MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* ========================================================= | /* ========================================================= | ||
Lumenward — | Lumenward — stable global header layout | ||
Skin: Vector 2022 | Skin: Vector 2022 | ||
========================================================= */ | ========================================================= */ | ||
| Line 19: | Line 19: | ||
/* --------------------------------------------------------- | /* --------------------------------------------------------- | ||
Remove "Powered by MediaWiki" | Remove "Powered by MediaWiki" | ||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
#footer-poweredby, | #footer-poweredby, | ||
| Line 29: | Line 29: | ||
/* --------------------------------------------------------- | /* --------------------------------------------------------- | ||
HEADER LAYOUT | |||
Logo = left | |||
Search = true center of page | |||
User/Login = far right | |||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
/* Header container */ | |||
.mw-header .vector-header-container { | .mw-header .vector-header-container { | ||
display: | display: grid !important; | ||
grid-template-columns: auto 1fr auto !important; | |||
align-items: center !important; | align-items: center !important; | ||
} | } | ||
/* Left: logo/menu */ | |||
.mw-header .vector-header-start { | .mw-header .vector-header-start { | ||
justify-self: start !important; | |||
} | } | ||
/* Middle: full-width centering lane */ | |||
.mw-header .vector-header-middle { | .mw-header .vector-header-middle { | ||
justify-self: center !important; | |||
width: 100% !important; | |||
display: flex !important; | display: flex !important; | ||
justify-content: center !important; | justify-content: center !important; | ||
} | } | ||
/* Right: user/login tools */ | |||
.mw-header .vector-header-end { | .mw-header .vector-header-end { | ||
justify-self: end !important; | |||
margin-left: auto !important; | margin-left: auto !important; | ||
display: flex !important; | display: flex !important; | ||
justify-content: flex-end !important; | justify-content: flex-end !important; | ||
} | } | ||
/* --------------------------------------------------------- | /* --------------------------------------------------------- | ||
SEARCH BAR — perfectly centered on page | |||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
.mw-header .vector-header-middle .vector-search-box, | .mw-header .vector-header-middle .vector-search-box, | ||
.mw-header .vector-header-middle .vector-search-box-vue, | .mw-header .vector-header-middle .vector-search-box-vue, | ||
| Line 72: | Line 72: | ||
.mw-header .vector-header-middle #p-search { | .mw-header .vector-header-middle #p-search { | ||
width: min(720px, 100%) !important; | width: min(720px, 100%) !important; | ||
margin-left: | margin-left: auto !important; | ||
margin-right: | margin-right: auto !important; | ||
} | } | ||
Revision as of 19:42, 13 December 2025
/* =========================================================
Lumenward — stable global header layout
Skin: Vector 2022
========================================================= */
/* ---------------------------------------------------------
Text logo styling (λ LUMENWARD)
--------------------------------------------------------- */
.mw-logo,
.mw-logo a,
.mw-logo a:visited,
.mw-logo a:hover,
.mw-logo a:active {
color: #000 !important;
text-decoration: none !important;
}
/* ---------------------------------------------------------
Remove "Powered by MediaWiki"
--------------------------------------------------------- */
#footer-poweredby,
#footer-poweredbyico,
.mw-poweredby {
display: none !important;
}
/* ---------------------------------------------------------
HEADER LAYOUT
Logo = left
Search = true center of page
User/Login = far right
--------------------------------------------------------- */
/* Header container */
.mw-header .vector-header-container {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
align-items: center !important;
}
/* Left: logo/menu */
.mw-header .vector-header-start {
justify-self: start !important;
}
/* Middle: full-width centering lane */
.mw-header .vector-header-middle {
justify-self: center !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
}
/* Right: user/login tools */
.mw-header .vector-header-end {
justify-self: end !important;
margin-left: auto !important;
display: flex !important;
justify-content: flex-end !important;
}
/* ---------------------------------------------------------
SEARCH BAR — perfectly centered on page
--------------------------------------------------------- */
.mw-header .vector-header-middle .vector-search-box,
.mw-header .vector-header-middle .vector-search-box-vue,
.mw-header .vector-header-middle form.mw-search,
.mw-header .vector-header-middle #p-search {
width: min(720px, 100%) !important;
margin-left: auto !important;
margin-right: auto !important;
}