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