MediaWiki:Timeless.css: Difference between revisions

From The Radical Buddhism Project
← Older editNewer edit →

Lajos (talk | contribs)

3 user groups
885 edits
No edit summary
No edit summary
Line 173: Line 173:
     text-decoration: underline !important;
     text-decoration: underline !important;
}
}




Line 198: Line 199:
     background: #ffffff !important;
     background: #ffffff !important;
     border: none !important;
     border: none !important;
     box-shadow: none !important;
     box-shadow: none !important; /* Strips structural shadow rings globally */
    background-image: none !important;
}
}


/* --- PRECISION ERASURE: Removes the red, blue, and green lines below header --- */
/* --- PRECISION ERASURE: Removes the tricolor lines and hidden background shadows --- */
.color-bar,
.color-bar,
.color-lines,
.color-lines,
Line 212: Line 214:
}
}


/* --- VIEWPORT BUFFER: Flushes the header boundary line to solid white --- */
/* --- VIEWPORT BUFFER: Flushes the entire header container block to solid white --- */
/* This safely conceals the gray border while protecting your title margins */
#mw-header-container,
#mw-header-container {
.mw-header-container,
     border-bottom: 3px solid #ffffff !important;
#mw-header,
     box-shadow: none !important;
.ts-header {
    border: none !important;
     border-bottom: none !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
     box-shadow: none !important; /* Erases any lingering bottom line shadows */
}
}


Line 287: Line 294:
}
}


/* CORRECTED: Strips tab borders from lists while leaving link icon backgrounds alive */
/* Strips tab borders from lists while leaving link icon backgrounds alive */
.mw-portlet-namespaces,
.mw-portlet-namespaces,
.mw-portlet-views,
.mw-portlet-views,
Line 301: Line 308:
.mw-portlet li a {
.mw-portlet li a {
     border-bottom: none !important;
     border-bottom: none !important;
    box-shadow: none !important;
}
/* --- VIEWPORT BUFFER: Flushes the header boundary track to solid white --- */
/* This completely conceals the 5px gray line background beneath the search row */
#mw-header-container,
.mw-header-container,
#mw-header,
.ts-header {
    border-bottom: none !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
     box-shadow: none !important;
     box-shadow: none !important;
}
}

Revision as of 23:12, 21 July 2026

/* All CSS here will be loaded for users of the Timeless skin */

/* =====================================================================
   RADICAL BUDDHIST PROJECT - TIMELESS WHITE SIDEBAR MATRIX
   ===================================================================== */

/* 1. FORCE THE TWO OUTER SIDEBAR PANELS TO PURE WHITE */
#mw-navigation,
.ts-inner,
#mw-site-navigation,
#mw-user-interfaces {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* 2. UNIFY MENU AREAS AND STRIP ALL INTERNAL/EXTERNAL SHADOWS AND BORDERS */
.sidebar-chunk,
.sidebar-chunk ul,
.sidebar-chunk li,
#mw-site-navigation .sidebar-chunk,
#mw-user-interfaces .sidebar-chunk {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    padding-left: 10px !important; /* Soft, uniform text indentation */
}

/* 3. WIPE THE SYSTEM ACCENT BOX LINES AND LOGO SEPARATORS */
.sidebar-chunk h2,
.sidebar-chunk h3,
.sidebar-chunk hr,
#p-logo {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 5px !important;
}

/* =====================================================================
   RADICAL BUDDHIST PROJECT - TIMELESS MINIMAL LAYOUT MATRIX
   ===================================================================== */

/* 1. FORCE THE TWO OUTER SIDEBAR PANELS TO PURE WHITE */
#mw-navigation,
.ts-inner,
#mw-site-navigation,
#mw-user-interfaces {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* 2. UNIFY MENU AREAS AND STRIP ALL INTERNAL/EXTERNAL SHADOWS AND BORDERS */
.sidebar-chunk,
.sidebar-chunk ul,
.sidebar-chunk li,
#mw-site-navigation .sidebar-chunk,
#mw-user-interfaces .sidebar-chunk {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 10px !important; /* Soft, uniform text indentation */
}

/* 3. WIPE THE SYSTEM ACCENT BOX LINES AND LOGO SEPARATORS */
.sidebar-chunk h2,
.sidebar-chunk h3,
.sidebar-chunk hr,
#p-logo {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 5px !important;
}

/* 4. FLATTEN ALL PRIMARY VERTICAL LAYOUT SEPARATOR LINES TO WHITE */
#mw-wrapper,
#mw-content-container,
#mw-content-block,
#mw-content,
#content,
.mw-body {
    border: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* =====================================================================
   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. READING CANVAS: Protects main article content blocks in pure white */
#mw-header-container,
#mw-content-container,
#mw-content-block,
#mw-content,
#content,
.mw-body,
#mw-navigation {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. SIDEBAR ALIGNMENT: Flattens menu items and removes box drop-shadows */
.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;
}

/* 4. TOTAL FOOTER UNIFICATION: Surgically forces the inner blocks to your gray */
/* This specific selector block catches the inner container that was staying white */
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;
}

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

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



/* =====================================================================
   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. READING CANVAS: Protects main article content blocks in pure white */
#mw-header-container,
#mw-content-container,
#mw-content-block,
#mw-content,
#content,
.mw-body,
#mw-navigation {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important; /* Strips structural shadow rings globally */
    background-image: none !important;
}

/* --- PRECISION ERASURE: Removes the tricolor lines and hidden background shadows --- */
.color-bar,
.color-lines,
#mw-header-container::after,
#mw-header-container::before {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    border: none !important;
}

/* --- VIEWPORT BUFFER: Flushes the entire header container block to solid white --- */
#mw-header-container,
.mw-header-container,
#mw-header,
.ts-header {
    border: none !important;
    border-bottom: none !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    box-shadow: none !important; /* Erases any lingering bottom line shadows */
}

/* 3. SIDEBAR ALIGNMENT: Flattens menu items and removes box drop-shadows */
.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;
}

/* 4. TOTAL FOOTER UNIFICATION: Surgically forces the inner 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;
}

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

/* 6. 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;
}
Retrieved from "https://radicalbuddhism.net/wiki/index.php?title=MediaWiki:Timeless.css&oldid=154"