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