MediaWiki:Timeless.css
From Access Tech Central
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* TIMELESS TOTAL BLACKOUT - FOR ACCESSTECHCENTRAL.COM */
/* 1. The Global Foundation - Forces all background layers and "Hacks" to black */
html, body,
#mw-wrapper,
#mw-header-container,
#mw-header-hack,
#mw-header-nav-hack,
#menus-cover,
#mw-content-container,
#mw-content-block,
#mw-content-wrapper,
#mw-footer-container,
#bodyContentOuter,
#personal-inner,
.dropdown,
.ts-container,
.ts-inner,
.mw-body {
background-color: #000000 !important;
background-image: none !important; /* Critical to kill the white pattern */
color: #ffffff !important;
}
/* 2. Sidebars and Nav Boxes - Targets navigation columns */
#mw-site-navigation,
#mw-related-navigation,
.sidebar-chunk,
.mw-portlet,
.portlet {
background-color: #000000 !important;
background-image: none !important;
border: 1px solid #333333 !important;
}
/* 3. The Central Content Box - High contrast for screen readers */
#content {
background-color: #111111 !important;
color: #ffffff !important;
border: 1px solid #444444 !important;
max-width: 1400px !important;
line-height: 1.8 !important;
font-size: 1.15rem !important;
}
/* 4. Accessibility Links - Bright cyan for visibility */
a { color: #00FFFF !important; font-weight: bold !important; }
a:visited { color: #FF00FF !important; }
.mw-body h1, .mw-body h2 {
color: #FFFF00 !important;
border-bottom: 2px solid #FFFF00 !important;
}
/* 5. Form Fields & Input - Targets editing and search areas */
input, textarea, select, .mw-ui-input, #wpTextbox1 {
background-color: #121212 !important;
color: #ffffff !important;
border: 2px solid #FFFF00 !important;
padding: 8px !important;
}
/* 6. Logo & Cleanup - Hides broken logo and white glow */
.mw-wiki-logo, #p-logo {
display: none !important;
background: none !important;
}