diff options
| -rw-r--r-- | themes/default/css/screen.css | 115 |
1 files changed, 43 insertions, 72 deletions
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css index 8967efdf..0f2d504c 100644 --- a/themes/default/css/screen.css +++ b/themes/default/css/screen.css @@ -12,16 +12,13 @@ * 6) Navigation and menus * 7) Browser hacks * 8) jQuery and jQuery UI + * 9) Right-to-left language styles */ /** ******************************************************************* * 1) Basic HTML elements **********************************************************************/ -.rtl { - direction: rtl; -} - body, html { background-color: #ccc; font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; @@ -92,11 +89,11 @@ a:hover, margin: .3em 1em; } -#gForgotPasswordLink, .rtl #gDialog .gCancel { +#gForgotPasswordLink { float: right; } -#gDialog .gCancel, .rtl #gForgotPasswordLink { +#gDialog .gCancel { float: left; } @@ -115,11 +112,6 @@ th { text-align: left; } -.rtl caption, -.rtl th { - text-align: right; -} - th { font-weight: bold; } @@ -205,10 +197,6 @@ form ul ul li { float: left; } -.rtl form ul ul li { - float: right; -} - input, select, textarea { @@ -224,11 +212,6 @@ input[type="reset"] { float: left; } -.rtl input[type="submit"], -.rtl input[type="reset"] { - float: right; -} - /* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */ .gValidationRule { @@ -385,10 +368,6 @@ form .gError, padding: .4em 0; } -.rtl .gShortForm li { - float: right; -} - .gShortForm label { display: none; } @@ -453,21 +432,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; } @@ -508,11 +478,6 @@ form .gError, width: 213px; } - -.rtl #gContent #gAlbumGrid .gItem { - float: right; -} - #gContent #gAlbumGrid .gItem h2 { margin: 5px 0; } @@ -618,10 +583,6 @@ form .gError, float: right; } -.rtl #gHeader #gLoginMenu { - float: left; -} - /* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #gSiteMenu { @@ -630,10 +591,6 @@ form .gError, padding: 0 20px 0 0; } -.rtl #gSiteMenu { - float: right; -} - #gSiteMenu ul { margin-bottom: 0; } @@ -685,10 +642,6 @@ form .gError, padding: 10px 6px 10px 16px !important; } -.rtl .gBreadcrumbs li { - float: right; -} - .gBreadcrumbs li.root { background: transparent; } @@ -789,10 +742,6 @@ form .gError, width: 30%; } -.rtl .gPager li { - float: right; -} - .gPager .gInfo { text-align: center; width: 40%; @@ -861,12 +810,6 @@ form .gError, text-align: left; } -.rtl #gDialog { - font-family: inherit; - font-size: inherit; - text-align: right; -} - #gDialog li { padding-left: 0; } @@ -908,10 +851,6 @@ form .gError, float: left; } -.rtl .gButtonSet li { - float: right; -} - .gButtonSet .gButtonLink { margin: 0; } @@ -921,19 +860,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; } @@ -1105,3 +1036,43 @@ form .gError, margin-left: 20px; list-style-type: disc; } + +/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */ + +.rtl { + direction: rtl; +} + +.rtl caption, +.rtl th { + 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; +} + +.rtl #gDialog { + font-family: inherit; + font-size: inherit; + text-align: right; +} |