MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 19: | Line 19: | ||
/* ========================================================= | /* ========================================================= | ||
Vector 2022 header layout | |||
Logo left · Search centered · User tools right | |||
========================================================= */ | ========================================================= */ | ||
/* | /* Turn header into a controlled 3-column grid */ | ||
.mw-header { | .mw-header { | ||
display: grid !important; | display: grid !important; | ||
grid-template-columns: | grid-template-columns: auto minmax(300px, 720px) auto !important; | ||
align-items: center !important; | align-items: center !important; | ||
column-gap: 16px !important; | |||
} | } | ||
/* | /* Logo stays on the left */ | ||
.mw-header | .mw-header .mw-logo { | ||
.mw- | justify-self: start !important; | ||
} | } | ||
/* | /* Search is centered */ | ||
.mw-header #p-search, | |||
.mw-header .vector-search-box { | .mw-header .vector-search-box { | ||
justify-self: center !important; | |||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
/* | /* User / account tools forced to the right */ | ||
.mw-header .vector-user-links, | .mw-header .vector-user-links, | ||
.mw-header .mw-header-user | .mw-header .mw-header-user, | ||
.mw-header .vector-user-menu, | |||
.mw-header .vector-user-menu-container { | |||
justify-self: end !important; | justify-self: end !important; | ||
margin-left: auto !important; | |||
} | } | ||
Revision as of 19:13, 13 December 2025
/* SAFE BASELINE */
/* Text logo black */
.mw-logo,
.mw-logo a,
.mw-logo a:visited,
.mw-logo a:hover,
.mw-logo a:active {
color: #000 !important;
}
.mw-logo a:hover { text-decoration: none !important; }
/* Remove Powered by MediaWiki safely */
#footer-poweredby,
#footer-poweredbyico,
.mw-poweredby {
display: none !important;
}
/* =========================================================
Vector 2022 header layout
Logo left · Search centered · User tools right
========================================================= */
/* Turn header into a controlled 3-column grid */
.mw-header {
display: grid !important;
grid-template-columns: auto minmax(300px, 720px) auto !important;
align-items: center !important;
column-gap: 16px !important;
}
/* Logo stays on the left */
.mw-header .mw-logo {
justify-self: start !important;
}
/* Search is centered */
.mw-header #p-search,
.mw-header .vector-search-box {
justify-self: center !important;
width: 100% !important;
}
/* User / account tools forced to the right */
.mw-header .vector-user-links,
.mw-header .mw-header-user,
.mw-header .vector-user-menu,
.mw-header .vector-user-menu-container {
justify-self: end !important;
margin-left: auto !important;
}