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 /* 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 {
 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.townBox {
 129         margin-left: 0;
 130         margin-right: 1em;
 131 }
 132 div.townBox dl dd {
 133         margin-left: 0;
 134         margin-right: 1.1em;
 135 }
 136 #p-personal li {
 137         margin-left: 0;
 138         margin-right: 1em;
 139 }
 140
 141 li#ca-talk,
 142 li#ca-watch {
 143         margin-right: auto;
 144         margin-left: 1.6em;
 145 }
 146
 147 #p-personal li {
 148     float: left;
 149 }
 150 /* Fix link icons */
 151 li#pt-userpage,
 152 li#pt-anonuserpage,
 153 li#pt-login {
 154         background: none;
 155         padding-left: 0;
 156 }
 157 .external {
 158     padding: 0 !important;
 159     background: none !important;
 160 }
 161 #footer {
 162     clear: both;
 163 }
 164 * html #footer {
 165     margin-left: 0;
 166     margin-right: 13.6em;
 167     border-left: 0;
 168     border-right: 1px solid #fabd23;
 169 }
 170 * html #column-content {
 171     float: none;
 172     margin-left: 0;
 173     margin-right: 0;
 174 }
 175 * html #column-content #content {
 176     margin-left: 0;
 177     margin-top: 3em;
 178 }
 179 * html #column-one { right: 0; }
 180
 181 /* js pref toc */
 182 #preftoc { float: right; }
 183 /* workaround for moz bug, displayed bullets on left side */
 184 #preftoc li { list-style: none; }
 185 #prefcontrol { float: right; }
 186 fieldset.prefsection,
 187 fieldset.operaprefsection {
 188     margin-left: 0 !important;
 189     margin-right: 15em;
 190 }