skins/monobook/content_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 #realContent {
  26         direction: rtl;
  27 /*    unicode-bidi: bidi-override;*/
  28         unicode-bidi: embed;
  29 }
  30
  31 /* Fix alignment */
  32 .documentByLine {
  33         text-align: left;
  34 }
  35
  36 div div.thumbcaption {
  37         text-align: right;
  38 }
  39
  40 div.magnify,
  41 #div.townBox {
  42         left: auto;
  43         right: 0;
  44 }
  45
  46 /* Fix margins for non-css2 browsers */
  47 /* top right bottom left */
  48
  49 ul {
  50         margin-left: 0;
  51         margin-right: 1.5em;
  52 }
  53 ol {
  54         margin-left: 0;
  55         margin-right: 2.4em;
  56 }
  57 dd {
  58         margin-left: 0;
  59         margin-right: 1.6em;
  60 }
  61 .tocindent {
  62         margin-left: 0;
  63         margin-right: 2em;
  64 }
  65 div.tright, div.floatright, table.floatright {
  66         clear: none;
  67 }
  68 div.tleft, div.floatleft, table.floatleft {
  69         clear: left;
  70 }
  71 div.townBox {
  72         margin-left: 0;
  73         margin-right: 1em;
  74 }
  75 div.townBox dl dd {
  76         margin-left: 0;
  77         margin-right: 1.1em;
  78 }
  79 /* Fix link icons */
  80 .external {
  81         padding: 0 !important;
  82         background: none !important;
  83 }
  84
  85
  86
  87 /* workaround for moz bug, displayed bullets on left side */
  88
  89 #toc ul {
  90         text-align: right;
  91 }
  92
  93 #toc ul ul {
  94         margin: 0 2em 0 0;
  95 }