diff options
| author | jhilden <jakobhilden@gmail.com> | 2009-06-29 16:03:45 -0400 |
|---|---|---|
| committer | jhilden <jakobhilden@gmail.com> | 2009-06-29 16:03:45 -0400 |
| commit | b31b3bd5bff4f8d5b5721e0fdd86579028a5b03a (patch) | |
| tree | 9baa2a301c1e26dcf872e0bbfbb09be34cb020d5 /themes/default/css | |
| parent | eb82f6a64a6b4e0b4e18ca92689bd467cba6e1bd (diff) | |
| parent | 5de6de6a133c6c906ee63b5a2ab1b08bc14ca17e (diff) | |
Merge branch 'master' of git@github.com:gallery/gallery3
Diffstat (limited to 'themes/default/css')
| -rw-r--r-- | themes/default/css/screen.css | 256 |
1 files changed, 122 insertions, 134 deletions
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css index 03c13cc1..e37de70e 100644 --- a/themes/default/css/screen.css +++ b/themes/default/css/screen.css @@ -4,24 +4,22 @@ * @requires YUI reset, font, grids CSS * * Sheet organization: - * 1) Basic HTML elements - * 2) Reusable classes - * 3) Reusable content blocks - * 4) Page layout containers - * 5) Content blocks in specific layout containers - * 6) Navigation and menus - * 7) Browser hacks - * 8) jQuery and jQuery UI + * 1) Basic HTML elements + * 2) Reusable classes + * 3) Reusable content blocks + * 4) Page layout containers + * 5) Content blocks in specific layout containers + * 6) Navigation and menus + * 7) Browser hacks + * 8) jQuery and jQuery UI + * 9) Right-to-left language styles + * 10) Digibug Print */ /** ******************************************************************* * 1) Basic HTML elements **********************************************************************/ -.rtl { - direction: rtl; -} - body, html { background-color: #ccc; font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; @@ -31,17 +29,11 @@ p { margin-bottom: 1em; } -strong { - font-weight: bold; -} - em { font-style: oblique; } -/* Headings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ - -h1, h2, h3, h4, h5 { +h1, h2, h3, h4, h5, strong, th { font-weight: bold; } @@ -53,6 +45,10 @@ h1 { margin-bottom: 1em; } +#gProgress h1 { + font-size: 1.1em; +} + h2 { font-size: 1.4em; } @@ -61,6 +57,10 @@ h2 { font-size: 1.2em; } +#gSidebar .gBlock li { + margin-bottom: .6em; +} + h3 { font-size: 1.2em; } @@ -71,7 +71,8 @@ a, .gMenu a, #gDialog a, .gButtonLink, -.gButtonLink:hover { +.gButtonLink:hover, +.gButtonLink:active { color: #5382BF !important; text-decoration: none; -moz-outline-style: none; @@ -92,11 +93,12 @@ a:hover, margin: .3em 1em; } -#gForgotPasswordLink, .rtl #gDialog .gCancel { +#gForgotPasswordLink { float: right; + font-size: .9em; } -#gDialog .gCancel, .rtl #gForgotPasswordLink { +#gDialog .gCancel { float: left; } @@ -115,15 +117,6 @@ th { text-align: left; } -.rtl caption, -.rtl th { - text-align: right; -} - -th { - font-weight: bold; -} - th, td { border: none; @@ -152,7 +145,9 @@ legend { #gHeader legend, #gSidebar legend, -#gContent #gSearchForm legend { +#gContent #gSearchForm legend, +input[type="hidden"], +.gShortForm label { display: none; } @@ -174,10 +169,6 @@ textarea { color: #333; } -input[type="hidden"] { - display: none; -} - textarea { width: 100%; height: 12em; @@ -205,10 +196,6 @@ form ul ul li { float: left; } -.rtl form ul ul li { - float: right; -} - input, select, textarea { @@ -224,11 +211,6 @@ input[type="reset"] { float: left; } -.rtl input[type="submit"], -.rtl input[type="reset"] { - float: right; -} - /* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */ .gValidationRule { @@ -330,7 +312,7 @@ form p.gError, } form .gError { - color: #f00; + color: #f00; } #gSiteStatus .gError, @@ -368,7 +350,7 @@ form p.gError { form .gError, .gPager .gInfo { - background-color: #fff; + background-color: #fff; } #gAdminMaintenance .gError, @@ -385,14 +367,6 @@ form .gError, padding: .4em 0; } -.rtl .gShortForm li { - float: right; -} - -.gShortForm label { - display: none; -} - .gShortForm input[type="text"] { color: #666; padding: .3em .6em; @@ -414,7 +388,7 @@ form .gError, /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ #gHeader { - background-color: #e8e8e8; + background-color: #e8e8e8; border-bottom: 1px solid #fff; font-size: .8em; margin-bottom: 1em; @@ -435,7 +409,7 @@ form .gError, } #gFooter { - background-color: #e8e8e8; + background-color: #e8e8e8; border-top: 1px solid #ccc; font-size: .8em; margin-top: 20px; @@ -453,21 +427,12 @@ form .gError, margin: -4px 10px 0 0; } -.rtl #gHeader #gLogo { - float: right; -} - #gHeader #gQuickSearchForm { clear: right; float: right; margin: 1em 0; } -.rtl #gHeader #gQuickSearchForm { - clear: left; - float: left; -} - #gHeader #gQuickSearchForm input[type='text'] { width: 17em; } @@ -481,14 +446,6 @@ form .gError, padding-left: 1em; } -/* Album/Photo information ~~~~~~~~~~~~~~~ */ - -#gContent #gInfo { -} - -#gContent #gInfo .gDescription { -} - /* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #gContent #gAlbumGrid { @@ -508,11 +465,6 @@ form .gError, width: 213px; } - -.rtl #gContent #gAlbumGrid .gItem { - float: right; -} - #gContent #gAlbumGrid .gItem h2 { margin: 5px 0; } @@ -618,10 +570,6 @@ form .gError, float: right; } -.rtl #gHeader #gLoginMenu { - float: left; -} - /* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #gSiteMenu { @@ -630,10 +578,6 @@ form .gError, padding: 0 20px 0 0; } -.rtl #gSiteMenu { - float: right; -} - #gSiteMenu ul { margin-bottom: 0; } @@ -665,6 +609,10 @@ form .gError, background-image: url('../images/ico-view-comments.png'); } +#gViewMenu #gDigibugLink { + background-image: url('../images/ico-print.png'); +} + /* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .gBreadcrumbs { @@ -681,10 +629,6 @@ form .gError, padding: 10px 6px 10px 16px !important; } -.rtl .gBreadcrumbs li { - float: right; -} - .gBreadcrumbs li.root { background: transparent; } @@ -700,7 +644,7 @@ form .gError, } #gAddPhotos .gBreadcrumbs { - font-size: .9em; + font-size: .9em; } /* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */ @@ -785,10 +729,6 @@ form .gError, width: 30%; } -.rtl .gPager li { - float: right; -} - .gPager .gInfo { text-align: center; width: 40%; @@ -833,14 +773,14 @@ form .gError, } .gDraggable { - cursor: move; + cursor: move; } .gDropTarget { - background-color: #cfdeff; - border: 1px dotted #999; - height: 100px; - margin: 1em 0; + background-color: #cfdeff; + border: 1px dotted #999; + height: 100px; + margin: 1em 0; } /* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */ @@ -852,19 +792,11 @@ form .gError, } #gDialog { - font-family: inherit; - font-size: inherit; text-align: left; } -.rtl #gDialog { - font-family: inherit; - font-size: inherit; - text-align: right; -} - #gDialog li { - padding-left: 0; + padding-left: 0; } #gDialog form input[type="text"], @@ -904,10 +836,6 @@ form .gError, float: left; } -.rtl .gButtonSet li { - float: right; -} - .gButtonSet .gButtonLink { margin: 0; } @@ -917,19 +845,11 @@ form .gError, margin-right: .2em; } -.rtl .ui-icon-left .ui-icon { - float: right; -} - .ui-icon-right .ui-icon { float: right; margin-left: .2em; } -.rtl .ui-icon-right .ui-icon { - float: left; -} - .ui-icon-rotate-ccw { background-position: -192px -64px; } @@ -949,6 +869,7 @@ form .gError, } /* Server Add */ + .gCheckboxTree input { display: inline; } @@ -987,7 +908,7 @@ form .gError, font-size: 1em; padding: 0; margin: 0; - border-top-width: 0px; + border-top-width: 0; } #gServerAdd p { @@ -998,18 +919,32 @@ form .gError, padding: 10px 6px 10px 16px; } +/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#gPermissions .gDenied, +#gPermissions .gAllowed { + text-align: center; + vertical-align: middle; +} +#gPermissions .gDenied { + background-color: #fcc; +} +#gPermissions .gAllowed { + background-color: #cfc; +} /*************** STUFF THAT NEEDS A HOME ****************/ + .gProgressBar { height: 1em; width: 100%; - margin-top: 0.5em; + margin-top: .5em; display: inline-block; } #gAddPhotos p { - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; } #gAddPhotosCanvas { @@ -1055,15 +990,68 @@ form .gError, border: 1px solid #beb; } -/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ +#gAdminG2ImportNotes { + padding-bottom: 20px; +} -#gPermissions .gDenied, #gPermissions .gAllowed { - text-align: center; - vertical-align: middle; +#gAdminG2ImportDetails { + padding-top: 20px; } -#gPermissions .gDenied { - background-color: #fcc; + +#gAdminG2ImportDetails .gWarning { + margin-top: 4px; } -#gPermissions .gAllowed { - background-color: #cfc; + +#gAdminG2ImportDetails .gInfo { + padding: 2px; + border: 1px solid #999; + margin-bottom: 10px; +} + +#gAdminG2ImportNotes p, +#gAdminG2ImportDetails .gInfo p { + padding: 0; + margin: 0; +} + +#gAdminG2ImportNotes ul li, +#gAdminG2Import .gInfo ul li { + padding-left: 0; + margin-left: 20px; + list-style-type: disc; +} + +/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */ + +.rtl { + direction: rtl; +} + +.rtl caption, +.rtl th, +.rtl #gDialog { + text-align: right; +} + +.rtl #gHeader #gQuickSearchForm, +.rtl #gForgotPasswordLink, +.rtl #gHeader #gLoginMenu, +.rtl .ui-icon-right .ui-icon { + clear: left; + float: left; +} + +.rtl #gDialog .gCancel, +.rtl form ul ul li, +.rtl input[type="submit"], +.rtl input[type="reset"], +.rtl .gShortForm li, +.rtl #gHeader #gLogo, +.rtl #gContent #gAlbumGrid .gItem, +.rtl #gSiteMenu, +.rtl .gBreadcrumbs li, +.rtl .gPager li, +.rtl .gButtonSet li, +.rtl .ui-icon-left .ui-icon { + float: right; } |
