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