MediaWiki:Minerva.css
From The Radical Buddhism Project
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 */
/* =====================================================================
RADICAL BUDDHIST PROJECT - INTERFACE COLOR OVERHAUL
===================================================================== */
:root {
--background-color-chrome: #f0f2f4 !important;
--background-color-neutral: #f0f2f4 !important;
--background-color-footer: #f0f2f4 !important;
--background-color-neutral-subtle: #f0f2f4 !important;
--color-surface-20: #f0f2f4 !important;
--color-surface-30: #f0f2f4 !important;
--background-color-interactive: #f0f2f4 !important;
--background-color-base: #ffffff !important;
}
html,
body,
.minerva__outer-wrapper,
#mw-mf-page-center,
#mw-mf-viewport {
background-color: #f0f2f4 !important;
background: #f0f2f4 !important;
}
header,
.header,
#mw-header-container,
.header-chrome {
background: #f0f2f4 !important;
background-color: #f0f2f4 !important;
background-image: none !important;
border: none !important;
box-shadow: inset 0 0 0 9999px #f0f2f4 !important; /* Keeps your gray color locked */
}
.header-container {
background: #f0f2f4 !important;
background-color: #f0f2f4 !important;
border: none !important;
outline: none !important;
box-shadow: inset 0 0 0 9999px #f0f2f4 !important;
background-image: linear-gradient(to top, #d0d4d8 1px, transparent 1px) !important;
}
.header-container .search-box {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 300px !important;
}
.header-container .branding-box,
.header-container .branding-box a,
.header-container .branding-box span {
display: inline-block !important;
visibility: visible !important;
overflow: visible !important;
max-height: none !important;
}
#mw-content-block {
background: #ffffff !important;
background-color: #ffffff !important;
border: none !important;
margin-bottom: 0 !important;
box-shadow: none !important;
outline: none !important; /* Clears the hidden bottom outline */
}
.mw-body {
background: #ffffff !important;
background-color: #ffffff !important;
border: none !important;
box-shadow: none !important;
outline: 1px solid #d0d4d8 !important;
outline-offset: -1px !important;
}
footer,
.footer,
.mw-footer,
.footer-container,
#mw-footer-container,
.minerva-footer {
background: #f0f2f4 !important;
background-color: #f0f2f4 !important;
background-image: none !important;
border: none !important;
box-shadow: inset 0 0 0 9999px #f0f2f4 !important;
}
.minerva-footer hr,
.footer-container hr,
.mw-footer hr,
.footer-places,
.footer-info,
.minerva-footer,
hr,
.footer-places ul,
.footer-places li {
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
/* =====================================================================
RADICAL BUDDHIST PROJECT - DESKTOP LAYOUT
===================================================================== */
/* ONLY execute this custom structure on desktop viewports (1100px or wider) */
@media screen and (min-width: 1100px) {
/* -----------------------------------------------------------------
1. TOP NAVBAR CONFIGURATION (Forces Search Right & Title Left)
----------------------------------------------------------------- */
/* Turn the top header row into a full-width flex container */
.header-container {
display: flex !important;
justify-content: flex-start !important; /* Lines elements up from the left side */
align-items: center !important;
padding: 0 40px !important; /* Adds breathing space at the window edges */
}
/* Force the native search input wrapper box to stay completely on the right side */
.header-container .search-box {
margin-left: auto !important; /* Pushes the input to the far right margin */
width: 300px !important; /* Restricts search width to preserve center space */
}
/* Position the site name text right next to the hamburger icon */
.header-container .branding-box {
margin-left: 15px !important; /* Creates a clean gap after the ☰ button */
display: flex !important;
align-items: center !important;
}
/* FORCE ABSOLUTE ALL-CAPS CAPITALIZATION ACROSS THE NAVBAR ENGINE */
.header-container .branding-box a,
.header-container .branding-box span,
.header-container .branding-box h1,
.header-container .branding-box .mw-wiki-title,
.header-container .branding-box .brand {
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-variant: normal !important;
}
/* -----------------------------------------------------------------
2. MARGIN LOGO CONFIGURATION (Floating in Outside Left Margin)
----------------------------------------------------------------- */
/* Keep the outer content and text grids completely standard and unpushed */
.mw-body {
position: relative !important;
padding-left: 0 !important;
}
/* Target the main page title heading element */
#firstHeading {
position: relative !important;
padding-left: 0 !important; /* Title stays left-aligned with page content */
margin-left: 0 !important;
}
/* Throw the logo into the outside empty left margin space */
#firstHeading::before {
content: "";
display: block;
position: absolute;
/* Vertical alignment: 0 = flush with the top edge of the title row */
top: 10px;
/* Horizontal alignment: Floating completely outside the text boundaries */
/* Sized at 110px width, a -150px position places it exactly 40px to the left of your text line */
left: -150px;
/* Dimensions (Your exact proportional dimensions) */
width: 110px;
height: 110px;
/* Graphics loading execution */
background-image: url('/rbplogo.png') !important; /* Root path directory asset */
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
}
/* Add breathing room below the title block before body paragraph text begins */
.mw-body-content {
margin-top: 25px !important;
}
/* -----------------------------------------------------------------
3. MAIN PAGE CONDITIONAL HYBRID RULES (True Desktop Fix)
----------------------------------------------------------------- */
/* Hide the navbar text title and everything inside the branding area *only* when viewing the home page */
.page-main_page .branding-box,
.page-Main_Page .branding-box,
.page-main_page #mw-header-container .branding-box,
.page-Main_Page #mw-header-container .branding-box {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Suppress the large left-margin logo *only* when viewing the home page */
.page-main_page #firstHeading::before,
.page-Main_Page #firstHeading::before,
.page-main_page .mw-body::before,
.page-Main_Page .mw-body::before {
display: none !important;
}
/* Reset the left margin padding on the home screen for layout balance */
.page-main_page .mw-body,
.page-Main_Page .mw-body,
.page-main_page #firstHeading,
.page-Main_Page #firstHeading {
padding-left: 0 !important;
margin-left: 0 !important;
}
}
