mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-30 21:57:34 +00:00
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
174 lines
3.1 KiB
Plaintext
174 lines
3.1 KiB
Plaintext
/*
|
|
* Any rules which should not be flipped automatically in right-to-left situations should be
|
|
* prepended with @noflip in a comment block.
|
|
*
|
|
*/
|
|
@import 'mediawiki.mixins';
|
|
|
|
/* Framework */
|
|
html {
|
|
font-size: @font-size-root;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: @font-family-sans;
|
|
}
|
|
|
|
body {
|
|
background-color: @background-color-secondary;
|
|
}
|
|
|
|
/* Content */
|
|
.mw-body,
|
|
.parsoid-body {
|
|
background-color: @background-color-base;
|
|
color: @color-base;
|
|
padding: @content-padding;
|
|
direction: ltr;
|
|
}
|
|
|
|
.mw-body,
|
|
#mw-data-after-content {
|
|
margin-left: 10em;
|
|
}
|
|
|
|
.mw-body {
|
|
/* Border on top, left, and bottom side */
|
|
border: 1px solid @content-border-color;
|
|
border-right-width: 0;
|
|
/* Merge the border with tabs' one (in their background image) */
|
|
margin-top: -1px;
|
|
|
|
// h1's can exist outside of mw-body-content so some heading styles
|
|
// need to be defined in mw-body as well
|
|
& h1,
|
|
&-content h1,
|
|
&-content h2 {
|
|
font-family: @font-family-serif;
|
|
line-height: @heading-line-height;
|
|
margin-bottom: 0.25em;
|
|
padding: 0;
|
|
|
|
// Fallback heading font for scripts which render poorly in `@font-family-serif`.
|
|
// See T73240
|
|
&:lang( ja ), /* See T65817 */
|
|
&:lang( he ), /* See T65843 and T65844 */
|
|
&:lang( ko ) { /* See T65827 */
|
|
font-family: @font-family-sans--fallback;
|
|
}
|
|
|
|
/* Burmese (Myanmar) language headlines would be cropped with set `line-height` */
|
|
/* See T193270 */
|
|
&:lang( my ) {
|
|
line-height: normal;
|
|
}
|
|
}
|
|
|
|
& h1,
|
|
&-content h1 {
|
|
font-size: @font-size-heading-first;
|
|
}
|
|
|
|
.firstHeading {
|
|
/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
|
|
overflow: visible;
|
|
}
|
|
|
|
.mw-indicators {
|
|
float: right;
|
|
font-size: @font-size-base;
|
|
line-height: @content-line-height;
|
|
/* Ensure that this is displayed on top of .mw-body-content and clickable */
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mw-indicator {
|
|
display: inline-block;
|
|
zoom: 1;
|
|
// Support: IE7
|
|
*display: inline; // stylelint-disable declaration-block-no-duplicate-properties
|
|
}
|
|
}
|
|
|
|
.mw-body-content {
|
|
position: relative;
|
|
font-size: @font-size-base;
|
|
line-height: @content-line-height;
|
|
z-index: 0;
|
|
|
|
p {
|
|
line-height: inherit;
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
h1 {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 1em;
|
|
font-size: @font-size-heading-2;
|
|
}
|
|
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
line-height: @content-line-height;
|
|
margin-top: 0.3em;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: @font-size-heading-3;
|
|
}
|
|
|
|
h3,
|
|
h4 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: @font-size-reset; // Reset.
|
|
}
|
|
|
|
.toc h2 {
|
|
font-family: @font-family-sans;
|
|
font-size: @font-size-reset; // Reset.
|
|
}
|
|
}
|
|
|
|
/* Allow edit sections outside of mw-body-content (T160269) */
|
|
.mw-editsection,
|
|
.mw-editsection-like {
|
|
font-family: @font-family-sans;
|
|
}
|
|
|
|
/* Hide empty portlets */
|
|
div.emptyPortlet {
|
|
display: none;
|
|
}
|
|
|
|
ul {
|
|
// No need for PNG fallback. Fallback is browser default (a smaller, also black, circle).
|
|
.list-style-image( 'images/bullet-icon.svg' );
|
|
}
|
|
|
|
pre,
|
|
.mw-code {
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
/* Site Notice (includes notices from CentralNotice extension) */
|
|
#siteNotice {
|
|
font-size: @font-size-site-notice;
|
|
}
|