diff options
Diffstat (limited to 'themes/wind/css/screen.css')
-rw-r--r-- | themes/wind/css/screen.css | 432 |
1 files changed, 187 insertions, 245 deletions
diff --git a/themes/wind/css/screen.css b/themes/wind/css/screen.css index ec75d310..dac6a899 100644 --- a/themes/wind/css/screen.css +++ b/themes/wind/css/screen.css @@ -39,11 +39,11 @@ h1 { font-size: 1.7em; } -#gSearchResults h1 { +#g-search-results h1 { margin-bottom: 1em; } -#gProgress h1 { +#g-progress h1 { font-size: 1.1em; } @@ -51,11 +51,11 @@ h2 { font-size: 1.4em; } -#gSidebar .gBlock h2 { +#g-sidebar .g-block h2 { font-size: 1.2em; } -#gSidebar .gBlock li { +#g-sidebar .g-block li { margin-bottom: .6em; } @@ -66,7 +66,7 @@ h3 { /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a, -.gMenu a, +.g-menu a, #g-dialog a, .g-button, .g-button:hover, @@ -85,11 +85,11 @@ a:hover, text-decoration: underline; } -.gMenu a:hover { +.g-menu a:hover { text-decoration: none; } -#g-dialog #gMessage li { +#g-dialog #g-action-status li { width: 400px; white-space: normal; padding-left: 32px; @@ -101,7 +101,7 @@ table { width: 100%; } -#gContent table { +#g-content table { margin: 1em 0; } @@ -125,9 +125,9 @@ fieldset { padding-bottom: .8em; } -#gBanner fieldset, -#gSidebar fieldset, -.gShortForm fieldset { +#g-banner fieldset, +#g-sidebar fieldset, +.g-short-form fieldset { border: none; } @@ -136,11 +136,11 @@ legend { margin-left: 1em; } -#gBanner legend, -#gSidebar legend, -#gContent #gSearchForm legend, +#g-banner legend, +#g-sidebar legend, +#g-content #g-search-form legend, input[type="hidden"], -.gShortForm label { +.g-short-form label { display: none; } @@ -206,23 +206,18 @@ input[type="reset"] { /* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */ -.gValidationRule { - font-size: 80%; - margin-top: .5em; -} - -form.gError input[type="text"], -li.gError input[type="text"], -form.gError input[type="password"], -li.gError input[type="password"], -form.gError input[type="checkbox"], -li.gError input[type="checkbox"], -form.gError input[type="radio"], -li.gError input[type="radio"], -form.gError textarea, -li.gError textarea, -form.gError select, -li.gError select { +form.g-error input[type="text"], +li.g-error input[type="text"], +form.g-error input[type="password"], +li.g-error input[type="password"], +form.g-error input[type="checkbox"], +li.g-error input[type="checkbox"], +form.g-error input[type="radio"], +li.g-error input[type="radio"], +form.g-error textarea, +li.g-error textarea, +form.g-error select, +li.g-error select { border: 2px solid red; } @@ -230,91 +225,91 @@ li.gError select { * 3) Reusable content blocks *********************************************************************/ -.gBlock { +.g-block { clear: both; margin-bottom: 2.5em; } -.gBlock h2 { +.g-block h2 { background-color: #e8e8e8; padding: .3em .8em; } -.gBlockContent { +.g-block-content { margin-top: 1em; } /* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */ -#gContent #gMessage { +#g-content #g-action-status { width: 100%; } -#gSiteStatus li, -#gMessage li, -.gModuleStatus { +#g-site-status li, +#g-action-status li, +.g-module-status { border: 1px solid #ccc; margin-bottom: .4em; } -#gSiteStatus li { +#g-site-status li { margin-bottom: 0; border: none; border-bottom: 1px solid #ccc; } -.gModuleStatus { +.g-module-status { clear: both; margin-bottom: 1em; } -.gError, -.gInfo, -.gSuccess, -.gWarning { +.g-error, +.g-info, +.g-success, +.g-warning { background-position: .4em 50%; background-repeat: no-repeat; padding: .4em .5em .4em 30px; } -.gError { +.g-error { background-color: #f6cbca; background-image: url('../../../lib/images/ico-error.png'); } -.gInfo { +.g-info { background-color: #e8e8e8; background-image: url('../../../lib/images/ico-info.png'); } -.gSuccess { +.g-success { background-color: #d9efc2; background-image: url('../../../lib/images/ico-success.png'); } -.gWarning { +.g-warning { background-color: #fcf9ce; background-image: url('../../../lib/images/ico-warning.png'); } -form .gError, -.gPager .gInfo { +form .g-error, +.g-pager .g-info { background-color: #fff !important; } -.gPager .gInfo { +.g-pager .g-info { background-image: none !important; padding: 0 !important; } /* Inline layout (forms, lists) ~~~~~~~~~~ */ -.gShortForm li { +.g-short-form li { float: left; padding: .4em 0; } -.gShortForm input[type="text"] { +.g-short-form input[type="text"] { color: #666; padding: .3em .6em; width: 11em; @@ -326,7 +321,7 @@ form .gError, /* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */ -.gView { +.g-view { background-color: #fff; border: 1px solid #ccc; border-bottom: none; @@ -334,11 +329,11 @@ form .gError, /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ -#gHeader { +#g-header { margin-bottom: 1em; } -#gBanner { +#g-banner { background-color: #e8e8e8; border-bottom: 1px solid #ccc; font-size: .8em; @@ -347,20 +342,20 @@ form .gError, position: relative; } -#gContent { +#g-content { font-size: 1.2em; padding-left: 20px; position: relative; width: 696px; } -#gSidebar { +#g-sidebar { font-size: .9em; padding: 0 20px; width: 220px; } -#gFooter { +#g-footer { background-color: #e8e8e8; border-top: 1px solid #ccc; font-size: .8em; @@ -374,38 +369,38 @@ form .gError, /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gBanner #gLogo img { +#g-banner #g-logo img { margin: 0; } -#gBanner #gQuickSearchForm { +#g-banner #g-quick-search-form { clear: right; float: right; margin-top: 1em; } -#gBanner #gQuickSearchForm input[type='text'] { +#g-banner #g-quick-search-form input[type='text'] { width: 17em; } -#gContent .gBlock h2 { +#g-content .g-block h2 { background-color: transparent; padding-left: 0; } -#gSidebar .gBlockContent { +#g-sidebar .g-block-content { padding-left: 1em; } /* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gContent #gAlbumGrid { +#g-content #g-album-grid { margin: 1em 0; position: relative; z-index: 1; } -#gContent #gAlbumGrid .gItem { +#g-content #g-album-grid .g-item { background-color: #fff; border: 1px solid #fff; float: left; @@ -417,21 +412,21 @@ form .gError, z-index: 1; } -#gContent #gAlbumGrid .gItem h2 { +#g-content #g-album-grid .g-item h2 { margin: 5px 0; } -#gContent .gPhoto h2, -#gContent .gItem .gMetadata { +#g-content .g-photo h2, +#g-content .g-item .g-metadata { display: none; margin-bottom: .6em; } -#gContent #gAlbumGrid .gAlbum { +#g-content #g-album-grid .g-album { background-color: #e8e8e8; } -#gContent #gAlbumGrid .gAlbum h2 span { +#g-content #g-album-grid .g-album h2 span { background: transparent url('../images/ico-album.png') no-repeat top left; display: inline-block; height: 16px; @@ -439,18 +434,18 @@ form .gError, width: 16px; } -#gContent #gAlbumGrid .gHoverItem { +#g-content #g-album-grid .g-hover-item { border: 1px solid #000; position: absolute !important; z-index: 1000 !important; } -#gContent .gHoverItem h2, -#gContent .gHoverItem .gMetadata { +#g-content .g-hover-item h2, +#g-content .g-hover-item .g-metadata { display: block; } -#gContent #gAlbumGrid #gPlaceHolder { +#g-content #g-album-grid #g-place-holder { position: relative; visibility: hidden; z-index: 1; @@ -458,80 +453,80 @@ form .gError, /* Individual photo content ~~~~~~~~~~~~~~ */ -#gContent #gItem { +#g-content #g-item { position: relative; width: 99%; } -#gContent #gPhoto { +#g-content #g-photo { position: relative; } -#gContent #gItem .gFullSizeLink img { +#g-content #g-item .g-fullsize-link img { display: block; margin: 1em auto !important; } -#gContent #gComments { +#g-content #g-comments { margin-top: 2em; position: relative; } -#gContent #gComments ul li { +#g-content #g-comments ul li { margin: 1em 0; } -#gContent #gComments .gAuthor { +#g-content #g-comments .g-author { border-bottom: 1px solid #ccc; color: #999; height: 32px; line-height: 32px; } -#gContent #gComments ul li div { +#g-content #g-comments ul li div { padding: 0 8px 8px 43px; } -#gContent #gComments ul li #gRecaptcha { +#g-content #g-comments ul li #g-recaptcha { padding: 0; } -#gContent #gComments ul li #gRecaptcha div { +#g-content #g-comments ul li #g-recaptcha div { padding: 0; } -#gContent #gComments .gAvatar { +#g-content #g-comments .g-avatar { height: 32px; margin-right: .4em; width: 32px; } -#gAddCommentButton { +#g-admin-comment-button { position: absolute; right: 0; top: 2px; } -#gContent #gAddCommentForm { +#g-content #g-comment-form { margin-top: 2em; } /* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gBanner #gLoginMenu li, -#gFooter #gCredits li { +#g-banner #g-login-menu li, +#g-footer #g-credits li { display: inline; } -#gBanner #gLoginMenu li { +#g-banner #g-login-menu li { padding-left: 1.2em; } -#gFooter #gCredits li { +#g-footer #g-credits li { padding-right: 1.2em; } -#gContent #gSearchResults { +#g-content #g-search-results { margin-top: 1em; padding-top: 1em; } @@ -540,245 +535,185 @@ form .gError, * 5) Navigation and menus *********************************************************************/ -#gSiteMenu, -#gTagCloud ul { +#g-site-menu, +#g-tag-cloud ul { font-size: 1.2em; } /* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gBanner #gLoginMenu { +#g-banner #g-login-menu { color: #999; float: right; } /* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gSiteMenu { +#g-site-menu { bottom: 0; display: none; left: 140px; position: absolute; } -#gSiteMenu ul { +#g-site-menu ul { margin-bottom: 0 !important; } /* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -.gContextMenu { +.g-context-menu { background-color: #fff; bottom: 0; left: 0; position: absolute; } -.gItem .gContextMenu { +.g-item .g-context-menu { display: none; margin-top: 2em; width: 100%; } -#gItem .gContextMenu { +#g-item .g-context-menu { font-size: .7em; } -#gItem .gContextMenu ul { +#g-item .g-context-menu ul { display: none; } -.gContextMenu li { +.g-context-menu li { border-left: none; border-right: none; border-bottom: none; } -.gContextMenu li a { +.g-context-menu li a { display: block; line-height: 1.6em; } -.gHoverItem .gContextMenu { +.g-hover-item .g-context-menu { display: block; } -.gHoverItem .gContextMenu li { +.g-hover-item .g-context-menu li { text-align: left; } -.gHoverItem .gContextMenu a:hover { +.g-hover-item .g-context-menu a:hover { text-decoration: none; } /* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gViewMenu { +#g-view-menu { margin-bottom: 1em; } -#gViewMenu a { +#g-view-menu a { background-repeat: no-repeat; background-position: 50% 50%; height: 28px !important; width: 43px !important; } -#gViewMenu #gHybridLink { - background-image: url('../images/ico-view-hybrid.png'); -} - -#gViewMenu #gSlideshowLink { +#g-view-menu #g-slideshow-link { background-image: url('../images/ico-view-slideshow.png'); } -#gViewMenu .gFullSizeLink { +#g-view-menu .g-fullsize-link { background-image: url('../images/ico-view-fullsize.png'); } -#gViewMenu #gCommentsLink { +#g-view-menu #g-comments-link { background-image: url('../images/ico-view-comments.png'); } -#gViewMenu #gDigibugLink { +#g-view-menu #g-print-digibug-link { background-image: url('../images/ico-print.png'); } -/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ - -.gBreadcrumbs { - padding: 0 20px; -} - -.gBreadcrumbs li { - background: transparent url('../images/ico-separator.gif') no-repeat scroll left center; - float: left; - padding: 10px 6px 10px 16px !important; -} - -.gBreadcrumbs li.root { - background: transparent; -} - -.gBreadcrumbs li a, -.gBreadcrumbs li span { - display: block; -} - -.gBreadcrumbs li.active, -.gBreadcrumbs li.active span { - font-weight: bold; -} - -#g-dialog ul.gBreadcrumbs { - clear: both; - margin-left: 0; - padding-left: 0; -} - -#g-dialog .gBreadcrumbs li { - font-size: .9em; -} - /* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gTagCloud ul { +#g-tag-cloud ul { text-align: justify; } -#gTagCloud ul li { +#g-tag-cloud ul li { display: inline; line-height: 1.5em; text-align: justify; } -#gTagCloud ul li a { +#g-tag-cloud ul li a { text-decoration: none; } -#gTagCloud ul li span { +#g-tag-cloud ul li span { display: none; } -#gTagCloud ul li.size1 a { +#g-tag-cloud ul li.size1 a { color: #9cf; font-size: 80%; font-weight: 100; } -#gTagCloud ul li.size2 a { +#g-tag-cloud ul li.size2 a { color: #69f; font-size: 90%; font-weight: 300; } -#gTagCloud ul li.size3 a { +#g-tag-cloud ul li.size3 a { color: #69c; font-size: 100%; font-weight: 500; } -#gTagCloud ul li.size4 a { +#g-tag-cloud ul li.size4 a { color: #369; font-size: 110%; font-weight: 700; } -#gTagCloud ul li.size5 a { +#g-tag-cloud ul li.size5 a { color: #0e2b52; font-size: 120%; font-weight: 900; } -#gTagCloud ul li.size6 a { +#g-tag-cloud ul li.size6 a { color: #0e2b52; font-size: 130%; font-weight: 900; } -#gTagCloud ul li.size7 a { +#g-tag-cloud ul li.size7 a { color: #0e2b52; font-size: 140%; font-weight: 900; } -#gTagCloud ul li a:hover { +#g-tag-cloud ul li a:hover { color: #f30; text-decoration: underline; } -#gWelcomeMessage p { +#g-welcome-message p { padding-bottom: 1em; } -/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ - -.gPager { - clear: both; - margin: 0; - padding: 5px 0 !important; - width: 100%; -} - -.gPager li { - float: left; - margin: 0; - width: 30%; -} - -.gPager .gInfo { - text-align: center; - width: 40%; -} - /** ******************************************************************* * 6) Browser hacks *********************************************************************/ -#gHeader:after, -#gAlbumGrid:after, -.gPager:after, -#gViewMenu:after { +#g-header:after, +#g-album-grid:after, +.g-pager:after, +#g-view-menu:after { clear: both; content: "."; display: block; @@ -802,26 +737,26 @@ form .gError, /* Ajax loading indicator ~~~~~~~~~~~~~~~~ */ -.gLoadingLarge { +.g-loading-large { background: #e8e8e8 url('../../../lib/images/loading-large.gif') no-repeat center center; font-size: 0; } -.g-dialogLoadingLarge { +.g-dialog-loading-large { background: url('../../../lib/images/loading-large.gif') no-repeat center center !important; font-size: 0; } -.gLoadingSmall { +.g-loading-small { background: #e8e8e8 url('../../../lib/images/loading-small.gif') no-repeat center center; font-size: 0; } -.gDraggable { +.g-draggable { cursor: move; } -.gDropTarget { +.g-drop-target { background-color: #cfdeff; border: 1px dotted #999; height: 100px; @@ -837,15 +772,15 @@ form .gError, /* jQuery UI ThemeRoller buttons */ -.gButtonSet { +.g-buttonset { padding-left: 1px; } -.gButtonSet li { +.g-buttonset li { float: left; } -.gButtonSet .g-button { +.g-buttonset .g-button { margin: 0; } @@ -869,36 +804,36 @@ form .gError, /* STUFF THAT NEEDS A HOME */ -#gMove ul { +#g-move ul { padding-left: 1em; } -#gMove .selected { +#g-move .selected { background: #999; } /* Server Add */ -#gServerAdd button { +#g-server-add button { margin-bottom: .5em; } -#gServerAddTree { +#g-server-add-tree { cursor: pointer; padding-left: 4px; width: 95%; } -#gServerAddTree li { +#g-server-add-tree li { padding: 0; float: none; } -#gServerAddTree span.selected { +#g-server-add-tree span.selected { background: #ddd; } -#gServerAddTree { +#g-server-add-tree { border: 1px solid #ccc; height: 20em; overflow: auto; @@ -906,59 +841,66 @@ form .gError, padding: .5em; } -#gServerAdd ul ul li { +#g-server-add ul ul li { padding-left: 1.2em; } /* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#gEditPermissionForm { +#g-edit-permissions-form { clear: both; } -#gEditPermissionForm fieldset { - border: 1px solid #cccccc; + +#g-edit-permissions-form td { + background-image: none; +} + +#g-edit-permissions-form fieldset { + border: 1px solid #ccc; padding: 0; } -#gPermissions .gDenied, -#gPermissions .gAllowed { +#g-permissions .g-denied, +#g-permissions .g-allowed { text-align: center; vertical-align: middle; } -#gPermissions .gDenied { + +#g-permissions .g-denied { background-color: #fcc; } -#gPermissions .gAllowed { + +#g-permissions .g-allowed { background-color: #cfc; } /*************** STUFF THAT NEEDS A HOME ****************/ -.gProgressBar { +.g-progress-bar { height: 1em; width: 100%; margin-top: .5em; display: inline-block; } -#gAddPhotos #SWFUpload_0 { +#g-add-photos #SWFUpload_0 { position: relative; top: -200px; left: 134px; } -#gAddPhotos .gBreadcrumbs { +#g-add-photos .g-breadcrumbs { border: 0; margin: 0; padding-left:10px; } -#gAddPhotosCanvas { +#g-add-photos-canvas { border: 1px solid #CCCCCC; margin: .5em 0 .5em 0; width: 469px; height: 325px; overflow: auto; } -#gAddPhotos button { +#g-add-photos button { margin-bottom: .5em; float: right; } @@ -970,73 +912,73 @@ form .gError, cursor: pointer; } -#gAddPhotosCanvas { +#g-add-photos-canvas { } -#gAddPhotosQueue .progressbar { +#g-add-photos-queue .progressbar { height: 4px; } -#gAddPhotosQueue .title { +#g-add-photos-queue .title { font-size: 1.25em; } -#gAddPhotosQueue .status { +#g-add-photos-queue .status { font-size: .75em; } -#gAddPhotosQueue .box { +#g-add-photos-queue .box { margin-bottom: 8px; padding: 4px; } -#gAddPhotosQueue .pending { +#g-add-photos-queue .pending { background-color: #e8e8e8; border: 1px solid #d7d7d7; } -#gAddPhotosQueue .error { +#g-add-photos-queue .error { background-color: #fcc; border: 1px solid #ebb; } -#gAddPhotosQueue .uploading { +#g-add-photos-queue .uploading { background-color: #ff9; border: 1px solid #ee8; } -#gAddPhotosQueue .complete { +#g-add-photos-queue .complete { background-color: #cfc; border: 1px solid #beb; } -#gAdminG2ImportNotes { +#g-admin-g2-import-notes { padding-bottom: 20px; } -#gAdminG2ImportDetails { +#g-admin-g2-import-details { padding-top: 20px; } -#gAdminG2ImportDetails .gWarning { +#g-admin-g2-import-details .g-warning { margin-top: 4px; } -#gAdminG2ImportDetails .gInfo { +#g-admin-g2-import-details .g-info { padding: 2px; border: 1px solid #999; margin-bottom: 10px; } -#gAdminG2ImportNotes p, -#gAdminG2ImportDetails .gInfo p { +#g-admin-g2-import-notes p, +#g-admin-g2-import-details .g-info p { padding: 0; margin: 0; } -#gAdminG2ImportNotes ul li, -#gAdminG2Import .gInfo ul li { +#g-admin-g2-import-notes ul li, +#g-admin-g2-import .g-info ul li { padding-left: 0; margin-left: 20px; list-style-type: disc; @@ -1054,9 +996,9 @@ form .gError, text-align: right; } -.rtl #gHeader #gQuickSearchForm, -.rtl #gForgotPasswordLink, -.rtl #gHeader #gLoginMenu, +.rtl #g-header #g-quick-search-form, +.rtl #g-reset-password, +.rtl #g-header #g-login-menu, .rtl .ui-icon-right .ui-icon { clear: left; float: left; @@ -1066,13 +1008,13 @@ form .gError, .rtl form ul ul li, .rtl input[type="submit"], .rtl input[type="reset"], -.rtl .gShortForm li, -.rtl #gHeader #gLogo img, -.rtl #gContent #gAlbumGrid .gItem, -.rtl #gSiteMenu, -.rtl .gBreadcrumbs li, -.rtl .gPager li, -.rtl .gButtonSet li, +.rtl .g-short-form li, +.rtl #g-header #g-logo img, +.rtl #g-content #g-album-grid .g-item, +.rtl #g-site-menu, +.rtl .g-breadcrumbs li, +.rtl .g-pager li, +.rtl .g-buttonset li, .rtl .ui-icon-left .ui-icon { float: right; } |