Files
gallery3/modules/gallery/css/gallery.css
shadlaws 62335da791 Follow-on from autocomplete updates.
(9345dde83e, d632ef3e50)
- gallery module: added loading-small.gif (so all themes have it by default)
- gallery module: added css for .ui-autocomplete-loading (copied from .g-loading-small in wind,
but without !important so other themes can override it)
- gallery module: updated upgrader.html.php to use new image (removes theme dependence)
- wind theme: removed outdated css for .ac_loading (not used in v3.0.5, either)
- server_add module: removed multiple argument from autocomplete (doesn't work well with it)
2013-02-26 13:07:00 +01:00

233 lines
3.7 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: 90px;
margin: .5em 0;
padding: .4em 1em;
position: absolute;
top: 0;
width: 300px;
}
#g-add-photos-canvas object {
z-index: 100;
padding: 0em;
}
#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
}
#g-add-photos-status-message {
float: right;
}
/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-edit-permissions-form {
clear: both;
}
#g-edit-permissions-form th {
text-align: center;
}
#g-permissions .g-denied,
#g-permissions .g-allowed {
text-align: center;
vertical-align: middle;
}
/* 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%;
}
/* Unsupported movie download link ~~~~~~~~~~~~~~~~~~~~~~~~~ */
.g-movie-download-link {
text-align: center;
}
/* Dialogs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
* Newer Themeroller-based themes do this on their own, but older
* themes need help ensuring that dialogs and overlays are on top
*/
.ui-front {
z-index: 1000
}
/* Autocomplete ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ui-autocomplete {
text-align: left;
}
.ui-autocomplete-loading {
background: #e8e8e8 url('../images/loading-small.gif') no-repeat center center;
}
/** *******************************************************************
* 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;
}
.rtl #g-add-photos-status-message {
float: left;
}