MediaWiki:Common.css
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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(255, 250, 235, 0.94) !important;
color: #222 !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 8px 25px rgba(0,0,0,0.25) !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;
}