diff options
-rw-r--r-- | phpBB/adm/style/admin.css | 207 |
1 files changed, 180 insertions, 27 deletions
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index 04aa71727d..29c6799ba8 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -48,6 +48,10 @@ h2, caption { margin-top: 25px; } +.rtl h2, .rtl caption { + text-align: right; +} + h3, h4 { font: bold 1.2em "Lucida Grande", Arial, Helvetica, sans-serif; text-decoration: none; @@ -63,8 +67,11 @@ p { ul { list-style: disc; - margin-left: 2em; - margin-bottom: 1em; + margin: 0 0 1em 2em; +} + +.rtl ul { + margin: 0 2em 1em 0; } hr { @@ -105,6 +112,10 @@ a:hover { height: 84px; } +.rtl #page-header { + text-align: left; +} + #page-header h1 { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; @@ -136,12 +147,17 @@ a:hover { } #main { - float:left; + float: left; width: 76%; - margin-left: 3%; + margin: 0 0 0 3%; min-height: 350px; } +.rtl #main { + float: right; + margin: 0 3% 0 0; +} + * html #main { height: 350px; } @@ -156,6 +172,10 @@ a:hover { min-width: 570px; } +.rtl #tabs { + margin: 0 7px -6px 0; +} + #tabs ul { margin:0; padding: 0; @@ -171,7 +191,7 @@ a:hover { } #tabs a { - float:left; + float: left; background:url("../images/bg_tabs1.gif") no-repeat 0% -35px; margin: 0 1px 0 0; padding: 0 0 0 6px; @@ -179,6 +199,12 @@ a:hover { position: relative; } +.rtl #tabs a { + float: right; + margin: 0 0 0 1px; + padding: 0 6px 0 0; +} + #tabs a span { float: left; display: block; @@ -189,8 +215,13 @@ a:hover { text-transform: uppercase; } +.rtl #tabs a span { + float: left; + padding: 7px 6px 6px 12px; +} + /* Commented Backslash Hack hides rule from IE5-Mac \*/ -#tabs a span { float:none;} +#tabs a span, .rtl #tabs a span { float:none;} /* End hack */ #tabs a:hover span { @@ -244,6 +275,10 @@ span.corners-top span, span.corners-bottom span { padding: 0; } +.rtl #menu { + float: right; +} + #menu p { font-size: 1em; } @@ -323,6 +358,10 @@ th, td { text-align: left; } +.rtl th, .rtl td { + text-align: right; +} + th { padding: 6px 4px; color: #FFA34F; @@ -382,6 +421,14 @@ fieldset { background-color: #ECECEC; position: relative; } + +.rtl fieldset { + border-right: 1px solid #D5D5C8; + border-bottom: 1px solid #AFAEAA; + border-left: 1px solid #AFAEAA; + border-top: 1px solid #D5D5C8; +} + legend { position: absolute; top: -0.5em; @@ -412,6 +459,13 @@ input { vertical-align: middle; } +.rtl input { + border-left: 1px solid #D5D5C8; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #AFAEAA; + border-bottom: 1px solid #D5D5C8; +} + input.langvalue, textarea.langvalue { width: 90%; } @@ -434,7 +488,11 @@ optgroup { } option { - padding-right: 1em; + padding: 0 1em 0 0; +} + +.rtl option { + padding: 0 0 0 1em; } .sep { @@ -455,10 +513,21 @@ textarea { cursor: text; } +.rtl textarea { + border-left: 1px solid #D5D5C8; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #AFAEAA; + border-bottom: 1px solid #D5D5C8; +} + label { - cursor:pointer; + cursor: pointer; font-size: 1.1em; - padding-right: 5px; + padding: 0 5px 0 0; +} + +.rtl label { + padding: 0 0 0 5px; } label input { @@ -471,14 +540,18 @@ label img { } fieldset.quick, p.quick { - margin: 0 0 5px 0; - padding: 5px 0 0 0; + margin: 0 0 5px; + padding: 5px 0 0; border: none; background-color: transparent; text-align: right; font-size: 1.1em; } +.rtl fieldset.quick, .rtl p.quick { + text-align: left; +} + fieldset.quick legend { display: none; } @@ -542,9 +615,14 @@ dt { width: auto; } +.rtl dt { + float: right; +} + dd { color: #000;} dd + dd { padding-top: 5px;} -dt span { padding-right: 5px;} +dt span { padding: 0 5px 0 0;} +.rtl dt span { padding: 0 0 0 5px;} dt .explain { font-style: italic;} @@ -554,9 +632,17 @@ dt label { font-weight: bold; } +.rtl dt label { + text-align: right; +} + dd label { white-space: nowrap; - margin-right: 10px; + margin: 0 10px 0 0; +} + +.rtl dd label { + margin: 0 0 0 10px; } html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */ @@ -590,21 +676,36 @@ fieldset dl { fieldset dt { width: 45%; text-align: left; + border: none; border-right: 1px solid #CCC; padding-top: 3px; } +.rtl fieldset dt { + text-align: right; + border: none; + border-left: 1px solid #CCC; +} + fieldset dd { - margin-left: 45%; - padding-left: 5px; + margin: 0 0 0 45%; + padding: 0 0 0 5px; + border: none; border-left: 1px solid #CCC; vertical-align: top; } +.rtl fieldset dd { + margin: 0 45% 0 0; + padding: 0 5px 0 0; + border: none; + border-right: 1px solid #CCC; +} + dd.full { - margin-left: 0; + margin: 0; border: 0; - padding-left: 0; + padding: 0; padding-top: 3px; text-align: center; width: 95%; @@ -661,6 +762,13 @@ fieldset.submit-buttons legend { width: 75%; } +.rtl .inputbox { + border-left: 1px solid #D5D5C8; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #AFAEAA; + border-bottom: 1px solid #D5D5C8; +} + select.inputbox { cursor: pointer; padding: 0; @@ -668,10 +776,7 @@ select.inputbox { } .inputbox:hover { - border-left: 1px solid #AFAEAA; - border-top: 1px solid #AFAEAA; - border-right: 1px solid #AFAEAA; - border-bottom: 1px solid #AFAEAA; + border: 1px solid #AFAEAA; background-color: #E9E9E2; } @@ -705,6 +810,10 @@ input.autowidth { width: auto !important;} padding-bottom: 2px; } +.rtl .pagination { + text-align: left; +} + .pagination strong, .pagination b { font-weight: normal; @@ -892,6 +1001,10 @@ a.button2, a.button2:link, a.button2:visited, a.button2:active { padding: 0px; } +.rtl .sourcenum { + text-align: left; +} + .source { font-family: Monaco, 'Courier New', monospace; font-size: 125%; @@ -939,11 +1052,19 @@ fieldset.perm .perm_simple { padding-top: 3px; } +.rtl fieldset.perm .perm_simple { + text-align: right; +} + fieldset.perm .perm_advanced { - padding-left: 5px; + padding: 10px 0 0 5px; vertical-align: top; clear: right; - padding-top: 10px; +} + +.rtl fieldset.perm .perm_advanced { + padding: 10px 5px 0 0; + clear: left; } fieldset.perm .perm_switch { @@ -951,6 +1072,10 @@ fieldset.perm .perm_switch { font-size: 1.1em; } +.rtl fieldset.perm .perm_switch { + float: left; +} + .perm_switch a { text-decoration: underline; } @@ -958,13 +1083,17 @@ fieldset.perm .perm_switch { /* Tabbed menu */ .perm_cat { line-height: normal; - margin: 0 0 0px 7px; + margin: 0 0 0 7px; min-width: 570px; font-size: 1em; } +.rtl .perm_cat { + margin: 0 7px 0 0; +} + .perm_cat ul { - margin:0; + margin: 0; padding: 0; list-style: none; } @@ -986,6 +1115,12 @@ fieldset.perm .perm_switch { position: relative; } +.rtl .perm_cat a { + float: right; + margin: 0 0 0 1px; + padding: 0 6px 0 0; +} + .perm_cat a span.tabbg { float: left; display: block; @@ -995,8 +1130,13 @@ fieldset.perm .perm_switch { white-space: nowrap; } +.rtl .perm_cat a span.tabbg { + float: left; + padding: 7px 6px 6px 12px; +} + /* Commented Backslash Hack hides rule from IE5-Mac \*/ -.perm_cat a span.tabbg { float:none;} +.perm_cat a span.tabbg, .rtl .perm_cat a span.tabbg { float: none;} /* End hack */ .perm_cat a:hover span.tabbg { @@ -1036,7 +1176,12 @@ fieldset.perm .perm_switch { float: left; width: 10px; height: 10px; - margin-right: 5px; + margin: 0 5px 0 0; +} + +.rtl .perm_cat a span.colour { + float: right; + margin: 0 0 0 5px; } .perm_cat .activetab span.colour { @@ -1080,6 +1225,10 @@ fieldset.perm .perm_switch { margin-top: -1px; } +.rtl .perm_panel { + float: right; +} + .perm_panel span.corners-top { background-image: url("../images/corners_left2.gif"); } @@ -1152,6 +1301,10 @@ fieldset.perm .perm_switch { text-transform: none; } +.rtl .perm_panel th.name { + text-align: right; +} + .perm_panel th.permission_name { border: none; color: #536482; |