MediaWiki:Vector-2022.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 31: | Line 31: | ||
} | } | ||
/* Centre the search box in the header */ | /* Centre the search box in the header */ | ||
#p-search { | /* Centre the search box on the true page centre without moving the right menu */ | ||
@media screen and (min-width: 1100px) { | |||
.mw-header { | |||
position: relative; | |||
} | |||
#p-search { | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 36em; | |||
margin: 0; | |||
} | |||
} | } | ||
Revision as of 01:23, 31 May 2026
/* White page background (uses the theme token so dark mode still works) */
body,
.mw-page-container {
background-color: var(--background-color-base, #fff) !important;
}
/* Remove the border wrapping the centre/content section */
.mw-page-container,
.mw-content-container,
.mw-body {
border: none !important;
}
/* Drop the "ICE List Wiki" wordmark text, let the logo stand alone */
.mw-logo-wordmark,
.mw-logo-tagline {
display: none !important;
}
/* Enlarge the logo and make the image scale to fill the box */
.mw-logo-icon {
width: 88px !important;
height: 88px !important;
background-size: contain !important;
}
/* Give the header room for the bigger logo and vertically centre everything */
.mw-header {
min-height: 96px !important;
align-items: center !important;
}
/* Centre the search box in the header */
/* Centre the search box on the true page centre without moving the right menu */
@media screen and (min-width: 1100px) {
.mw-header {
position: relative;
}
#p-search {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 36em;
margin: 0;
}
}
/* Widen it a touch */
.vector-search-box {
width: 100%;
max-width: 36em;
}
/* Round the corners and enlarge the field and its button */
.vector-search-box .cdx-text-input__input,
.vector-search-box input {
border-radius: 8px !important;
height: 2.5em !important;
font-size: 1.05em !important;
}
.vector-search-box .cdx-search-input__end-button,
.vector-search-box button {
border-radius: 8px !important;
height: 2.5em !important;
}