MediaWiki:Minerva.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
.menu ul li a.mw-ui-icon-minerva-mapPin { | .menu ul li a.mw-ui-icon-minerva-mapPin { | ||
display: none !important; | display: none !important; | ||
} | |||
/* 1. Ensure the header container uses the full width correctly */ | |||
.header-container .header { | |||
display: flex; | |||
justify-content: intersection; /* Helps keep the middle element centered */ | |||
align-items: center; | |||
} | |||
/* 2. Force the search box to take up the central space */ | |||
.header-container .search-box { | |||
flex-grow: 1; | |||
display: flex; | |||
justify-content: center; | |||
margin: 0 10px; /* Adds a little breathing room on the sides */ | |||
} | |||
/* 3. Make the actual input field stay centered within that box */ | |||
.header-container .search-box form { | |||
width: 100%; | |||
max-width: 400px; /* Prevents the search bar from getting TOO wide on desktop */ | |||
} | } | ||
Latest revision as of 14:50, 18 December 2025
/* All CSS here will be loaded for users of the MinervaNeue skin */
.skin-minerva .header-container,
.skin-minerva .header-chrome {
background-color: #77d0ff !important; /* Set background to red */
border: none !important; /* Remove any borders */
}
.skin-minerva .mw-footer,
.skin-minerva .minerva-footer {
background-color: #77d0ff !important;
color: white !important; /* Optional: Adjust text color for contrast */
}
/* Hide Login link for anonymous users */
body.not-logged-in #p-personal {
display: none;
}
/* Hide the Random page link in the hamburger menu */
.menu ul li a.mw-ui-icon-minerva-die,
.menu ul li a.mw-ui-icon-minerva-random {
display: none !important;
}
/* Hide the 'Nearby' link if it appears */
.menu ul li a.mw-ui-icon-minerva-mapPin {
display: none !important;
}
/* 1. Ensure the header container uses the full width correctly */
.header-container .header {
display: flex;
justify-content: intersection; /* Helps keep the middle element centered */
align-items: center;
}
/* 2. Force the search box to take up the central space */
.header-container .search-box {
flex-grow: 1;
display: flex;
justify-content: center;
margin: 0 10px; /* Adds a little breathing room on the sides */
}
/* 3. Make the actual input field stay centered within that box */
.header-container .search-box form {
width: 100%;
max-width: 400px; /* Prevents the search bar from getting TOO wide on desktop */
}