MediaWiki:Timeless.css: Difference between revisions

Revision as of 23:01, 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;
}

/* =====================================================================
   RADICAL BUDDHIST PROJECT - TIMELESS CHROME & FOOTER ALIGNMENT
   ===================================================================== */

/* 1. REMOVE THE THIN LINES SEPARATING THE FOOTER FROM THE PAGE */
#mw-content-container {
    border-bottom: none !important; /* Strips out the native 4px structural line completely */
}
.mw-footer-container {
    border-top: none !important; /* Strips out the upper boundary line container rule */
    box-shadow: none !important; /* Removes the inner inset shadow gradient overlay */
}

/* 2. FORCE THE FOOTER BACKGROUND TO YOUR PRECISE LIGHT GRAY TONE */
.mw-footer-container,
#mw-footer-container {
    background-color: #f0f2f4 !important; /* Exact match with your forum style sheet */
    background: #f0f2f4 !important;
    background-image: none !important;
}

/* 3. FORCE ALL INTERIOR METADATA TEXT AND CODES TO DEEP CHARCOAL */
.mw-footer,
.mw-footer-container,
.mw-footer-container ul,
.mw-footer-container li,
.mw-footer-container p,
#footer-info-lastmod,
#footer-info-copyright {
    color: #222222 !important; /* Locks all text strings into clean charcoal gray */
}

/* 4. FORCE ALL FOOTER LINKS TO MATCH THE CHARCOAL THEME CONTRAST */
.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; /* Underlines cleanly when hovered */
}