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 #portal-column-content {
  36         margin: 0 -12.2em 0 0;
  37         float: left;
  38 }
  39 #portal-column-content #content{
  40         margin-left: 0;
  41         margin-right: 12.2em;
  42 }
  43 #documentContent {
  44     border-right: 1px solid #aaaaaa;
  45     border-left: none;
  46 }
  47 html>body .portlet {
  48     float: right;
  49     clear: right;
  50 }
  51 /* recover IEMac (might be fine with the float, but usually it's close to IE */
  52 *>body .portlet {
  53     float: none;
  54     clear: none;
  55 }
  56 .portletContent {
  57     padding-right: 0.8em;
  58     padding-left: 0.5em;
  59 }
  60
  61 /* Fix alignment */
  62 #catlinks,
  63 .documentByLine,
  64 .portletDetails,
  65 .portletMore,
  66 #portal-personaltools {
  67         text-align: left;
  68 }
  69
  70 div div.thumbcaption {
  71         text-align: right;
  72 }
  73
  74 #catlinks,
  75 div.magnify,
  76 #div.townBox,
  77 .portletClose {
  78         float: left;
  79 }
  80
  81 #portlet-logo {
  82         left: auto;
  83         right: 0;
  84 }
  85 #portlet-personal {
  86         left: auto;
  87         right: 0;
  88 }
  89
  90 #portlet-contentViews {
  91         left: auto;
  92         right: 11.5em;
  93         padding-left: 0;
  94         padding-right: 1em;
  95 }
  96 #portlet-contentViews li {
  97     margin-left: 0.3em;
  98     margin-right: 0;
  99     float: right;
 100 }
 101 * html #portlet-contentViews li a {
 102     display: block;
 103     padding-bottom: 0;
 104 }
 105 * html #portlet-contentViews li a:hover {
 106     padding-bottom: 0.2em;
 107 }
 108 /* offsets to distinguish the tab groups */
 109 li#contentaction-talk {
 110     margin-right: auto;
 111     margin-left: 1.6em;
 112 }
 113 li#contentaction-watch {
 114     margin-right: 1.6em !important;
 115 }
 116
 117 /* Fix margins */
 118 /* top right bottom left */
 119
 120 ul {
 121         margin-left: 0;
 122         margin-right: 1.5em;
 123 }
 124 ol {
 125         margin-left: 0;
 126         margin-right: 2.4em;
 127 }
 128 dd {
 129         margin-left: 0;
 130         margin-right: 1.6em;
 131 }
 132 #documentSubtitle {
 133         margin-right: 1em;
 134         margin-left: 0;
 135 }
 136 .tocindent {
 137         margin-left: 0;
 138         margin-right: 2em;
 139 }
 140 div.townBox {
 141         margin-left: 0;
 142         margin-right: 1em;
 143 }
 144 div.townBox dl dd {
 145         margin-left: 0;
 146         margin-right: 1.1em;
 147 }
 148 #portal-personaltools li {
 149         margin-left: 0;
 150         margin-right: 1em;
 151 }
 152
 153 li#contentaction-talk,
 154 li#contentaction-watch {
 155         margin-right: auto;
 156         margin-left: 1.6em;
 157 }
 158
 159 #portal-personaltools li {
 160     float: left;
 161 }
 162 /* Fix link icons */
 163 li#personaltools-userpage,
 164 li#personaltools-anonuserpage,
 165 li#personaltools-login {
 166         background: none;
 167         padding-left: 0;
 168 }
 169 .external {
 170     padding: 0 !important;
 171     background: none !important;
 172 }
 173 #portal-footer {
 174     clear: both;
 175 }
 176 /* IE 6 fix fixes, hide from everything else */
 177 i {content: "\"/*" }
 178 * html #documentContent { border-left: 1px solid #aaaaaa; }
 179 * html body { padding-left: 10px; }
 180 /* */
 181 /* testarea: same negative margin as on #portal-column-content don't ask why..*/
 182 /* the body margin is an ugly workaround for the onLoad-disappearing right padding on #documentContent */