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, icon next to user name
  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 .documentByLine,
  56 .portletDetails,
  57 .portletMore,
  58 #p-personal {
  59         text-align: left;
  60 }
  61
  62 div div.thumbcaption {
  63         text-align: right;
  64 }
  65
  66 div.magnify,
  67 #div.townBox,
  68 #p-logo {
  69         left: auto;
  70         right: 0;
  71 }
  72 #p-personal {
  73         left: auto;
  74         right: 0;
  75 }
  76
  77 #p-cactions {
  78         left: auto;
  79         right: 11.5em;
  80         padding-left: 0;
  81         padding-right: 1em;
  82 }
  83 #p-cactions li {
  84     margin-left: 0.3em;
  85     margin-right: 0;
  86     float: right;
  87 }
  88 * html #p-cactions li a {
  89     display: block;
  90     padding-bottom: 0;
  91 }
  92 * html #p-cactions li a:hover {
  93     padding-bottom: 0.2em;
  94 }
  95 /* offsets to distinguish the tab groups */
  96 li#ca-talk {
  97     margin-right: auto;
  98     margin-left: 1.6em;
  99 }
 100 li#ca-watch,li#ca-unwatch {
 101     margin-right: 1.6em !important;
 102 }
 103
 104 /* Fix margins */
 105 /* top right bottom left */
 106
 107 ul {
 108         margin-left: 0;
 109         margin-right: 1.5em;
 110 }
 111 ol {
 112         margin-left: 0;
 113         margin-right: 2.4em;
 114 }
 115 dd {
 116         margin-left: 0;
 117         margin-right: 1.6em;
 118 }
 119 #contentSub {
 120         margin-right: 1em;
 121         margin-left: 0;
 122 }
 123 .tocindent {
 124         margin-left: 0;
 125         margin-right: 2em;
 126 }
 127 div.tright {
 128     clear: none;
 129 }
 130 div.tleft {
 131     clear: left;
 132 }
 133 div.floatright, table.floatright {
 134     clear: none;
 135 }
 136 div.floatleft, table.floatleft {
 137     clear: left;
 138 }
 139 div.townBox {
 140         margin-left: 0;
 141         margin-right: 1em;
 142 }
 143 div.townBox dl dd {
 144         margin-left: 0;
 145         margin-right: 1.1em;
 146 }
 147 #p-personal li {
 148         margin-left: 0;
 149         margin-right: 1em;
 150 }
 151
 152 li#ca-talk,
 153 li#ca-watch {
 154         margin-right: auto;
 155         margin-left: 1.6em;
 156 }
 157
 158 #p-personal li {
 159     float: left;
 160 }
 161 /* Fix link icons */
 162 li#pt-userpage,
 163 li#pt-anonuserpage,
 164 li#pt-login {
 165         background: none;
 166         padding-left: 0;
 167 }
 168 .external {
 169     padding: 0 !important;
 170     background: none !important;
 171 }
 172 #footer {
 173     clear: both;
 174 }
 175 * html #footer {
 176     margin-left: 0;
 177     margin-right: 13.6em;
 178     border-left: 0;
 179     border-right: 1px solid #fabd23;
 180 }
 181 * html #column-content {
 182     float: none;
 183     margin-left: 0;
 184     margin-right: 0;
 185 }
 186 * html #column-content #content {
 187     margin-left: 0;
 188     margin-top: 3em;
 189 }
 190 * html #column-one { right: 0; }
 191
 192 /* js pref toc */
 193 #preftoc { float: right; }
 194 /* workaround for moz bug, displayed bullets on left side */
 195 #preftoc li { list-style: none; }
 196 #prefcontrol { float: right; }
 197 fieldset.prefsection,
 198 fieldset.operaprefsection {
 199     margin-left: 0 !important;
 200     margin-right: 15em;
 201 }
 202
 203 #toc {
 204     float: right;
 205 }
 206
 207 #toc ul {
 208     text-align: right;
 209 }
 210
 211 #toc ul ul {
 212     margin: 0 2em 0 0;
 213 }