Files
gallery3/modules/gallery/css/gallery.css
Tim Almdal a804c11513 1) revert e468ed7bd3
2) Add the padding to both the button and flash object so they always line up
3) Add some top padding to the uploadifyQueue panel  to seprate it from the button.
2010-06-21 10:11:38 -07:00

211 lines
3.3 KiB
CSS

/**
* Gallery 3 core module styles
*
* Sheet organization:
* 1) End-user
* 2) Admin
* 3) Right to left language styles
*/
/** *******************************************************************
* 1) End-user
**********************************************************************/
/* Uploader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-add-photos-canvas,
#g-add-photos-status {
width: 469px;
}
#g-add-photos-canvas {
border: 1px solid #ccc;
height: 200px;
margin: .5em 0;
padding: 2.8em 0 0 0;
overflow: auto;
position: relative;
}
#g-add-photos-canvas object,
#g-add-photos-button {
left: 137px;
margin: .5em 0;
padding: .4em 1em;
position: absolute;
top: 0;
width: 175px;
}
#g-add-photos-canvas object {
z-index: 100;
}
#g-add-photos-canvas .uploadifyQueue {
margin-top: .5em;
}
#g-add-photos-canvas .uploadifyQueueItem {
margin: 0;
}
#g-add-photos-button {
z-index: 1;
}
#g-add-photos-status {
border: 1px solid #ccc;
height: 125px;
margin: .4em 0;
overflow: auto;
}
#g-add-photos-status .g-message-block {
border: none;
}
#g-add-photos-status #g-action-status li {
margin: 0 0 1px 0;
padding-top: .7em;
width: 433px;
}
#g-add-photos-form .g-breadcrumbs {
margin: 0;
}
#g-add-photos-form p {
margin-bottom: 0
}
/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-edit-permissions-form {
clear: both;
}
#g-edit-permissions-form td {
background-image: none;
}
#g-edit-permissions-form fieldset {
border: 1px solid #ccc;
}
#g-permissions .g-denied,
#g-permissions .g-allowed {
text-align: center;
vertical-align: middle;
}
#g-permissions .g-denied {
background-color: #fcc;
}
#g-permissions .g-allowed {
background-color: #cfc;
}
/* Move items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-move ul {
padding-left: 1em;
}
#g-move .selected {
background: #999;
}
/* In-place edit ~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-in-place-edit-form ul {
margin: 0;
}
/* User profile ~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-user-profile h1 {
margin: 1em 0;
}
#g-user-profile .g-avatar {
margin-right: .6em;
}
#g-user-profile .g-block {
margin-top: 0;
}
#g-user-profile .g-block-content {
margin-top: 0;
}
#g-user-profile th,
#g-user-profile td {
border: none;
}
#g-user-profile th {
white-space: nowrap;
width: 1%;
}
/** *******************************************************************
* 2) Admin
**********************************************************************/
.g-task-log {
border: 1px solid #000;
height: 400px;
margin: .6em 0;
overflow: auto;
padding: .4em
}
#g-languages-form table {
width: 40%;
margin: 0 3em 1em 0;
}
#g-languages-form input {
clear: both;
}
#g-translations ol {
margin: 0 0 1em 2em;
}
#g-translations ol li {
list-style-type: decimal;
line-height: 150%;
}
#g-translations .g-button {
padding: .5em;
margin-bottom: 1em;
}
/** *******************************************************************
* 3) Right to left language styles
**********************************************************************/
.rtl #g-add-photos-status #g-action-status li {
width: 407px;
}
.rtl #g-block-admin .g-left {
margin-left: 1em;
margin-right: 0;
}
.rtl #g-user-profile .g-avatar {
margin-left: .6em;
}
.rtl #g-languages-form table {
margin: 0 0 1em 3em;
}
.rtl #g-translations ol {
margin: 0 2em 1em 0;
}