MediaWiki:Timeless.css: Difference between revisions

Revision as of 04:37, 22 July 2026

/* =====================================================================
   THE RADICAL BUDDHIST PROJECT - TIMELESS 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 your exact 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: #999999 !important; /* Soft gray for non-linked text, labels, and headers */
    font-family: sans-serif !important;
}

/* Surgically targets all navigation links inside both sidebar columns */
#mw-navigation a,
#mw-navigation a:link,
#mw-navigation a:visited,
.sidebar-chunk a {
    color: #999999 !important; /* Soft academic gray for directory links */
    text-decoration: none !important;
}

/* Allows links to turn dark and crisp when an editor hovers their mouse over them */
#mw-navigation a:hover,
.sidebar-chunk a:hover {
    color: #222222 !important;
    text-decoration: underline !important;
}

/* 5. TOTAL FOOTER UNIFICATION: Surgically forces the base blocks to your gray */
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;
}

/* 6. TYPOGRAPHY CONTRAST: Locks all footer text strings to deep charcoal */
.mw-footer-container,
.mw-footer-container ul,
.mw-footer-container li,
.mw-footer-container p,
#footer-info-lastmod,
#footer-info-copyright,
#mw-footer li,
#mw-footer a {
    color: #222222 !important;
    font-family: sans-serif !important;
}

/* 7. LINK MANIPULATION: Customizes navigation links inside the gray banner */
.mw-footer-container a,
.mw-footer-container a:link,
.mw-footer-container a:visited {
    color: #222222 !important;
    text-decoration: none !important;
}
.mw-footer-container a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* =====================================================================
   SURGICAL TEXT CLIPS: Wipes active title and action tab lines 
   ===================================================================== */

/* Strips out the thick blue line sitting right below the main Page Title */
.firstHeading,
#firstHeading {
    border-bottom: none !important;
    padding-bottom: 5px !important;
}

/* Strips tab borders from lists while leaving link icon backgrounds alive */
.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;
}

/* =====================================================================
   RADICAL BUDDHIST PROJECT - HOMEPAGE LAYOUT CLEANUP & DECLUTTER
   ===================================================================== */

/* 1. 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;
}

/* 2. Suppresses the site name branding from the header bar 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;
}

/* 3. Suppresses Main Page, Discussion, Edit, and History tabs on the homepage */
.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;
}

/* 4. 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;
}

/* =====================================================================
   RADICAL BUDDHIST PROJECT - PRECISION SEARCH COLUMN MARGIN SYNC
   ===================================================================== */

/* 1. RESTORE HEADER GRID */
#mw-header,
.ts-header-inner,
.header-container {
    max-width: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. ADD FINAL EXTRA WIDTH TO SNAP SEARCH FIELDS TO BODY TEXT MARGINS */
#p-search,
.mw-portlet-search,
#searchform {
    max-width: 77.8em !important; /* Expanded token pushes the edges out by ~40px */
    width: 100% !important;
    margin-left: auto !important;   
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* 3. PULL THE TEXT INPUT FIELD BOX OUT TO FLUIDLY FILL THE NEW WIDTH */
#simpleSearch,
#searchInput,
.mw-search-box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}