MediaWiki:Minerva.css: Difference between revisions
Created page with "→All CSS here will be loaded for users of the MinervaNeue skin: body.skin-minerva { background-color: #000; →Replace #desiredColor with your preferred color code: }" |
No edit summary |
||
| (23 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the MinervaNeue skin */ | /* All CSS here will be loaded for users of the MinervaNeue skin */ | ||
background-color: # | .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 */ | |||
} | } | ||
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 */
}