mirror of
https://github.com/Pathduck/gallery3.git
synced 2026-06-05 19:29:06 -04:00
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.
211 lines
3.3 KiB
CSS
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;
|
|
}
|