MediaWiki:Common.css: Difference between revisions

Revision as of 01:03, 16 December 2025

/* ================================
   TIMELESS THEME — COMMON.CSS
   Black + Dark Gray + Yellow Links
   ================================ */

/* ---- GLOBAL BACKGROUND & TEXT ---- */
body,
html,
#content,
.mw-body {
    background: #000 !important;
    color: #fff !important;
}

/* ---- FULL WIDTH LAYOUT ---- */
#content,
.mw-body {
    max-width: 100% !important;
    width: 100% !important;
    padding: 1.5rem !important;
    box-sizing: border-box;
}

/* ---- CONTENT BOXES ---- */
.mw-parser-output,
div.thumb,
table,
pre,
blockquote {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- HEADINGS ---- */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    border-color: #333 !important;
}

/* ---- LINKS ---- */
a {
    color: #ffea00 !important; /* yellow */
}

a:visited {
    color: #c0c0c0 !important; /* silver */
}

a.new,
a.new:visited {
    color: #ff8080 !important; /* red for missing pages */
}

/* ---- TABLES ---- */
table {
    background: #1a1a1a !important;
    border-collapse: collapse !important;
}

table th,
table td {
    border: 1px solid #333 !important;
    padding: 0.4rem 0.6rem !important;
}

/* ---- CODE BLOCKS ---- */
pre,
code {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- SIDEBAR (TIMELESS) ---- */
#mw-navigation,
#mw-site-navigation,
#mw-related-navigation {
    background: #000 !important;
    color: #fff !important;
    border-right: 1px solid #333 !important;
}

#mw-navigation a,
#mw-site-navigation a,
#mw-related-navigation a {
    color: #ffea00 !important;
}

#mw-navigation a:visited,
#mw-site-navigation a:visited,
#mw-related-navigation a:visited {
    color: #c0c0c0 !important;
}

/* ---- HEADER ---- */
#mw-header,
#mw-header-container {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

/* ---- FOOTER ---- */
#footer {
    background: #000 !important;
    color: #fff !important;
    border-top: 1px solid #333 !important;
}




/* ---- SEARCH BOX ---- */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- FORMS ---- */
input,
textarea,
select {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- MISC FIXES ---- */
hr {
    border-color: #333 !important;
}

.mw-ui-button {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}





/* ============================================
   TIMELESS SKIN — FORCE OPAQUE SIDE DRAWER
   ============================================ */

/* Main off‑canvas drawer */
#mw-timeless-drawer {
    background: #000 !important;
}

/* Drawer content container */
#mw-timeless-drawer .mw-timeless-drawer-content {
    background: #000 !important;
}

/* All children inside the drawer */
#mw-timeless-drawer * {
    background: #000 !important;
    color: #fff !important;
}

/* Drawer navigation lists */
#mw-timeless-drawer nav,
#mw-timeless-drawer nav * {
    background: #000 !important;
}

/* Drawer links */
#mw-timeless-drawer a {
    color: #ffea00 !important;
}

#mw-timeless-drawer a:visited {
    color: #c0c0c0 !important;
}

/* The overlay mask behind the drawer */
#mw-timeless-drawer-overlay {
    background: #000 !important;
    opacity: 1 !important;
}

/* The button that opens the drawer */
#mw-timeless-drawer-button,
#mw-timeless-drawer-button * {
    background: #000 !important;
    color: #fff !important;
}


/* ============================================
   TIMELESS — FORCE OPAQUE MOBILE SIDEBAR
   ============================================ */

/* The actual sliding sidebar container */
.sidebar-inner {
    background: #000 !important;
}

/* The wrapper that holds the sidebar when off‑canvas */
#mw-timeless-sitetools,
#mw-timeless-navigation,
#mw-timeless-sidebar,
#mw-timeless-sidebar * {
    background: #000 !important;
    color: #fff !important;
}

/* Portlet boxes inside the sidebar */
.mw-portlet,
.mw-portlet * {
    background: #000 !important;
    color: #fff !important;
}

/* Sidebar headings */
.mw-portlet h3 {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

/* Sidebar link colors */
.sidebar-inner a {
    color: #ffea00 !important; /* yellow */
}

.sidebar-inner a:visited {
    color: #c0c0c0 !important; /* silver */
}

/* The overlay that appears behind the sidebar */
#mw-timeless-overlay {
    background: #000 !important;
    opacity: 1 !important;
}


/* ============================================
   TIMELESS — FORCE HAMBURGER ICON VISIBLE
   (Overrides background-image SVG)
   ============================================ */

#mw-timeless-drawer-button .mw-ui-icon,
#mw-timeless-drawer-button .mw-ui-icon::before,
#mw-timeless-drawer-button .mw-ui-iconElement-icon,
#mw-timeless-drawer-button .mw-ui-iconElement-icon::before {
    background-image: none !important;
    background-color: transparent !important;
}

/* Replace the icon with a visible custom one */
#mw-timeless-drawer-button::before {
    content: "≡";
    font-size: 26px;
    line-height: 1;
    color: #ffea00 !important; /* yellow */
    display: inline-block;
    padding: 4px 6px;
}