skins/monobook/rtl.css

   1 /*
   2 Right-to-left fixes for MonoBook.
   3 Places sidebar on right, tweaks various alignment issues.
   4
   5 Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.
   6
   7 Safari bugs (1.2.1):
   8 * Tabs are still appearing in left-to-right order. (Try after localizing)
   9
  10 Opera bugs (7.23 linux):
  11 * Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other
  12
  13 IE/mac bugs:
  14 * The thing barfs on Hebrew and Arabic anyway, so no point testing.
  15
  16 Missing features due to lack of support:
  17 * external link icons
  18
  19 To test:
  20 * Opera6
  21 * IE 5.0
  22 * etc
  23
  24 */
  25 body {
  26         direction: rtl;
  27 /*    unicode-bidi: bidi-override;*/
  28         unicode-bidi: embed;
  29 }
  30 #column-content {
  31         margin: 0 -12.2em 0 0;
  32         float: left;
  33 }
  34 #column-content #content{
  35         margin-left: 0;
  36         margin-right: 12.2em;
  37         border-right: 1px solid #aaaaaa;
  38         border-left: none;
  39 }
  40 html>body .portlet {
  41         float: right;
  42         clear: right;
  43 }
  44 /* recover IEMac (might be fine with the float, but usually it's close to IE */
  45 *>body .portlet {
  46         float: none;
  47         clear: none;
  48 }
  49 .pBody {
  50         padding-right: 0.8em;
  51         padding-left: 0.5em;
  52 }
  53
  54 /* Fix alignment */
  55 .portletDetails,
  56 .portletMore,
  57 #p-personal {
  58         text-align: left;
  59 }
  60 #p-logo {
  61         left: auto;
  62         right: 0;
  63 }
  64 #p-personal {
  65         left: auto;
  66         right: 0;
  67 }
  68 #p-navigation .pBody {
  69         padding-right: auto;
  70 }
  71
  72 /* the icon in front of the user name, single quotes
  73 in bg url to hide it from iemac */
  74 li#pt-userpage,
  75 li#pt-anonuserpage,
  76 li#pt-login {
  77         background: url(user.gif) top right no-repeat;
  78         padding-left: 0px;
  79         padding-right: 20px;
  80         text-transform: none;
  81 }
  82 #p-cactions {
  83         left: auto;
  84         right: 11.5em;
  85         padding-left: 0;
  86         padding-right: 1em;
  87 }
  88 #p-cactions li {
  89         margin-left: 0.3em;
  90         margin-right: 0;
  91         float: right;
  92 }
  93 * html #p-cactions li a {
  94         display: block;
  95         padding-bottom: 0;
  96 }
  97 * html #p-cactions li a:hover {
  98         padding-bottom: 0.2em;
  99 }
 100 /* offsets to distinguish the tab groups */
 101 li#ca-talk {
 102         margin-right: auto;
 103         margin-left: 1.6em;
 104 }
 105 li#ca-watch,li#ca-unwatch {
 106         margin-right: 1.6em !important;
 107 }
 108
 109 /* Fix margins for non-css2 browsers */
 110 /* top right bottom left */
 111
 112 .portlet ul {
 113         margin-left: 0;
 114         margin-right: 1.5em;
 115 }
 116 .portlet ol {
 117         margin-left: 0;
 118         margin-right: 2.4em;
 119 }
 120 .portlet dd {
 121         margin-left: 0;
 122         margin-right: 1.6em;
 123 }
 124 #contentSub {
 125         margin-right: 1em;
 126         margin-left: 0;
 127 }
 128 #p-personal li {
 129         margin-left: 0;
 130         margin-right: 1em;
 131 }
 132
 133 li#ca-talk,
 134 li#ca-watch {
 135         margin-right: auto;
 136         margin-left: 1.6em;
 137 }
 138
 139 #p-personal li {
 140         float: left;
 141 }
 142 #footer {
 143         clear: both;
 144 }
 145 * html #footer {
 146         margin-left: 0;
 147         margin-right: 13.6em;
 148         border-left: 0;
 149         border-right: 1px solid #fabd23;
 150 }
 151 * html #column-content {
 152         float: none;
 153         margin-left: 0;
 154         margin-right: 0;
 155 }
 156 * html #column-content #content {
 157         margin-left: 0;
 158         margin-top: 3em;
 159 }
 160 * html #column-one { right: 0; }
 161
 162 /* js pref toc */
 163
 164 #preftoc {
 165         margin-right: 1em;
 166 }
 167
 168 .errorbox, .successbox, #preftoc li, .prefsection fieldset {
 169         float: right;
 170 }
 171
 172 .prefsection {
 173         padding-right: 2em;
 174 }
 175
 176 input#wpSave, input#wpDiff {
 177         margin-right: 0;
 178         margin-left: .33em;
 179 }
 180
 181 #userlogin {
 182         float: right;
 183         margin: 0 0 1em 3em;
 184 }