(bug 4330) External URLs should always be treated as LTR, also in RTL text (CSS fix...

[lhc/web/wiklou.git] / skins / vector / screen.css

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index b9883d0..d2c1473 100644 (file)
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -73,7 +73,6 @@ div#mw-head h5 {
        #p-personal {
                position: absolute;
                top: 0;
-               padding-left: 10em;
                right: 0.75em;
        }
        #p-personal h5 {
@@ -82,7 +81,7 @@ div#mw-head h5 {
        #p-personal ul {
                list-style: none;
                margin: 0;
-               padding: 0;
+               padding-left: 10em; /* Keep from overlapping logo */
        }
        /* @noflip */
        #p-personal li {
@@ -166,10 +165,6 @@ div#mw-head h5 {
                height: 1.9em;
                padding-left: 0.5em;
                padding-right: 0.5em;
-               /* @embed */
-               background-image: url(images/tab-break.png);
-               background-position: bottom right;
-               background-repeat: no-repeat;
                color: #0645ad;
                cursor: pointer;
                font-size: 0.8em;
@@ -178,6 +173,10 @@ div#mw-head h5 {
        div.vectorTabs li > a {
                display: block;
        }
+       div.vectorTabs li.icon a {
+               background-position: bottom right;
+               background-repeat: no-repeat;
+       }
        /* OVERRIDDEN BY COMPLIANT BROWSERS */
        div.vectorTabs span a  {
                display: inline-block;
@@ -189,6 +188,13 @@ div#mw-head h5 {
                float: left;
                display: block;
        }
+       div.vectorTabs span {
+               display: inline-block;
+               /* @embed */
+               background-image: url(images/tab-break.png);
+               background-position: bottom right;
+               background-repeat: no-repeat;
+       }
        div.vectorTabs li.selected a,
        div.vectorTabs li.selected a:visited{
                color: #333333;
@@ -205,10 +211,13 @@ div#mw-head h5 {
                float: left;
                /* @embed */
                background-image: url(images/arrow-down-icon.png);
-               background-position: 100% 60%;
+               background-position: 0px 60%;
                background-repeat: no-repeat;
                cursor: pointer;
        }
+       div.vectorMenuFocus {
+               background-position: -22px 60%;
+       }
        /* @noflip */
        body.rtl div.vectorMenu {
                direction: rtl;
@@ -281,7 +290,8 @@ div#mw-head h5 {
        x:-moz-any-link {
                margin-left: 23px;
        }
-       div.vectorMenu:hover div.menu {
+       /* Enable forcing showing of the menu for accessibility */
+       div.vectorMenu:hover div.menu, div.vectorMenu div.menuForceShow {
                display: block;
        }
        div.vectorMenu ul {
@@ -618,15 +628,15 @@ div#footer #footer-places li {
        /* @embed */
        background-image: url(images/preferences-base.png);
 }
+#preferences fieldset {
+       border: none;
+       border-top: solid 1px #cccccc;
+}
 #preferences fieldset.prefsection {
        border: none;
        padding: 0;
        margin: 1em;
 }
-#preferences fieldset.prefsection fieldset {
-       border: none;
-       border-top: solid 1px #cccccc;
-}
 #preferences legend {
        color: #666666;
 }
@@ -755,16 +765,8 @@ p {
        margin: .4em 0 .5em 0;
        line-height: 1.5em;
 }
-       p img {
-               margin: 0;
-       }
-abbr,
-acronym,
-.explain {
-       border-bottom: 1px dotted black;
-       color: black;
-       background: none;
-       cursor: help;
+p img {
+       margin: 0;
 }
 q {
        font-family: Times, "Times New Roman", serif;
@@ -786,10 +788,11 @@ code {
        background-color: #f9f9f9;
 }
 pre {
+       word-wrap: break-word;
        padding: 1em;
-       border: 1px dashed #2f6fab;
+       border: 1px solid #EBEBEB;
        color: black;
-       background-color: #f9f9f9;
+       background-color: #F7F7F7;
        line-height: 1.1em;
 }
 ul {
@@ -825,7 +828,6 @@ dd {
 /* Tables */
 table {
        font-size: 100%;
-       color: black;
 }
 /* Forms */
 fieldset {
@@ -958,9 +960,6 @@ div.tleft {
 img.thumbborder {
        border: 1px solid #dddddd;
 }
-.hiddenStructure {
-       display: none;
-}
 /* Warning */
 .mw-warning {
        margin-left: 50px;
@@ -1022,7 +1021,7 @@ span.subpages {
        margin-right: auto;
 }
 /* Small for tables and similar */
-.small, .small * {
+.small {
        font-size: 94%;
 }
 table.small {
@@ -1075,6 +1074,8 @@ div#content a[href ^="ftp://"],
 }
 div#content a[href ^="irc://"],
 div#content a.extiw[href ^="irc://"],
+div#content a[href ^="ircs://"],
+div#content a.extiw[href ^="ircs://"],
 .link-irc {
        /* @embed */
        background: url(images/talk-icon.png) center right no-repeat;
@@ -1108,16 +1109,39 @@ div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
        background: url("images/document-icon.png?2") center right no-repeat;
        padding-right: 13px;
 }
-/* Interwiki Styling  (Disabled) */
+
+/* Interwiki Styling */
 div#content a.extiw,
 div#content a.extiw:active {
        color: #36b;
+       /* Don't show icons for interwiki links */
        background: none;
        padding: 0;
 }
+div#content a.extiw:visited {
+       color: #636;
+}
+div#content a.extiw:active {
+       color: #b63;
+}
+
+/* External links */
 div#content a.external {
        color: #36b;
 }
+div#content a.external:visited {
+       color: #636; /* bug 3112 */
+}
+div#content a.external:active {
+       color: #b63;
+}
+/* External URLs should always be treated as LTR (bug 4330) */
+div#content .rtl a.external {
+       direction: ltr;
+       unicode-bidi: embed;
+}
+
+
 div#content .printfooter {
        display: none;
 }
@@ -1149,10 +1173,6 @@ div#bodyContent {
 }
 
 /* Watch/Unwatch Icon Styling */
-#ca-unwatch.icon,
-#ca-watch.icon {
-       margin-right:1px;
-}
 #ca-unwatch.icon a,
 #ca-watch.icon a {
        margin: 0;
@@ -1210,4 +1230,4 @@ p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 .tipsy {
        font-size: 0.8em;
-}
\ No newline at end of file
+}