MediaWiki:Timeless.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.
/* =====================================================================
RBP — CENTRAL DESIGN ARCHITECTURE
===================================================================== */
/* 1. VIEWPORT BASE: Colors the absolute bottom canvas region gray */
html,
body,
#mw-wrapper {
background-color: #f0f2f4 !important;
background: #f0f2f4 !important;
}
/* 2. HEADER CHROME SWEEP: Forces the top navigation row to gray */
#mw-header-container,
.mw-header-container,
#mw-header,
.ts-header,
.main-header-div,
#main-header-div,
.header-separator,
.ts-header-divider {
background-color: #f0f2f4 !important;
background: #f0f2f4 !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
background-image: none !important;
}
/* Ensure individual system text links inside the new gray header remain dark charcoal */
#mw-header a,
#mw-header span,
.mw-userpage-link,
#pt-anonuserpage,
.personal-menu-item a {
color: #222222 !important;
text-shadow: none !important;
}
/* 3. READING CANVAS: Protects main article content blocks and sidebars in pure white */
#mw-content-container,
#mw-content-block,
#mw-content,
#content,
.mw-body,
#mw-navigation,
.ts-inner {
background-color: #ffffff !important;
background: #ffffff !important;
border: none !important;
box-shadow: none !important;
background-image: none !important;
}
/* --- PRECISION ERASURE: Removes the tricolor lines below header --- */
.color-bar,
.color-lines,
#mw-header-container::after,
#mw-header-container::before {
display: none !important;
visibility: hidden !important;
height: 0 !important;
border: none !important;
}
/* 4. SIDEBAR ALIGNMENT & TYPOGRAPHY: Flattens menu items and tints text soft gray */
.sidebar-chunk,
.sidebar-chunk ul,
.sidebar-chunk li,
#mw-site-navigation .sidebar-chunk,
#mw-user-interfaces .sidebar-chunk,
.sidebar-chunk h2,
.sidebar-chunk h3,
.sidebar-chunk hr,
#p-logo {
background-color: #ffffff !important;
background: #ffffff !important;
border: none !important;
box-shadow: none !important;
margin-bottom: 5px !important;
padding-left: 10px !important;
color: #767676 !important;
font-family: sans-serif !important;
}
#mw-navigation a,
#mw-navigation a:link,
#mw-navigation a:visited,
.sidebar-chunk a {
color: #767676 !important;
text-decoration: none !important;
}
#mw-navigation a:hover,
.sidebar-chunk a:hover {
color: #222222 !important;
text-decoration: underline !important;
}
/* =====================================================================
5. TOTAL FOOTER UNIFICATION: COMPACT STYLE & LAYOUT SYNC
===================================================================== */
footer,
.ts-footer,
.mw-footer-container,
#mw-footer-container,
#mw-footer,
.mw-footer {
background-color: #f0f2f4 !important;
background: #f0f2f4 !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}
/* TARGETS EVERY INDEPENDENT TEXT CHILD COMPONENT DIRECTLY TO PREVENT INHERITANCE CONFUSED DROPS */
.mw-footer-container,
.mw-footer-container ul,
.mw-footer-container li,
.mw-footer-container p,
.mw-footer-container div,
#footer-info,
#footer-info-lastmod,
#footer-info-copyright,
#mw-footer,
#mw-footer li,
#mw-footer a,
.mw-footer li,
.mw-footer a {
color: #222222 !important;
font-family: sans-serif !important;
font-size: 0.9em !important; /* Forces an absolute 90% scale across all text cells */
line-height: 1.3em !important; /* Condenses vertical row heights for a tighter frame profile */
}
/* FORCES THE INNER INTERACTIVE LINK TAGS TO OBEY THE TIGHTENED LINE-HEIGHT TRACKS */
.mw-footer-container a,
.mw-footer-container a:link,
.mw-footer-container a:visited,
#mw-footer a,
.mw-footer a {
color: #222222 !important;
text-decoration: none !important;
font-size: 1em !important; /* Inherits the clean 90% container parent metric */
line-height: 1.3em !important;
}
.mw-footer-container a:hover,
#mw-footer a:hover,
.mw-footer a:hover {
color: #000000 !important;
text-decoration: underline !important;
}
/* =====================================================================
WIPES ACTIVE TITLE AND ACTION TAB LINES
===================================================================== */
.firstHeading,
#firstHeading {
border-bottom: none !important;
padding-bottom: 5px !important;
}
.mw-portlet-namespaces,
.mw-portlet-views,
#p-namespaces,
#p-views,
.ts-inner .mw-portlet,
.mw-portlet ul,
.mw-portlet li {
border-bottom: none !important;
box-shadow: none !important;
background-image: none !important;
}
.mw-portlet li a {
border-bottom: none !important;
box-shadow: none !important;
}
/* =====================================================================
MAIN PAGE LAYOUT CLEANUP & DECLUTTER
===================================================================== */
/* Hides the sidebar logo box exclusively on the main landing root page */
.rootpage-Main_Page #p-logo,
.page-Main_Page #p-logo {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Suppresses the site name text branding from the header on the homepage */
.rootpage-Main_Page #mw-wiki-title,
.page-Main_Page #mw-wiki-title,
.rootpage-Main_Page .mw-wiki-title {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Suppresses Main Page, Discussion, Edit, and History tabs on the main page */
.rootpage-Main_Page #p-namespaces,
.page-Main_Page #p-namespaces,
.rootpage-Main_Page #p-views,
.page-Main_Page #p-views,
.rootpage-Main_Page #mw-page-header-links,
.page-Main_Page #mw-page-header-links {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Collapses the empty whitespace block to move page content up tightly */
.rootpage-Main_Page #mw-content-header,
.page-Main_Page #mw-content-header {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 0 !important;
}
/* =====================================================================
SEARCH COLUMN MARGIN SYNC
===================================================================== */
#mw-header,
.ts-header-inner,
.header-container {
max-width: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#p-search,
.mw-portlet-search,
#searchform {
max-width: 77.8em !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
#simpleSearch,
#searchInput,
.mw-search-box {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* =====================================================================
FLATTEN NAVIGATION DIRECTORY HEADER ONLY
===================================================================== */
#p-navigation h3,
.sidebar-chunk:first-child h3,
#p-navigation .sidebar-chunk-header,
.sidebar-chunk:first-child .sidebar-chunk-header {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* =====================================================================
CUSTOM FOOTNOTE POPUP STYLING
===================================================================== */
.custom-ref-popup {
position: absolute !important;
z-index: 9999 !important;
max-width: 300px;
background-color: #ffffff !important;
color: #222222 !important;
border: 1px solid #cbd5e1 !important;
padding: 12px 14px !important;
font-family: sans-serif !important;
font-size: 0.85em !important;
line-height: 1.5em !important;
border-radius: 4px !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04) !important;
pointer-events: none; /* Prevents the box from flickering if the cursor accidentally clips it */
}
/* Strips out the legacy backlink upward arrow character inside the popup view */
.custom-ref-popup .mw-cite-backlink {
display: none !important;
}
/* =====================================================================
FURIGANA MODIFICATIONS
===================================================================== */
.mw-parser-output p,
.mw-parser-output li {
line-height: inherit;
}
.mw-parser-output ruby {
display: inline-flex !important;
flex-direction: column-reverse !important;
vertical-align: bottom !important;
height: auto !important;
margin-top: -0.1em !important; /* Pulls the tiny kana down into the native line padding */
margin-bottom: 0 !important;
line-height: 1em !important;
}
.mw-parser-output rt {
display: block !important;
font-family: sans-serif !important;
font-size: 0.55em !important; /* Shrinks the kana size to exactly 55% scale */
font-weight: 600 !important;
color: #555 !important;
text-align: center !important;
padding: 0 !important;
margin: 0 0 -0.15em 0 !important; /* Locks the kana right above the kanji character string */
line-height: 1.1em !important;
user-select: none; /* Prevents furigana from being accidentally copied */
}
/* =====================================================================
MISCELLANEA
===================================================================== */
/* TOC numbering suppression */
.noautonum .tocnumber {
display: none; /* Use: <div class="noautonum">__TOC__</div> */
}
