themes/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 IE/mac bugs:
  11 * The thing barfs on Hebrew and Arabic anyway, so no point testing.
  12
  13 IE6 bug:
  14 * right padding of content area disappears somewhere during load, workaround is a margin on the body for now
  15   (weird, isn't it?) IE5.5 is caught by this fix as well currently, it doesn't need it though
  16
  17 Missing features due to lack of support:
  18 * external link icons, icon next to user name
  19
  20 */
  21 body,
  22 body * {
  23     direction: rtl;
  24     unicode-bidi: embed;
  25 }
  26
  27 #column-content {
  28     margin: 0 -12.2em 0 0;
  29     float: left;
  30 }
  31
  32 #column-content #content {
  33     margin-left: 0;
  34     margin-right: 12.2em;
  35     border-right: 1px solid #aaaaaa;
  36     border-left: none;
  37 }
  38
  39 html>body .portlet {
  40     float: right;
  41     clear: right;
  42 }
  43
  44 .pBody {
  45     padding-right: 0.8em;
  46     padding-left: 0.5em;
  47 }
  48
  49 /* Fix alignment */
  50 .documentByLine,
  51 .portletDetails,
  52 .portletMore,
  53 #p-personal {
  54     text-align: left;
  55 }
  56
  57 div div.thumbcaption {
  58     text-align: right;
  59 }
  60
  61 div.magnify,
  62 #div.townBox,
  63 #p-logo {
  64     left: auto;
  65     right: 0;
  66 }
  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
  80 #p-cactions li {
  81     margin-left: 0.3em;
  82     margin-right: 0;
  83     float: right;
  84 }
  85
  86 * html #p-cactions li a {
  87     display: block;
  88     padding-bottom: 0;
  89 }
  90
  91 * html #p-cactions li a:hover {
  92     padding-bottom: 0.2em;
  93 }
  94
  95 /* offsets to distinguish the tab groups */
  96 li#ca-talk {
  97     margin-right: auto;
  98     margin-left: 1.6em;
  99 }
 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
 113 ol {
 114     margin-left: 0;
 115     margin-right: 2.4em;
 116 }
 117
 118 dd {
 119     margin-left: 0;
 120     margin-right: 1.6em;
 121 }
 122
 123 #contentSub {
 124     margin-right: 1em;
 125     margin-left: 0;
 126 }
 127
 128 .tocindent {
 129     margin-left: 0;
 130     margin-right: 2em;
 131 }
 132
 133 div.townBox {
 134     margin-left: 0;
 135     margin-right: 1em;
 136 }
 137
 138 div.townBox dl dd {
 139     margin-left: 0;
 140     margin-right: 1.1em;
 141 }
 142
 143 #p-personal li {
 144     margin-left: 0;
 145     margin-right: 1em;
 146 }
 147
 148 li#ca-talk,
 149 li#ca-watch {
 150     margin-right: auto;
 151     margin-left: 1.6em;
 152 }
 153
 154 #p-personal li {
 155     float: left;
 156 }
 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
 166 .external {
 167     padding: 0 !important;
 168     background: none !important;
 169 }
 170
 171 #footer {
 172     clear: both;
 173 }
 174
 175 * html #footer {
 176     margin-left: 0;
 177     margin-right: 13.6em;
 178     border-left: 0;
 179     border-right: 1px solid #fabd23;
 180 }
 181
 182 * html #column-content {
 183     float: none;
 184     margin-left: 0;
 185     margin-right: 0;
 186 }
 187
 188 * html #column-content #content {
 189     margin-left: 0;
 190     margin-top: 3em;
 191 }
 192
 193 * html #column-one {
 194     right: 0;
 195 }
 196
 197 /* js pref toc */
 198 #preftoc {
 199     float: right;
 200 }
 201
 202 /* workaround for moz bug, displayed bullets on left side */
 203 #preftoc li {
 204     list-style: none;
 205 }
 206
 207 #prefcontrol {
 208     float: right;
 209 }
 210
 211 fieldset.prefsection,
 212 fieldset.operaprefsection {
 213     margin-left: 0 !important;
 214     margin-right: 15em;
 215 }