skins/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 Missing features due to lack of support:
  17 * external link icons
  18
  19 To test:
  20 * Opera6
  21 * IE 5.0
  22 * etc
  23
  24 */
  25 body {
  26         direction: rtl;
  27         unicode-bidi: embed;
  28 }
  29 #column-content {
  30         margin: 0 -12.2em 0 0;
  31         float: left;
  32 }
  33 #column-content #content{
  34         margin-left: 0;
  35         margin-right: 12.2em;
  36         border-right: 1px solid #aaaaaa;
  37         border-left: none;
  38 }
  39 html > body .portlet {
  40         float: right;
  41         clear: right;
  42 }
  43 .editsection {
  44         float: left;
  45         margin-right: 5px;
  46         margin-left: 0; /* bug 9122: undo default LTR */
  47 }
  48 /* recover IEMac (might be fine with the float, but usually it's close to IE */
  49 *>body .portlet {
  50         float: none;
  51         clear: none;
  52 }
  53 .pBody {
  54         padding-right: 0.8em;
  55         padding-left: 0.5em;
  56 }
  57
  58 /* Fix alignment */
  59 .documentByLine,
  60 .portletDetails,
  61 .portletMore,
  62 #p-personal {
  63         text-align: left;
  64 }
  65
  66 div div.thumbcaption {
  67         text-align: right;
  68 }
  69
  70 div.magnify,
  71 #p-logo {
  72         left: auto;
  73         right: 0;
  74 }
  75 #p-personal {
  76         left: auto;
  77         right: 0;
  78 }
  79
  80 #p-cactions {
  81         left: auto;
  82         right: 11.5em;
  83         padding-left: 0;
  84         padding-right: 1em;
  85 }
  86 #p-cactions li {
  87         margin-left: 0.3em;
  88         margin-right: 0;
  89         float: right;
  90 }
  91 * html #p-cactions li a {
  92         display: block;
  93         padding-bottom: 0;
  94 }
  95 * html #p-cactions li a:hover {
  96         padding-bottom: 0.2em;
  97 }
  98 /* offsets to distinguish the tab groups */
  99 li#ca-talk {
 100         margin-right: auto;
 101         margin-left: 1.6em;
 102 }
 103 li#ca-watch,li#ca-unwatch {
 104         margin-right: 1.6em !important;
 105 }
 106
 107 /* Fix margins for non-css2 browsers */
 108 /* top right bottom left */
 109
 110 ul {
 111         margin-left: 0;
 112         margin-right: 1.5em;
 113 }
 114 ol {
 115         margin-left: 0;
 116         margin-right: 2.4em;
 117 }
 118 dd {
 119         margin-left: 0;
 120         margin-right: 1.6em;
 121 }
 122 #contentSub {
 123         margin-right: 1em;
 124         margin-left: 0;
 125 }
 126 .tocindent {
 127         margin-left: 0;
 128         margin-right: 2em;
 129 }
 130 div.tright, div.floatright, table.floatright {
 131         clear: none;
 132 }
 133 div.tleft, div.floatleft, table.floatleft {
 134         clear: left;
 135 }
 136 #p-personal li {
 137         margin-left: 0;
 138         margin-right: 1em;
 139 }
 140
 141 li#ca-talk,
 142 li#ca-watch {
 143         margin-right: auto;
 144         margin-left: 1.6em;
 145 }
 146
 147 #p-personal li {
 148         float: left;
 149 }
 150 /* Fix link icons
 151 .external, a.feedlink {
 152         padding: 0 !important;
 153         background: none !important;
 154 }
 155 */
 156 #footer {
 157         clear: both;
 158 }
 159 #f-poweredbyico {
 160         float: left;
 161         height: 1%;
 162 }
 163 #f-copyrightico {
 164         float: right;
 165         height: 1%;
 166 }
 167 * html #footer {
 168         margin-left: 0;
 169         margin-right: 13.6em;
 170         border-left: 0;
 171         border-right: 1px solid #fabd23;
 172 }
 173 * html #column-content {
 174         float: none;
 175         margin-left: 0;
 176         margin-right: 0;
 177 }
 178 * html #column-content #content {
 179         margin-left: 0;
 180         margin-top: 3em;
 181 }
 182 * html #column-one { right: 0; }
 183
 184 /* js pref toc */
 185
 186 #preftoc {
 187         margin-right: 1em;
 188 }
 189
 190 .errorbox, .successbox, #preftoc li, .prefsection fieldset {
 191         float: right;
 192 }
 193
 194 .prefsection {
 195         padding-right: 2em;
 196 }
 197
 198 /* workaround for moz bug, displayed bullets on left side */
 199
 200 #toc ul {
 201         text-align: right;
 202 }
 203
 204 #toc ul ul {
 205         margin: 0 2em 0 0;
 206 }
 207
 208 input#wpSave, input#wpDiff {
 209         margin-right: 0;
 210         margin-left: .33em;
 211 }
 212
 213 #userlogin {
 214         float: right;
 215         margin: 0 0 1em 3em;
 216 }
 217 /* Convenience links to edit block, delete and protect reasons */
 218 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 219 p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 220         float: left;
 221 }
 222
 223 .toggle {
 224         margin-left: 0em;
 225         margin-right: 2em;
 226 }
 227 table.filehistory th {
 228         text-align: right;
 229 }
 230
 231 /**
 232  * Lists:
 233  * The following lines don't have a visible effect on non-Gecko browsers
 234  * They fix a problem ith Gecko browsers rendering lists to the right of
 235  * left-floated objects in an RTL layout.
 236  */
 237 html > body div#bodyContent ul {
 238         display: table;
 239 }
 240 html > body div#bodyContent ul#filetoc {
 241         display: block;
 242 }
 243 /* Special:Prefixindex styling */
 244 td#mw-prefixindex-nav-form  {
 245         text-align: left;
 246 }
 247