diff options
Diffstat (limited to 'skins/vector/screen.css')
| -rw-r--r-- | skins/vector/screen.css | 71 |
1 files changed, 43 insertions, 28 deletions
diff --git a/skins/vector/screen.css b/skins/vector/screen.css index 4069d9e4..2e09ee17 100644 --- a/skins/vector/screen.css +++ b/skins/vector/screen.css @@ -21,22 +21,26 @@ body { font-size: 1em; } body { - background-color: #f3f3f3; - /* @embed */ - background-image: url(images/page-base.png); + background-color: #f6f6f6; } /* Content */ div#content { margin-left: 10em; padding: 1em; - /* @embed */ - background-image: url(images/border.png); - background-position: top left; - background-repeat: repeat-y; + /* Border on top, left, and bottom side */ + border: 1px solid #a7d7f9; + border-right-width: 0; + /* Merge the border with tabs' one (in their background image) */ + margin-top: -1px; background-color: white; color: black; direction: ltr; } +/* Hide, but keep accessible for screen-readers */ +#mw-navigation h2 { + position: absolute; + top: -9999px; +} /* Head */ #mw-page-base { height: 5em; @@ -50,10 +54,6 @@ div#content { margin-top: -5em; margin-left: 10em; height: 5em; - /* @embed */ - background-image: url(images/border.png); - background-position: bottom left; - background-repeat: repeat-x; } div#mw-head { position: absolute; @@ -61,6 +61,7 @@ div#mw-head { right: 0; width: 100%; } +div#mw-head h3, div#mw-head h5 { margin: 0; padding: 0; @@ -74,12 +75,16 @@ div.emptyPortlet { position: absolute; top: 0.33em; right: 0.75em; + /* Display on top of page tabs - bug 37158 */ + z-index: 1; } +#p-personal h3, #p-personal h5 { display: none; } #p-personal ul { - list-style: none; + list-style-type: none; + list-style-image: none; margin: 0; padding-left: 10em; /* Keep from overlapping logo */ } @@ -106,7 +111,9 @@ div.emptyPortlet { margin-top: 2.5em; } /* Navigation Labels */ +div.vectorTabs h3, div.vectorTabs h5, +div.vectorMenu h3 span, div.vectorMenu h5 span { display: none; } @@ -129,7 +136,8 @@ div.vectorTabs ul { } div.vectorTabs ul { height: 100%; - list-style: none; + list-style-type: none; + list-style-image: none; margin: 0; padding: 0; } @@ -226,6 +234,7 @@ body.rtl div.vectorMenu { } /* OVERRIDDEN BY COMPLIANT BROWSERS */ /* @noflip */ +div#mw-head div.vectorMenu h3, div#mw-head div.vectorMenu h5 { float: left; /* @embed */ @@ -233,15 +242,18 @@ div#mw-head div.vectorMenu h5 { background-repeat: no-repeat; } /* This will be flipped - unlike the one above it */ +div#mw-head div.vectorMenu h3, div#mw-head div.vectorMenu h5 { background-position: bottom left; margin-left: -1px; } /* IGNORED BY IE6 */ +div#mw-head div.vectorMenu > h3, div#mw-head div.vectorMenu > h5 { background-image: none; } -div#mw-head div.vectorMenu h4 { +div#mw-head div.vectorMenu h4, +div.vectorMenu#p-variants #mw-vector-current-variant { display: inline-block; float: left; font-size: 0.8em; @@ -252,20 +264,23 @@ div#mw-head div.vectorMenu h4 { } /* OVERRIDDEN BY COMPLIANT BROWSERS */ /* @noflip */ +div.vectorMenu h3 a, div.vectorMenu h5 a { display: inline-block; width: 24px; - height: 2.5em; + height: 1.9em; text-decoration: none; /* @embed */ background-image: url(images/tab-break.png); background-repeat: no-repeat; } /* This will be flipped - unlike the one above it */ +div.vectorMenu h3 a, div.vectorMenu h5 a { background-position: bottom right; } /* IGNORED BY IE6 */ +div.vectorMenu h3 > a, div.vectorMenu h5 > a { display: block; } @@ -302,9 +317,8 @@ div.vectorMenu ul { background-color: white; border: solid 1px silver; border-top-width: 0; - list-style: none; - list-style-image: none; list-style-type: none; + list-style-image: none; padding: 0; margin: 0; margin-left: -1px; @@ -346,6 +360,7 @@ div.vectorMenu li.selected a:visited { text-decoration: none; } /* Search */ +#p-search h3, #p-search h5 { display: none; } @@ -399,6 +414,12 @@ div#simpleSearch input.placeholder { div#simpleSearch input::-webkit-input-placeholder { color: #999; } +div#simpleSearch input:-moz-placeholder { + color: #999; +} +div#simpleSearch input:-ms-input-placeholder { + color: #999; +} div#simpleSearch input#searchInput { position: absolute; top: 0; @@ -457,6 +478,7 @@ div#mw-panel div.portal { padding-bottom: 1.5em; direction: ltr; } +div#mw-panel div.portal h3, div#mw-panel div.portal h5 { font-weight: normal; color: #444; @@ -477,9 +499,8 @@ div#mw-panel div.portal div.body { background-position: top left; } div#mw-panel div.portal div.body ul { - list-style: none; - list-style-image: none; list-style-type: none; + list-style-image: none; padding: 0; margin: 0; } @@ -502,16 +523,11 @@ div#footer { margin-left: 10em; margin-top: 0; padding: 0.75em; - /* @embed */ - background-image: url(images/border.png); - background-position: top left; - background-repeat: repeat-x; direction: ltr; } div#footer ul { - list-style: none; - list-style-image: none; list-style-type: none; + list-style-image: none; margin: 0; padding: 0; } @@ -629,9 +645,7 @@ div#footer #footer-places li { margin-top: -2px; clear: both; border: solid 1px #ccc; - background-color: #f9f9f9; - /* @embed */ - background-image: url(images/preferences-base.png); + background-color: #fafafa; } #preferences fieldset { border: none; @@ -679,6 +693,7 @@ div#content { } ul { + list-style-type: disc; /* @embed */ list-style-image: url(images/bullet-icon.png); } |