MediaWiki:Vector-2022.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* PowderBlue background around the page */ | ||
html { | html, | ||
background | body.skin-vector-2022 { | ||
background: PowderBlue !important; | |||
} | } | ||
body | /* Remove the old banner layers */ | ||
body.skin-vector-2022::before, | |||
html::before { | |||
content: none !important; | |||
} | } | ||
/* | /* Keep the overall layout blue */ | ||
.skin-vector-2022 .mw-page-container { | |||
background: PowderBlue !important; | |||
background | |||
} | } | ||
/* | /* Header, including logo and search */ | ||
.skin-vector-2022 .vector-header-container, | .skin-vector-2022 .vector-header-container, | ||
.skin-vector-2022 .mw-header { | .skin-vector-2022 .mw-header { | ||
background: PowderBlue; | background: PowderBlue !important; | ||
} | |||
/* Remove a banner added below the header */ | |||
.skin-vector-2022 .vector-header-container::after { | |||
content: none !important; | |||
} | |||
/* Sidebar areas and their panels */ | |||
.skin-vector-2022 .vector-column-start, | |||
.skin-vector-2022 .vector-column-end, | |||
.skin-vector-2022 .vector-pinned-container, | |||
.skin-vector-2022 .vector-toc, | |||
.skin-vector-2022 .vector-main-menu, | |||
.skin-vector-2022 .vector-page-tools, | |||
.skin-vector-2022 .vector-appearance { | |||
background: PowderBlue !important; | |||
} | |||
/* Central article: white card */ | |||
.skin-vector-2022 .mw-content-container { | |||
background: white !important; | |||
color: #202122; | |||
padding: 24px; | |||
box-sizing: border-box; | |||
border-radius: 10px; | |||
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15); | |||
} | |||
/* Less padding on smaller screens */ | |||
@media (max-width: 767px) { | |||
.skin-vector-2022 .mw-content-container { | |||
padding: 16px; | |||
} | |||
} | } | ||
Revision as of 14:21, 16 October 2026
/* PowderBlue background around the page */
html,
body.skin-vector-2022 {
background: PowderBlue !important;
}
/* Remove the old banner layers */
body.skin-vector-2022::before,
html::before {
content: none !important;
}
/* Keep the overall layout blue */
.skin-vector-2022 .mw-page-container {
background: PowderBlue !important;
}
/* Header, including logo and search */
.skin-vector-2022 .vector-header-container,
.skin-vector-2022 .mw-header {
background: PowderBlue !important;
}
/* Remove a banner added below the header */
.skin-vector-2022 .vector-header-container::after {
content: none !important;
}
/* Sidebar areas and their panels */
.skin-vector-2022 .vector-column-start,
.skin-vector-2022 .vector-column-end,
.skin-vector-2022 .vector-pinned-container,
.skin-vector-2022 .vector-toc,
.skin-vector-2022 .vector-main-menu,
.skin-vector-2022 .vector-page-tools,
.skin-vector-2022 .vector-appearance {
background: PowderBlue !important;
}
/* Central article: white card */
.skin-vector-2022 .mw-content-container {
background: white !important;
color: #202122;
padding: 24px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);
}
/* Less padding on smaller screens */
@media (max-width: 767px) {
.skin-vector-2022 .mw-content-container {
padding: 16px;
}
}