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; broken in Mozilla.
   6 Not well tested on other browers yet.
   7
   8 Safari bugs (1.2.1):
   9 * Tabs are still appearing in left-to-right order. (Try after localizing)
  10
  11 Mozilla bugs (Firefox 0.8):
  12 * Tabs are LTR
  13 * Tabs and personal links are missing their left/right borders/margins
  14 * The boxes in the sidebar appear waaaaay off screen right on some pages
  15 * Padding fixes on links-with-icons are not taking.
  16
  17 Opera bugs (7.5 beta/mac):
  18 * Tabs are horribly munged together
  19 * The order of the individual letters is reversed in the tabs ("yrotsih")
  20 * Some bits of text (sidebar box titles, username) have forward and backward versions overlapping each other
  21 * Link icons don't move to the left side, end up overlapping text
  22 * Sidebar boxes are pushed down below the content area
  23
  24 IE/mac bugs:
  25 * The thing barfs on Hebrew and Arabic anyway, so no point testing.
  26
  27 To test:
  28 * Opera
  29 * IE
  30 * etc
  31
  32 */
  33 body,
  34 body * {
  35     direction: rtl;
  36 /*    unicode-bidi: bidi-override;*/
  37     unicode-bidi: embed;
  38 }
  39 #portal-column-content {
  40         margin: 0 -12.2em 0 0;
  41         float: left;
  42 }
  43
  44 #portal-column-content #content{
  45         margin-left: 0;
  46         margin-right: 12.2em;
  47 }
  48
  49 #documentContent {
  50     border-right: 1px solid #aaaaaa;
  51     border-left: none;
  52 }
  53
  54 /* Fix alignment */
  55 #catlinks,
  56 .documentByLine,
  57 .portletDetails,
  58 .portletMore,
  59 #portal-personaltools {
  60         text-align: left;
  61 }
  62
  63 div div.thumbcaption {
  64         text-align: right;
  65 }
  66
  67 #portal-column-content,
  68 #catlinks,
  69 div.magnify,
  70 #div.townBox,
  71 .portletClose {
  72         float: left;
  73 }
  74
  75 #portlet-logo {
  76         left: auto;
  77         right: 0;
  78 }
  79 #portlet-personal {
  80         left: auto;
  81         right: 0;
  82 }
  83
  84 #portlet-contentViews {
  85         left: auto;
  86         right: 11.5em;
  87         padding-left: 0em;
  88 }
  89 #portlet-contentViews li {
  90     margin: 0 0 0 0.3em;
  91 }
  92 /* offsets to distinguish the tab groups */
  93 li#contentaction-talk {
  94     margin-right: auto;
  95     margin-left: 1.6em;
  96 }
  97 li#contentaction-watch {
  98     margin-left: auto;
  99     margin-right: 1.6em;
 100 }
 101
 102 /* Fix margins */
 103 /* top right bottom left */
 104
 105 ul {
 106         margin-left: 0;
 107         margin-right: 1.5em;
 108 }
 109 ol {
 110         margin-left: 0;
 111         margin-right: 2.4em;
 112 }
 113 dd {
 114         margin-left: 0;
 115         margin-right: 1.6em;
 116 }
 117 #documentSubtitle {
 118         margin-right: 1em;
 119         margin-left: 0;
 120 }
 121 .tocindent {
 122         margin-left: 0;
 123         margin-right: 2em;
 124 }
 125 div.townBox {
 126         margin-left: 0;
 127         margin-right: 1em;
 128 }
 129 div.townBox dl dd {
 130         margin-left: 0;
 131         margin-right: 1.1em;
 132 }
 133 #portal-personaltools li {
 134         margin-left: 0;
 135         margin-right: 1em;
 136 }
 137
 138 li#contentaction-talk,
 139 li#contentaction-watch {
 140         margin-right: auto;
 141         margin-left: 1.6em;
 142 }
 143
 144
 145 /* Fix link icons */
 146 li#personaltools-userpage,
 147 li#personaltools-anonuserpage,
 148 li#personaltools-login {
 149         background-position: right;
 150         padding-left: 0;
 151         padding-right: 20px;
 152 }
 153
 154 #bodyContent a[href ^="http://"],
 155 #bodyContent a[href ^="gopher://"] {
 156     background-position: left;
 157     padding-right: 0;
 158     padding-left: 13px;
 159 }
 160 #bodyContent a[href ^="https://"],
 161 .link-https {
 162     background-position: left;
 163     padding-right: 0;
 164     padding-left: 16px;
 165 }
 166 #bodyContent a[href ^="mailto:"],
 167 .link-mailto,
 168 #bodyContent a[href ^="news://"],
 169 #bodyContent a[href ^="ftp://"],
 170 .link-ftp,
 171 #bodyContent a[href ^="irc://"],
 172 .link-irc {
 173     background-position: left;
 174     padding-left: 18px;
 175     padding-right: 0;
 176 }
 177