MediaWiki:Timeless.css: Difference between revisions

Revision as of 22:57, 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 EDGE CORRECTIONS & FOOTER RESTORE
   ===================================================================== */

/* 1. COMPLETELY WIPE THE CHROME SIDEBAR BOUNDARY LINES TO PURE WHITE */
#mw-wrapper,
#mw-content-container,
#mw-content-block,
#mw-content,
#content,
.mw-body {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* 2. CHOP OUT TIMEOUT SIDEBAR BOX BORDERS AND LOGO SEPARATORS */
#mw-site-navigation,
#mw-user-interfaces,
.sidebar-chunk,
#p-logo {
    border: none !important;
    box-shadow: none !important;
}

/* 3. FLOOD ONLY THE BACKGROUND CHROME STRIPS AND EXTRA LINES TO WHITE */
/* This safely erases the thick green bar and gray fills without breaking text data */
.mw-footer-container,
#mw-footer-container,
footer,
#mw-footer,
.ts-footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 4. FORCE FOOTER CONTENT TEXT, TIMESTAMPS, AND LINKS TO BE RE-READABLE */
/* Flips your text variables back to a dark charcoal gray for full legibility */
.mw-footer-container ul,
.mw-footer-container li,
.mw-footer-container a,
#mw-footer li,
#mw-footer a,
#footer-info-lastmod {
    display: inline-block !important;
    visibility: visible !important;
    color: #222222 !important;
    font-family: sans-serif !important;
    font-size: 0.9em !important;
    text-shadow: none !important;
}

/* Ensure footer links react cleanly when a mouse rolls over them */
.mw-footer-container a:hover,
#mw-footer a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* 5. RESTORE NATIVE VISIBILITY OF THE POWERED-BY LOGO GRAPHICS */
#f-poweredbyico,
#f-copyrightico,
.mw-footer-container img,
#mw-footer img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: none !important;
}