* moved from common style dir because it's monobook-specific
authorGabriel Wicke <gwicke@users.mediawiki.org>
Tue, 27 Apr 2004 12:06:37 +0000 (12:06 +0000)
committerGabriel Wicke <gwicke@users.mediawiki.org>
Tue, 27 Apr 2004 12:06:37 +0000 (12:06 +0000)
* a few tweaks, but still broken. Might have to drop the floating (and the full-width footer therefore).

stylesheets/monobook/rtl.css [new file with mode: 0644]

diff --git a/stylesheets/monobook/rtl.css b/stylesheets/monobook/rtl.css
new file mode 100644 (file)
index 0000000..fd745f3
--- /dev/null
@@ -0,0 +1,177 @@
+/*
+Right-to-left fixes for MonoBook.
+Places sidebar on right, tweaks various alignment issues.
+
+Works mostly ok nicely on Safari 1.2.1; broken in Mozilla.
+Not well tested on other browers yet.
+
+Safari bugs (1.2.1):
+* Tabs are still appearing in left-to-right order. (Try after localizing)
+
+Mozilla bugs (Firefox 0.8):
+* Tabs are LTR
+* Tabs and personal links are missing their left/right borders/margins
+* The boxes in the sidebar appear waaaaay off screen right on some pages
+* Padding fixes on links-with-icons are not taking.
+
+Opera bugs (7.5 beta/mac):
+* Tabs are horribly munged together
+* The order of the individual letters is reversed in the tabs ("yrotsih")
+* Some bits of text (sidebar box titles, username) have forward and backward versions overlapping each other
+* Link icons don't move to the left side, end up overlapping text
+* Sidebar boxes are pushed down below the content area
+
+IE/mac bugs:
+* The thing barfs on Hebrew and Arabic anyway, so no point testing.
+
+To test:
+* Opera
+* IE
+* etc
+
+*/
+body,
+body * {
+    direction: rtl;
+/*    unicode-bidi: bidi-override;*/
+    unicode-bidi: embed;
+}
+#portal-column-content {
+       margin: 0 -12.2em 0 0;
+        float: left;
+}
+
+#portal-column-content #content{
+       margin-left: 0;
+       margin-right: 12.2em;
+}
+
+#documentContent {
+    border-right: 1px solid #aaaaaa;
+    border-left: none;
+}
+
+/* Fix alignment */
+#catlinks,
+.documentByLine,
+.portletDetails,
+.portletMore,
+#portal-personaltools {
+       text-align: left;
+}
+
+div div.thumbcaption {
+       text-align: right;
+}
+
+#portal-column-content,
+#catlinks,
+div.magnify,
+#div.townBox,
+.portletClose {
+       float: left;
+}
+
+#portlet-logo {
+       left: auto;
+       right: 0;
+}
+#portlet-personal {
+       left: auto;
+       right: 0;
+}
+
+#portlet-contentViews {
+       left: auto;
+       right: 11.5em;
+        padding-left: 0em;
+}
+#portlet-contentViews li {
+    margin: 0 0 0 0.3em;
+}
+/* offsets to distinguish the tab groups */
+li#contentaction-talk {
+    margin-right: auto;
+    margin-left: 1.6em;
+}
+li#contentaction-watch {
+    margin-left: auto;
+    margin-right: 1.6em;
+}
+
+/* Fix margins */
+/* top right bottom left */
+
+ul {
+       margin-left: 0;
+       margin-right: 1.5em;
+}
+ol {
+       margin-left: 0;
+       margin-right: 2.4em;
+}
+dd {
+       margin-left: 0;
+       margin-right: 1.6em;
+}
+#documentSubtitle {
+       margin-right: 1em;
+       margin-left: 0;
+}
+.tocindent {
+       margin-left: 0;
+       margin-right: 2em;
+}
+div.townBox {
+       margin-left: 0;
+       margin-right: 1em;
+}
+div.townBox dl dd {
+       margin-left: 0;
+       margin-right: 1.1em;
+}
+#portal-personaltools li {
+       margin-left: 0;
+       margin-right: 1em;
+}
+
+li#contentaction-talk,
+li#contentaction-watch {
+       margin-right: auto;
+       margin-left: 1.6em;
+}
+
+
+/* Fix link icons */
+li#personaltools-userpage,
+li#personaltools-anonuserpage,
+li#personaltools-login {
+       background-position: right;
+       padding-left: 0;
+       padding-right: 20px;
+}
+
+#bodyContent a[href ^="http://"],
+#bodyContent a[href ^="gopher://"] {
+    background-position: left;
+    padding-right: 0;
+    padding-left: 13px;
+}
+#bodyContent a[href ^="https://"],
+.link-https {
+    background-position: left;
+    padding-right: 0;
+    padding-left: 16px;
+}
+#bodyContent a[href ^="mailto:"],
+.link-mailto,
+#bodyContent a[href ^="news://"],
+#bodyContent a[href ^="ftp://"],
+.link-ftp,
+#bodyContent a[href ^="irc://"],
+.link-irc {
+    background-position: left;
+    padding-left: 18px;
+    padding-right: 0;
+}
+