mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-13 17:57:06 +00:00
df10f03a7a
This avoids that elements in the content can overlap elements outside the content area (e.g. software and skin interface components), such as the page action menu. Bug: T40848 Change-Id: Ia986434c51d8db738726f3a4e918bce373bd3d6b
151 lines
2.8 KiB
Plaintext
151 lines
2.8 KiB
Plaintext
/*
|
|
* Any rules which should not be flipped automatically in right-to-left situations should be
|
|
* prepended with @noflip in a comment block.
|
|
*
|
|
* This stylesheet employs a few CSS trick to accomplish compatibility with a wide range of web
|
|
* browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
|
|
* a rule that makes things work in IE6, and then following it with a rule that begins with
|
|
* "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
|
|
* the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
|
|
* "IGNORED BY IE6" comments.
|
|
*/
|
|
@import "mediawiki.mixins";
|
|
|
|
/* Framework */
|
|
html {
|
|
font-size: @html-font-size;
|
|
}
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: @content-font-family;
|
|
}
|
|
body {
|
|
background-color: @menu-background-color;
|
|
}
|
|
|
|
/* Content */
|
|
.mw-body {
|
|
margin-left: 10em;
|
|
padding: @content-padding;
|
|
/* 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;
|
|
background-color: @body-background-color;
|
|
color: @content-font-color;
|
|
direction: ltr;
|
|
|
|
.mw-editsection,
|
|
.mw-editsection-like {
|
|
font-family: @content-font-family;
|
|
}
|
|
|
|
p {
|
|
line-height: inherit;
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
h1,
|
|
h2 {
|
|
font-family: @content-heading-font-family;
|
|
line-height: @heading-line-height;
|
|
margin-bottom: 0.25em;
|
|
padding: 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: @content-heading-font-size;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.5em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
line-height: @content-line-height;
|
|
margin-top: 0.3em;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.17em;
|
|
}
|
|
|
|
h3,
|
|
h4 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: 100%; /* (reset) */
|
|
}
|
|
|
|
#toc h2,
|
|
.toc h2 {
|
|
font-size: 100%; /* (reset) */
|
|
font-family: @content-font-family;
|
|
}
|
|
|
|
.firstHeading {
|
|
/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
|
|
overflow: visible;
|
|
}
|
|
|
|
.mw-indicators {
|
|
float: right;
|
|
line-height: @content-line-height;
|
|
font-size: @content-font-size;
|
|
/* Ensure that this is displayed on top of .mw-body-content and clickable */
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mw-indicator {
|
|
display: -moz-inline-block;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
*display: inline;
|
|
}
|
|
}
|
|
|
|
/* Hide empty portlets */
|
|
div.emptyPortlet {
|
|
display: none;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: disc;
|
|
.list-style-image('images/bullet-icon.png');
|
|
}
|
|
|
|
pre, .mw-code {
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
/* Site Notice (includes notices from CentralNotice extension) */
|
|
#siteNotice {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.redirectText {
|
|
font-size: 140%;
|
|
}
|
|
|
|
.mw-body-content {
|
|
position: relative;
|
|
line-height: @content-line-height;
|
|
font-size: @content-font-size;
|
|
z-index: 0;
|
|
}
|