MediaWiki:Common.css: Difference between revisions

Revision as of 16:58, 5 April 2026

/* Full background image */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url("/wiki/images/hubspawn.png") center center / cover no-repeat;
    z-index: -1;
}

/* Keep overall page transparent so image shows */
body,
.mw-page-container,
.citizen-page-container,
.citizen-body-container {
    background: transparent !important;
}

/* Make side areas dark translucent instead of black */
.citizen-header,
.citizen-drawer,
.citizen-sidebar,
#mw-panel,
#footer,
.vector-header,
.vector-column-start,
.vector-page-toolbar,
.vector-sticky-header {
    background: rgba(15, 18, 22, 0.82) !important;
    backdrop-filter: blur(6px);
}

/* Main readable content panel */
.mw-body-content {
    background: rgba(20, 24, 30, 0.75) !important;
    backdrop-filter: blur(10px);
    color: #eaeaea !important;
}

/* Make common text readable */
.mw-body-content,
.mw-body-content p,
.mw-body-content li,
.mw-body-content td,
.mw-body-content th,
.mw-body-content label,
.mw-body-content span,
.mw-body-content div {
    color: #222 !important;
}

/* Headings */
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
#firstHeading,
.mw-page-title-main {
    color: #f0320b !important;
}

/* Links */
.mw-body-content a,
.citizen-sidebar a,
.citizen-drawer a,
#mw-panel a {
    color: #f0320b !important;
}

.mw-body-content a:hover,
.citizen-sidebar a:hover,
.citizen-drawer a:hover,
#mw-panel a:hover {
    color: #ff5a2f !important;
}

/* Sidebar headings readable */
.citizen-sidebar,
.citizen-drawer,
#mw-panel,
.citizen-sidebar *,
.citizen-drawer *,
#mw-panel * {
    color: #f4e7c2 !important;
}

/* Search/header text readable */
.citizen-header,
.citizen-header * {
    color: #f4e7c2 !important;
}