MediaWiki:Minerva.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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 */
}