More RTL fixes and also another fix to r52944 which broke the inclusion of common...
authorTrevor Parscal <tparscal@users.mediawiki.org>
Tue, 14 Jul 2009 17:39:00 +0000 (17:39 +0000)
committerTrevor Parscal <tparscal@users.mediawiki.org>
Tue, 14 Jul 2009 17:39:00 +0000 (17:39 +0000)
skins/Vector.php
skins/vector/main-ltr.css
skins/vector/main-rtl.css

index d209a01..ee09e05 100644 (file)
@@ -42,6 +42,17 @@ class SkinVector extends SkinTemplate {
                                $wgStylePath .
                                '/vector/csshover.htc")}</style><![endif]-->'
                );
+               // Append common IE fixes, which perhaps should be included in all
+               // skins, but for now it seems each skin needs to include them
+               // explicitly
+               $out->addScript(
+                       '<!--[if lt IE 7]><script type="' . $wgJsMimeType . '" src="' .
+                               $wgStylePath .
+                               '/common/IEFixes.js?' .
+                               $wgStyleVersion .
+                               '"></script>' .
+                               '<meta http-equiv="imagetoolbar" content="no" /><![endif]-->'
+               );
        }
        /**
         * Builds a structured array of links used for tabs and menus
index ee795a4..29add94 100644 (file)
@@ -21,7 +21,7 @@ body {
        margin: 0;
        padding: 0;
        font-family: sans-serif;
-       font-size: small;
+       font-size: 9.75pt;
 }
 body {
        background-color: #f3f3f3;
@@ -190,14 +190,15 @@ div#head h5 {
        /* Variants and Actions */
        /* @noflip */
        div.vectorMenu {
-               float: left;
                direction: ltr;
-       }
-       div.vectorMenu {
+               float: left;
                background-image: url(images/arrow-down-icon.png);
                background-position: center center;
                background-repeat: no-repeat;
        }
+       body.rtl div.vectorMenu {
+               direction: rtl;
+       }
        /* @noflip */
        div.vectorMenu h5 {
                float: left;
@@ -220,6 +221,20 @@ div#head h5 {
                position: relative;
                display: none;
                clear: both;
+               text-align: left;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       body.rtl div.vectorMenu div.menu {
+               margin-right: 24px;
+       }
+       /* IGNORED BY IE6 */
+       body.rtl div.vectorMenu > div.menu {
+               margin-right: auto;
+       }
+       /* Fixes old versions of FireFox */
+       body.rtl div.vectorMenu > div.menu,
+       x:-moz-any-link {
+               margin-right: 24px;
        }
        div.vectorMenu:hover div.menu {
                display: block;
@@ -233,6 +248,12 @@ div#head h5 {
                padding: 0;
                margin: 0;
                margin-left: -1px;
+               text-align: left;
+       }
+       /* Fixes old versions of FireFox */
+       div.vectorMenu ul,
+       x:-moz-any-link {
+               min-width: 6em;
        }
        div.vectorMenu li {
                padding: 0;
index 26017d8..16dd225 100644 (file)
@@ -21,7 +21,7 @@ body {
        margin: 0;
        padding: 0;
        font-family: sans-serif;
-       font-size: small;
+       font-size: 9.75pt;
 }
 body {
        background-color: #f3f3f3;
@@ -190,14 +190,15 @@ div#head h5 {
        /* Variants and Actions */
        /* @noflip */
        div.vectorMenu {
-               float: left;
                direction: ltr;
-       }
-       div.vectorMenu {
+               float: left;
                background-image: url(images/arrow-down-icon.png);
                background-position: center center;
                background-repeat: no-repeat;
        }
+       body.rtl div.vectorMenu {
+               direction: rtl;
+       }
        /* @noflip */
        div.vectorMenu h5 {
                float: left;
@@ -220,6 +221,20 @@ div#head h5 {
                position: relative;
                display: none;
                clear: both;
+               text-align: right;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       body.rtl div.vectorMenu div.menu {
+               margin-left: 24px;
+       }
+       /* IGNORED BY IE6 */
+       body.rtl div.vectorMenu > div.menu {
+               margin-left: auto;
+       }
+       /* Fixes old versions of FireFox */
+       body.rtl div.vectorMenu > div.menu,
+       x:-moz-any-link {
+               margin-left: 24px;
        }
        div.vectorMenu:hover div.menu {
                display: block;
@@ -233,6 +248,12 @@ div#head h5 {
                padding: 0;
                margin: 0;
                margin-right: -1px;
+               text-align: right;
+       }
+       /* Fixes old versions of FireFox */
+       div.vectorMenu ul,
+       x:-moz-any-link {
+               min-width: 6em;
        }
        div.vectorMenu li {
                padding: 0;