mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-28 17:40:12 +00:00
feca6b276b
Matches the following 6 elements: 1. h3#p-personal-label Hidden per `#p-personal h3`. 2. h3#p-namespaces-label 3. h3#p-views-label Hidden per `div.vectorTabs h3`. 4. #p-search h3 Already has its own margin and padding that override this override. 5. h3#p-variants-label 6. h3#p-cactions-label Margin overriden by `div#mw-head div.vectorMenu h3`. Moved padding there as well. This last one is the one the styles were originally intended for, because the tabs that the menus align with also don't have padding. The other instances of an 'h3' within mw-head, however, were not vector menus and even if they didn't have their own padding already or weren't display-none, then it's unlikely they would want to align with the unrelated vectorMenu styles, e.g. the p-personal area is quite different and just happens to be in the same parent element as an h3. Change-Id: Id127ead7a50fcd64821442afd0e781f97756502f
143 lines
2.7 KiB
Plaintext
143 lines
2.7 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;
|
|
background-repeat: repeat-x;
|
|
/* This image is only a fallback (for IE 6-9), so we do not @embed it. */
|
|
background-image: url( images/page-fade.png );
|
|
.vertical-gradient( @body-background-color, @menu-background-color, 50%, 100% );
|
|
background-color: @body-background-color;
|
|
}
|
|
|
|
#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 {
|
|
font-size: @menu-main-font-size;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 10em;
|
|
left: 0;
|
|
|
|
.portal {
|
|
margin: 0 0.6em 0 0.7em;
|
|
padding: 0.25em 0;
|
|
direction: ltr;
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
|
|
h3 {
|
|
font-size: @menu-main-heading-font-size;
|
|
color: @menu-main-heading-color;
|
|
font-weight: normal;
|
|
margin: 0.5em 0 0 (@menu-main-body-margin-left/@menu-main-heading-font-size);
|
|
padding: 0.25em 0;
|
|
cursor: default;
|
|
border: 0;
|
|
}
|
|
|
|
.body {
|
|
margin-left: @menu-main-body-margin-left;
|
|
padding-top: 0;
|
|
.background-image( '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: @menu-main-body-font-size;
|
|
word-wrap: break-word;
|
|
|
|
a {
|
|
color: @menu-main-body-link-color;
|
|
|
|
&:visited {
|
|
color: @menu-main-body-link-visited-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
}
|
|
}
|