9cf7901ec9
* page-fade: Remove redundant 'background-image' PNG fallback for IE6-8 in '#mw-page-base' because the vertical-gradient() already creates a solid fallback color which seems good enough for IE6-8. Remove the 'background-color' rule which was only there to fill the gap above the the IE6-8 PNG image fallback, which in turn overrode the background-color rule from vertical-gradient. The background-repeat rule is also redundant with background-image gone. * watch-icon-loading: This is only used when the JS code is active and the user clicks the watch star. It does not need a PNG fallback, as it is only needed in Grade A browsers where the JS executes, which are expected to support SVG. Also removed the embedding as the rendering of article text on page load should not be delayed by an icon that might be used if and when the user clicks on the watchstar (and irrelevant to logged-out users). Bug: T121730 Change-Id: Ief4b80432fbe2ce7ebddf429f02c161048ed61d1
139 lines
2.5 KiB
Plaintext
139 lines
2.5 KiB
Plaintext
@import 'mediawiki.mixins';
|
|
@import 'personalMenu';
|
|
@import 'search';
|
|
@import 'tabs';
|
|
|
|
/* Hide, but keep accessible for screen-readers */
|
|
#mw-navigation h2 {
|
|
position: absolute;
|
|
top: -9999px;
|
|
}
|
|
|
|
.mw-jump-link:not( :focus ) {
|
|
.mixin-screen-reader-text;
|
|
}
|
|
|
|
/* Head */
|
|
#mw-page-base {
|
|
height: 5em;
|
|
background-position: bottom left;
|
|
.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
|
|
}
|
|
|
|
#mw-head-base {
|
|
margin-top: -5em;
|
|
margin-left: 10em;
|
|
height: 5em;
|
|
}
|
|
|
|
#mw-head {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Navigation Containers */
|
|
#left-navigation {
|
|
float: left;
|
|
margin-left: 10em;
|
|
margin-top: 2.5em;
|
|
/* When right nav would overlap left nav, it's placed below it
|
|
(normal CSS floats behavior). This rule ensures that no empty space
|
|
is shown between them due to right nav's margin-top. Page layout
|
|
is still broken, but at least the nav overlaps only the page title
|
|
instead of half the content. */
|
|
margin-bottom: -2.5em;
|
|
}
|
|
|
|
#right-navigation {
|
|
float: right;
|
|
margin-top: 2.5em;
|
|
}
|
|
|
|
/* Logo */
|
|
#p-logo {
|
|
width: 10em;
|
|
height: 160px;
|
|
|
|
a {
|
|
display: block;
|
|
width: 10em;
|
|
height: 160px;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
/* Panel */
|
|
#mw-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 10em;
|
|
left: 0;
|
|
font-size: @font-size-menu-main;
|
|
|
|
.portal {
|
|
margin: 0 0.6em 0 0.7em;
|
|
padding: 0.25em 0;
|
|
direction: ltr;
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
|
|
h3 {
|
|
color: @menu-main-heading-color;
|
|
font-weight: normal;
|
|
margin: 0.5em 0 0 ( @menu-main-body-margin-left / @font-size-menu-main-heading );
|
|
padding: 0.25em 0;
|
|
cursor: default;
|
|
border: 0;
|
|
font-size: @font-size-menu-main-heading;
|
|
}
|
|
|
|
.body {
|
|
margin-left: @menu-main-body-margin-left;
|
|
padding-top: 0;
|
|
background-image: url( images/portal-break.png );
|
|
background-repeat: no-repeat;
|
|
|
|
ul {
|
|
list-style: none none;
|
|
margin: 0;
|
|
padding: @menu-main-body-padding;
|
|
}
|
|
|
|
li {
|
|
line-height: 1.125em;
|
|
margin: 0;
|
|
padding: 0.25em 0;
|
|
font-size: @font-size-menu-main-body;
|
|
word-wrap: break-word;
|
|
|
|
a {
|
|
color: @color-link;
|
|
|
|
&:visited {
|
|
color: @color-link-visited;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* First sidebar portlet. Not using :first-of-type for IE<=8 support. */
|
|
#p-logo + .portal {
|
|
background-image: none;
|
|
margin-top: 1em;
|
|
|
|
h3 {
|
|
display: none;
|
|
}
|
|
|
|
.body {
|
|
background-image: none;
|
|
margin-left: @menu-main-body-margin-left;
|
|
}
|
|
}
|
|
}
|