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 Opera bugs (7.23 linux):
  15 * Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other
  16
  17 IE/mac bugs:
  18 * The thing barfs on Hebrew and Arabic anyway, so no point testing.
  19
  20 IE6 bug:
  21 * right padding of content area disappears somewhere during load, workaround is a margin on the body for now
  22   (weird, isn't it?) IE5.5 is caught by this fix as well currently, it doesn't need it though
  23
  24 Missing features due to lack of support:
  25 * external link icons, icon next to user name
  26
  27 To test:
  28 * Opera6
  29 * IE 5.0
  30 * etc
  31
  32 */
  33 body,
  34 body * {
  35     direction: rtl;
  36 /*    unicode-bidi: bidi-override;*/
  37     unicode-bidi: embed;
  38 }
  39 #column-content {
  40         margin: 0 -12.2em 0 0;
  41         float: left;
  42 }
  43 #column-content #content{
  44         margin-left: 0;
  45         margin-right: 12.2em;
  46     border-right: 1px solid #aaaaaa;
  47     border-left: none;
  48 }
  49 html>body .portlet {
  50     float: right;
  51     clear: right;
  52 }
  53 /* recover IEMac (might be fine with the float, but usually it's close to IE */
  54 *>body .portlet {
  55     float: none;
  56     clear: none;
  57 }
  58 .pBody {
  59     padding-right: 0.8em;
  60     padding-left: 0.5em;
  61 }
  62
  63 /* Fix alignment */
  64 .documentByLine,
  65 .portletDetails,
  66 .portletMore,
  67 #p-personal {
  68         text-align: left;
  69 }
  70
  71 div div.thumbcaption {
  72         text-align: right;
  73 }
  74
  75 div.magnify,
  76 #div.townBox,
  77 #p-logo {
  78         left: auto;
  79         right: 0;
  80 }
  81 #p-personal {
  82         left: auto;
  83         right: 0;
  84 }
  85
  86 #p-cactions {
  87         left: auto;
  88         right: 11.5em;
  89         padding-left: 0;
  90         padding-right: 1em;
  91 }
  92 #p-cactions li {
  93     margin-left: 0.3em;
  94     margin-right: 0;
  95     float: right;
  96 }
  97 * html #p-cactions li a {
  98     display: block;
  99     padding-bottom: 0;
 100 }
 101 * html #p-cactions li a:hover {
 102     padding-bottom: 0.2em;
 103 }
 104 /* offsets to distinguish the tab groups */
 105 li#ca-talk {
 106     margin-right: auto;
 107     margin-left: 1.6em;
 108 }
 109 li#ca-watch {
 110     margin-right: 1.6em !important;
 111 }
 112
 113 /* Fix margins */
 114 /* top right bottom left */
 115
 116 ul {
 117         margin-left: 0;
 118         margin-right: 1.5em;
 119 }
 120 ol {
 121         margin-left: 0;
 122         margin-right: 2.4em;
 123 }
 124 dd {
 125         margin-left: 0;
 126         margin-right: 1.6em;
 127 }
 128 #contentSub {
 129         margin-right: 1em;
 130         margin-left: 0;
 131 }
 132 .tocindent {
 133         margin-left: 0;
 134         margin-right: 2em;
 135 }
 136 div.townBox {
 137         margin-left: 0;
 138         margin-right: 1em;
 139 }
 140 div.townBox dl dd {
 141         margin-left: 0;
 142         margin-right: 1.1em;
 143 }
 144 #p-personal li {
 145         margin-left: 0;
 146         margin-right: 1em;
 147 }
 148
 149 li#ca-talk,
 150 li#ca-watch {
 151         margin-right: auto;
 152         margin-left: 1.6em;
 153 }
 154
 155 #p-personal li {
 156     float: left;
 157 }
 158 /* Fix link icons */
 159 li#pt-userpage,
 160 li#pt-anonuserpage,
 161 li#pt-login {
 162         background: none;
 163         padding-left: 0;
 164 }
 165 .external {
 166     padding: 0 !important;
 167     background: none !important;
 168 }
 169 #footer {
 170     clear: both;
 171 }
 172 * html #footer {
 173     margin-left: 0;
 174     margin-right: 13.6em;
 175     border-left: 0;
 176     border-right: 1px solid #fabd23;
 177 }
 178 * html #column-content {
 179     float: none;
 180     margin-left: 0;
 181     margin-right: 0;
 182 }
 183 * html #column-content #content {
 184     margin-left: 0;
 185     margin-top: 3em;
 186 }
 187 * html #column-one { right: 0; }
 188
 189 /* js pref toc */
 190 #preftoc { float: right; }
 191 /* workaround for moz bug, displayed bullets on left side */
 192 #preftoc li { list-style: none; }
 193 #prefcontrol { float: right; }
 194 fieldset.prefsection,
 195 fieldset.operaprefsection {
 196     margin-left: 0 !important;
 197     margin-right: 15em;
 198 }