stylesheets/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
  34 #portal-column-content {
  35 /*    margin: 0 0 0 -12.2em; */
  36         margin: 0;
  37 }
  38
  39 #portal-column-content #content{
  40         margin-left: 0;
  41         margin-right: 12.2em;
  42 }
  43
  44 #documentContent {
  45     border-right: 1px solid #aaaaaa;
  46     border-left: none;
  47 }
  48
  49 /* Fix alignment */
  50 #catlinks,
  51 .documentByLine,
  52 .portletDetails,
  53 .portletMore,
  54 #portal-personaltools {
  55         text-align: left;
  56 }
  57
  58 div div.thumbcaption {
  59         text-align: right;
  60 }
  61
  62 #portal-column-content,
  63 #catlinks,
  64 div.magnify,
  65 #div.townBox,
  66 .portletClose {
  67         float: left;
  68 }
  69
  70 #portlet-logo {
  71         left: auto;
  72         right: 0;
  73 }
  74 #portlet-personal {
  75         left: auto;
  76         right: 0;
  77 }
  78
  79 #portlet-contentViews {
  80         left: auto;
  81         right: 11.5em;
  82 }
  83
  84 /* Fix margins */
  85 /* top right bottom left */
  86
  87 ul {
  88         margin-left: 0;
  89         margin-right: 1.5em;
  90 }
  91 ol {
  92         margin-left: 0;
  93         margin-right: 2.4em;
  94 }
  95 dd {
  96         margin-left: 0;
  97         margin-right: 1.6em;
  98 }
  99 #documentSubtitle {
 100         margin-right: 1em;
 101         margin-left: 0;
 102 }
 103 .tocindent {
 104         margin-left: 0;
 105         margin-right: 2em;
 106 }
 107 div.townBox {
 108         margin-left: 0;
 109         margin-right: 1em;
 110 }
 111 div.townBox dl dd {
 112         margin-left: 0;
 113         margin-right: 1.1em;
 114 }
 115 #portal-personaltools li {
 116         margin-left: 0;
 117         margin-right: 1em;
 118 }
 119
 120 li#contentaction-talk,
 121 li#contentaction-watch {
 122         margin-right: auto;
 123         margin-left: 1.6em;
 124 }
 125
 126
 127 /* Fix link icons */
 128 li#personaltools-userpage,
 129 li#personaltools-anonuserpage,
 130 li#personaltools-login {
 131         background-position: right;
 132         padding-left: 0;
 133         padding-right: 20px;
 134 }
 135
 136 #bodyContent a[href ^="http://"],
 137 #bodyContent a[href ^="gopher://"] {
 138     background-position: left;
 139     padding-right: 0;
 140     padding-left: 13px;
 141 }
 142 #bodyContent a[href ^="https://"],
 143 .link-https {
 144     background-position: left;
 145     padding-right: 0;
 146     padding-right: 16px;
 147 }
 148 #bodyContent a[href ^="mailto:"],
 149 .link-mailto,
 150 #bodyContent a[href ^="news://"],
 151 #bodyContent a[href ^="ftp://"],
 152 .link-ftp,
 153 #bodyContent a[href ^="irc://"],
 154 .link-irc {
 155     background-position: left;
 156     padding-right: 0;
 157     padding-right: 18px;
 158 }
 159