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 .editsection {
  45         float: left;
  46         margin-right: 5px;
  47         margin-left: 0; /* bug 9122: undo default LTR */
  48 }
  49 /* recover IEMac (might be fine with the float, but usually it's close to IE */
  50 *>body .portlet {
  51         float: none;
  52         clear: none;
  53 }
  54 .pBody {
  55         padding-right: 0.8em;
  56         padding-left: 0.5em;
  57 }
  58
  59 /* Fix alignment */
  60 .documentByLine,
  61 .portletDetails,
  62 .portletMore,
  63 #p-personal {
  64         text-align: left;
  65 }
  66
  67 div div.thumbcaption {
  68         text-align: right;
  69 }
  70
  71 div.magnify,
  72 #div.townBox,
  73 #p-logo {
  74         left: auto;
  75         right: 0;
  76 }
  77 #p-personal {
  78         left: auto;
  79         right: 0;
  80 }
  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 ul {
 113         margin-left: 0;
 114         margin-right: 1.5em;
 115 }
 116 ol {
 117         margin-left: 0;
 118         margin-right: 2.4em;
 119 }
 120 dd {
 121         margin-left: 0;
 122         margin-right: 1.6em;
 123 }
 124 #contentSub {
 125         margin-right: 1em;
 126         margin-left: 0;
 127 }
 128 .tocindent {
 129         margin-left: 0;
 130         margin-right: 2em;
 131 }
 132 div.tright, div.floatright, table.floatright {
 133         clear: none;
 134 }
 135 div.tleft, div.floatleft, table.floatleft {
 136         clear: left;
 137 }
 138 div.townBox {
 139         margin-left: 0;
 140         margin-right: 1em;
 141 }
 142 div.townBox dl dd {
 143         margin-left: 0;
 144         margin-right: 1.1em;
 145 }
 146 #p-personal li {
 147         margin-left: 0;
 148         margin-right: 1em;
 149 }
 150
 151 li#ca-talk,
 152 li#ca-watch {
 153         margin-right: auto;
 154         margin-left: 1.6em;
 155 }
 156
 157 #p-personal li {
 158         float: left;
 159 }
 160 /* Fix link icons */
 161 .external {
 162         padding: 0 !important;
 163         background: none !important;
 164 }
 165 #footer {
 166         clear: both;
 167 }
 168 * html #footer {
 169         margin-left: 0;
 170         margin-right: 13.6em;
 171         border-left: 0;
 172         border-right: 1px solid #fabd23;
 173 }
 174 * html #column-content {
 175         float: none;
 176         margin-left: 0;
 177         margin-right: 0;
 178 }
 179 * html #column-content #content {
 180         margin-left: 0;
 181         margin-top: 3em;
 182 }
 183 * html #column-one { right: 0; }
 184
 185 /* js pref toc */
 186
 187 #preftoc {
 188         margin-right: 1em;
 189 }
 190
 191 .errorbox, .successbox, #preftoc li, .prefsection fieldset {
 192         float: right;
 193 }
 194
 195 .prefsection {
 196         padding-right: 2em;
 197 }
 198
 199 /* workaround for moz bug, displayed bullets on left side */
 200
 201 #toc ul {
 202         text-align: right;
 203 }
 204
 205 #toc ul ul {
 206         margin: 0 2em 0 0;
 207 }
 208
 209 input#wpSave, input#wpDiff {
 210         margin-right: 0;
 211         margin-left: .33em;
 212 }
 213
 214 #userlogin {
 215         float: right;
 216         margin: 0 0 1em 3em;
 217 }
 218 /* Unblock and Ipblocklist links of Special:Blockip */
 219 p.mw-ipb-conveniencelinks {
 220         float: left;
 221 }