themes/MonoBook/rtl.css

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