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