MediaWiki:Vector-2022.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 41: | Line 41: | ||
body { | body { | ||
margin-top: | margin-top: 50px; | ||
background-color: #0D1117; | background-color: #0D1117; | ||
| Line 87: | Line 87: | ||
border-radius: 14px !important; | border-radius: 14px !important; | ||
border: 1px solid black !important; | border: 1px solid black !important; | ||
} | |||
/* ===== 5. Heading font stack ===== */ | |||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; | |||
} | } | ||
Revision as of 03:28, 4 November 2025
/* Vector 2022 CSS Styling */
.skin-vector-2022 #vector-main-menu-pinned-container {
display: none !important;
}
/* Remove the pin/unpin buttons so nobody can toggle it */
.skin-vector-2022 .vector-pinnable-header-pin-button,
.skin-vector-2022 .vector-pinnable-header-unpin-button {
display: none !important;
}
/* Hide the Appearance trigger (glasses/moon icon + its label) */
.skin-vector-2022 [aria-label="Appearance"],
.skin-vector-2022 .vector-appearance,
.skin-vector-2022 #vector-appearance,
.skin-vector-2022 .vector-appearance-menu,
.skin-vector-2022 .vector-dropdown.vector-appearance {
display: none !important;
}
/* If your site language isn't English, also hide by title text */
.skin-vector-2022 [title="Appearance"] {
display: none !important;
}
/* Never show the sidebar Page tools, and remove pin/unpin UI */
.skin-vector-2022 #vector-page-tools-pinned-container { display: none !important; }
.skin-vector-2022 .vector-pinnable-header-pin-button,
.skin-vector-2022 .vector-pinnable-header-unpin-button { display: none !important; }
html {
background-color: #0D1117;
}
body {
margin-top: 50px;
background-color: #0D1117;
}
.vector-header.mw-header {
border-top-left-radius: 11px !important;
border-top-right-radius: 11px !important;
padding-top: 25px !important;
}
.mw-page-container {
border-bottom-left-radius: 11px !important;
border-bottom-right-radius: 11px !important;
}
/* ===== 4. Search field styling (rounded pill look) ===== */
.vector-header-end .cdx-text-input,
#vector-sticky-header .cdx-text-input {
border-radius: 14px !important;
border: 1px solid black !important;
box-shadow: none !important;
background-color: #fff;
}
.vector-header-end .cdx-text-input__input,
#vector-sticky-header .cdx-text-input__input {
border-radius: 14px !important;
border: 0 !important;
}
.cdx-search-input--has-end-button {
border: 0px;
background: transparent;
display; flex;
gap: 7px;
}
.cdx-button.cdx-search-input__end-button{
border-radius: 14px !important;
border: 1px solid black !important;
}
/* ===== 5. Heading font stack ===== */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}