MediaWiki:Timeless.css: Difference between revisions
From Access Tech Central
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* TIMELESS TOTAL BLACKOUT - FOR ACCESSTECHCENTRAL.COM */ | /* TIMELESS TOTAL BLACKOUT - FOR ACCESSTECHCENTRAL.COM */ | ||
/* 1. | /* 1. UNIVERSAL BLACKOUT - Every container, hack, and content layer */ | ||
html, body, | html, body, | ||
#mw-wrapper, | |||
#mw-header, | #mw-header, | ||
#mw-header-container, | #mw-header-container, | ||
#mw-header-hack, | #mw-header-hack, | ||
#mw-header-nav-hack, | #mw-header-nav-hack, | ||
#menus-cover, | #menus-cover, | ||
#user-tools, | |||
#mw-content-container, | #mw-content-container, | ||
#mw-content-block, | #mw-content-block, | ||
#mw-content-wrapper, | #mw-content-wrapper, | ||
#mw-body-content, | #mw-body-content, | ||
.mw-content-ltr, | .mw-content-ltr, | ||
#mw-footer-container, | #mw-footer-container, | ||
#bodyContentOuter, | #bodyContentOuter, | ||
| Line 26: | Line 23: | ||
.ts-container, | .ts-container, | ||
.ts-inner, | .ts-inner, | ||
.mw-body, | .mw-body, | ||
#mw-body { | #mw-body, | ||
.mw-code, | |||
#mw-code, | |||
.mw-css, | |||
#mw-css, | |||
.editOptions, | |||
#editOptions, | |||
#editpage-copywarn { | |||
background-color: #000000 !important; | background-color: #000000 !important; | ||
background-image: none !important; /* | background-image: none !important; /* Forces patterns and gradients to die */ | ||
color: #ffffff !important; | color: #ffffff !important; | ||
} | } | ||
/* 2. | /* 2. SIDEBARS & NAV BOXES - Fixes the white blocks in navigation */ | ||
#mw-site-navigation, | #mw-site-navigation, | ||
#mw-related-navigation, | #mw-related-navigation, | ||
.sidebar-chunk, | .sidebar-chunk, | ||
.mw-portlet, | .mw-portlet, | ||
.portlet { | .portlet, | ||
.sidebar-inner { | |||
background-color: #000000 !important; | background-color: #000000 !important; | ||
background-image: none !important; | background-image: none !important; | ||
| Line 45: | Line 49: | ||
} | } | ||
/* 3. | /* 3. THE MAIN CONTENT BOX - Readability & Spacing */ | ||
#content { | #content { | ||
background-color: #111111 !important; | background-color: #111111 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border: 1px solid #444444 !important; | border: 1px solid #444444 !important; | ||
max-width: 1400px !important; | max-width: 1400px !important; /* */ | ||
line-height: 1.8 !important; | line-height: 1.8 !important; /* */ | ||
font-size: 1.15rem !important; | font-size: 1.15rem !important; /* */ | ||
} | } | ||
/* 4. | /* 4. ACCESSIBILITY LINKS - Cyan and Magenta Palette */ | ||
a { color: #00FFFF !important; font-weight: bold !important; } | a { color: #00FFFF !important; font-weight: bold !important; } | ||
a:visited { color: #FF00FF !important; } | a:visited { color: #FF00FF !important; } | ||
| Line 63: | Line 67: | ||
} | } | ||
/* 5. | /* 5. INPUT FIELDS & TEXT AREAS - Dark mode for editing */ | ||
input, textarea, select, .mw-ui-input, #wpTextbox1 { | input, textarea, select, .mw-ui-input, #wpTextbox1, .ace_editor { | ||
background-color: #121212 !important; | background-color: #121212 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
| Line 71: | Line 75: | ||
} | } | ||
/* 6. | /* 6. LOGO & CLEANUP - Hides broken elements */ | ||
.mw-wiki-logo, #p-logo { | .mw-wiki-logo, #p-logo, #p-logo-text { | ||
display: none !important; | display: none !important; | ||
background: none !important; | background: none !important; | ||
} | } | ||
Revision as of 07:15, 20 February 2026
/* TIMELESS TOTAL BLACKOUT - FOR ACCESSTECHCENTRAL.COM */
/* 1. UNIVERSAL BLACKOUT - Every container, hack, and content layer */
html, body,
#mw-wrapper,
#mw-header,
#mw-header-container,
#mw-header-hack,
#mw-header-nav-hack,
#menus-cover,
#user-tools,
#mw-content-container,
#mw-content-block,
#mw-content-wrapper,
#mw-body-content,
.mw-content-ltr,
#mw-footer-container,
#bodyContentOuter,
#bodyContent,
#personal-inner,
.mw-indicators,
.dropdown,
.ts-container,
.ts-inner,
.mw-body,
#mw-body,
.mw-code,
#mw-code,
.mw-css,
#mw-css,
.editOptions,
#editOptions,
#editpage-copywarn {
background-color: #000000 !important;
background-image: none !important; /* Forces patterns and gradients to die */
color: #ffffff !important;
}
/* 2. SIDEBARS & NAV BOXES - Fixes the white blocks in navigation */
#mw-site-navigation,
#mw-related-navigation,
.sidebar-chunk,
.mw-portlet,
.portlet,
.sidebar-inner {
background-color: #000000 !important;
background-image: none !important;
border: 1px solid #333333 !important;
}
/* 3. THE MAIN CONTENT BOX - Readability & Spacing */
#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 - Cyan and Magenta Palette */
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. INPUT FIELDS & TEXT AREAS - Dark mode for editing */
input, textarea, select, .mw-ui-input, #wpTextbox1, .ace_editor {
background-color: #121212 !important;
color: #ffffff !important;
border: 2px solid #FFFF00 !important;
padding: 8px !important;
}
/* 6. LOGO & CLEANUP - Hides broken elements */
.mw-wiki-logo, #p-logo, #p-logo-text {
display: none !important;
background: none !important;
}