themes/MonoBook/rtl.css

   1 /**
   2  *  $Id$
   3  */
   4
   5 /*
   6 Right-to-left fixes for MonoBook.
   7 Places sidebar on right, tweaks various alignment issues.
   8
   9 Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.
  10
  11 Safari bugs (1.2.1):
  12 * Tabs are still appearing in left-to-right order. (Try after localizing)
  13
  14 IE/mac bugs:
  15 * The thing barfs on Hebrew and Arabic anyway, so no point testing.
  16
  17 IE6 bug:
  18 * right padding of content area disappears somewhere during load, workaround is a margin on the body for now
  19   (weird, isn't it?) IE5.5 is caught by this fix as well currently, it doesn't need it though
  20
  21 Missing features due to lack of support:
  22 * external link icons, icon next to user name
  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 .pBody {
  46     padding-right: 0.8em;
  47     padding-left: 0.5em;
  48 }
  49
  50 /* Fix alignment */
  51 .documentByLine,
  52 .portletDetails,
  53 .portletMore,
  54 #p-personal {
  55         text-align: left;
  56 }
  57
  58 div div.thumbcaption {
  59         text-align: right;
  60 }
  61
  62 div.magnify,
  63 #div.townBox,
  64 #p-logo {
  65         left: auto;
  66         right: 0;
  67 }
  68 #p-personal {
  69         left: auto;
  70         right: 0;
  71 }
  72
  73 #p-cactions {
  74         left: auto;
  75         right: 11.5em;
  76         padding-left: 0;
  77         padding-right: 1em;
  78 }
  79 #p-cactions li {
  80     margin-left: 0.3em;
  81     margin-right: 0;
  82     float: right;
  83 }
  84 * html #p-cactions li a {
  85     display: block;
  86     padding-bottom: 0;
  87 }
  88 * html #p-cactions li a:hover {
  89     padding-bottom: 0.2em;
  90 }
  91 /* offsets to distinguish the tab groups */
  92 li#ca-talk {
  93     margin-right: auto;
  94     margin-left: 1.6em;
  95 }
  96 li#ca-watch {
  97     margin-right: 1.6em !important;
  98 }
  99
 100 /* Fix margins */
 101 /* top right bottom left */
 102
 103 ul {
 104         margin-left: 0;
 105         margin-right: 1.5em;
 106 }
 107 ol {
 108         margin-left: 0;
 109         margin-right: 2.4em;
 110 }
 111 dd {
 112         margin-left: 0;
 113         margin-right: 1.6em;
 114 }
 115 #contentSub {
 116         margin-right: 1em;
 117         margin-left: 0;
 118 }
 119 .tocindent {
 120         margin-left: 0;
 121         margin-right: 2em;
 122 }
 123 div.townBox {
 124         margin-left: 0;
 125         margin-right: 1em;
 126 }
 127 div.townBox dl dd {
 128         margin-left: 0;
 129         margin-right: 1.1em;
 130 }
 131 #p-personal li {
 132         margin-left: 0;
 133         margin-right: 1em;
 134 }
 135
 136 li#ca-talk,
 137 li#ca-watch {
 138         margin-right: auto;
 139         margin-left: 1.6em;
 140 }
 141
 142 #p-personal li {
 143     float: left;
 144 }
 145 /* Fix link icons */
 146 li#pt-userpage,
 147 li#pt-anonuserpage,
 148 li#pt-login {
 149         background: none;
 150         padding-left: 0;
 151 }
 152 .external {
 153     padding: 0 !important;
 154     background: none !important;
 155 }
 156 #footer {
 157     clear: both;
 158 }
 159 * html #footer {
 160     margin-left: 0;
 161     margin-right: 13.6em;
 162     border-left: 0;
 163     border-right: 1px solid #fabd23;
 164 }
 165 * html #column-content {
 166     float: none;
 167     margin-left: 0;
 168     margin-right: 0;
 169 }
 170 * html #column-content #content {
 171     margin-left: 0;
 172     margin-top: 3em;
 173 }
 174 * html #column-one { right: 0; }
 175
 176 /* js pref toc */
 177 #preftoc { float: right; }
 178 /* workaround for moz bug, displayed bullets on left side */
 179 #preftoc li { list-style: none; }
 180 #prefcontrol { float: right; }
 181 fieldset.prefsection,
 182 fieldset.operaprefsection {
 183     margin-left: 0 !important;
 184     margin-right: 15em;
 185 }