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