skins/simple/rtl.css

   1 /*
   2 Right-to-left fixes for Simple.
   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: 0 0.5em 0.3em 0.8em;
  55 }
  56
  57 /* Fix alignment */
  58 .documentByLine,
  59 .portletDetails,
  60 .portletMore {
  61         text-align: left;
  62 }
  63
  64 div div.thumbcaption {
  65         text-align: right;
  66 }
  67
  68 div.magnify,
  69 #p-logo {
  70         left: auto;
  71         right: 0;
  72 }
  73
  74 /* Fix margins for non-css2 browsers */
  75 /* top right bottom left */
  76
  77 dd {
  78         margin-left: 0;
  79         margin-right: 1.6em;
  80 }
  81 #contentSub {
  82         margin-right: 1em;
  83         margin-left: 0;
  84 }
  85 .tocindent {
  86         margin-left: 0;
  87         margin-right: 2em;
  88 }
  89 div.tright, div.floatright, table.floatright {
  90         clear: none;
  91 }
  92 div.tleft, div.floatleft, table.floatleft {
  93         clear: left;
  94 }
  95
  96 /* Fix link icons */
  97 .external, a.feedlink {
  98         padding: 0 !important;
  99         background: none !important;
 100 }
 101 #footer {
 102         clear: both;
 103 }
 104 * html #footer {
 105         margin-left: 0;
 106         margin-right: 13.6em;
 107         border-left: 0;
 108         border-right: 1px solid #fabd23;
 109 }
 110 * html #column-content {
 111         float: none;
 112         margin-left: 0;
 113         margin-right: 0;
 114 }
 115 * html #column-content #content {
 116         margin-left: 0;
 117         margin-top: 3em;
 118 }
 119 * html #column-one { right: 0; }
 120
 121 /* js pref toc */
 122
 123 #preftoc {
 124         margin-right: 1em;
 125 }
 126
 127 .errorbox, .successbox, #preftoc li, .prefsection fieldset {
 128         float: right;
 129 }
 130
 131 .prefsection {
 132         padding-right: 2em;
 133 }
 134
 135 /* workaround for moz bug, displayed bullets on left side */
 136
 137 #toc ul {
 138         text-align: right;
 139 }
 140
 141 #toc ul ul {
 142         margin: 0 2em 0 0;
 143 }
 144
 145 input#wpSave, input#wpDiff {
 146         margin-right: 0;
 147         margin-left: .33em;
 148 }
 149
 150 #userlogin {
 151         margin: 0 0 1em 3em;
 152 }
 153 /* Convenience links to edit block, delete and protect reasons */
 154 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 155 p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 156         float: left;
 157 }
 158
 159 .toggle {
 160         margin-left: 0em;
 161         margin-right: 2em;
 162 }
 163 table.filehistory th {
 164         text-align: right;
 165 }
 166
 167 /**
 168  * Lists:
 169  * The following lines don't have a visible effect on non-Gecko browsers
 170  * They fix a problem ith Gecko browsers rendering lists to the right of
 171  * left-floated objects in an RTL layout.
 172  */
 173 html > body div#bodyContent ul {
 174         display: table;
 175 }
 176
 177 /* Special:Allpages styling */
 178 td.mw-allpages-nav, p.mw-allpages-nav, td.mw-allpages-alphaindexline {
 179         text-align: left;
 180
 181 /* Special:Prefixindex styling */
 182 td#mw-prefixindex-nav-form  {
 183         text-align: left;
 184 }
 185