MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* ============================== | /* ============================== | ||
Header background | Vector 2022 – Header background | ||
============================== */ | ============================== */ | ||
.skin-vector-2022 .mw-header { | .skin-vector-2022 .mw-header-container { | ||
background-image: url("/wiki/Special:Redirect/file/Bgheader.jpg"); | background-image: url("/wiki/Special:Redirect/file/Bgheader.jpg"); | ||
background-size: cover; | background-size: cover; | ||
| Line 11: | Line 12: | ||
} | } | ||
/* | /* Make text and icons readable */ | ||
.skin-vector-2022 .mw-header, | .skin-vector-2022 .mw-header-container, | ||
.skin-vector-2022 .mw-header a, | .skin-vector-2022 .mw-header-container a, | ||
.skin-vector-2022 .mw-header .mw-ui-icon { | .skin-vector-2022 .mw-header-container .mw-ui-icon { | ||
color: #ffffff; | color: #ffffff; | ||
} | } | ||
/* Dark overlay | /* Dark overlay */ | ||
.skin-vector-2022 .mw-header::before { | .skin-vector-2022 .mw-header-container::before { | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
| Line 27: | Line 28: | ||
} | } | ||
.skin-vector-2022 .mw-header > * { | .skin-vector-2022 .mw-header-container > * { | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
Revision as of 06:31, 9 February 2026
/* CSS placed here will be applied to all skins */
/* ==============================
Vector 2022 – Header background
============================== */
.skin-vector-2022 .mw-header-container {
background-image: url("/wiki/Special:Redirect/file/Bgheader.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Make text and icons readable */
.skin-vector-2022 .mw-header-container,
.skin-vector-2022 .mw-header-container a,
.skin-vector-2022 .mw-header-container .mw-ui-icon {
color: #ffffff;
}
/* Dark overlay */
.skin-vector-2022 .mw-header-container::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.35);
z-index: 0;
}
.skin-vector-2022 .mw-header-container > * {
position: relative;
z-index: 1;
}