MediaWiki:Timeless.css: Difference between revisions
From Access Tech Central
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* 1. UNIVERSAL FORCE - | /* TIMELESS TOTAL BLACKOUT - ACCESSIBILITY VERSION */ | ||
*, | |||
*::before, | /* 1. THE UNIVERSAL FORCE - Every element to Black */ | ||
*::after { | *, *::before, *::after { | ||
background-color: #000000 !important; | background-color: #000000 !important; | ||
background-image: none !important; | background-image: none !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-color: # | border-color: #444444 !important; | ||
} | |||
/* 2. BIG FONT & SPACING - Global Text Increase */ | |||
html, body, p, div, li, span, a { | |||
font-size: 1.25rem !important; /* Larger text for easier reading */ | |||
line-height: 1.8 !important; /* Better spacing for screen readers */ | |||
} | |||
/* 3. ICON FIX - Make them white and bigger */ | |||
.mw-ui-icon, .oo-ui-iconElement-icon, img.mw-logo-icon, .indicator { | |||
filter: invert(1) brightness(2) !important; /* Turns black icons white */ | |||
width: 32px !important; /* Increases icon size */ | |||
height: 32px !important; | |||
} | } | ||
/* | /* 4. CONTENT AREA PREFERENCES - Your dark gray zones */ | ||
#content { | #content { | ||
background-color: # | background-color: #111111 !important; | ||
max-width: 1400px !important; | |||
} | } | ||
#searchInput { | #searchInput { | ||
background-color: #333333 !important; | background-color: #333333 !important; | ||
font-size: 1.3rem !important; | |||
height: 45px !important; | |||
} | } | ||
/* | /* 5. ACCESSIBILITY LINKS & HEADERS */ | ||
a { color: #00FFFF !important; } | a { color: #00FFFF !important; font-weight: bold !important; } | ||
a:visited { color: #FF00FF !important; } | a:visited { color: #FF00FF !important; } | ||
h1, h2, h3, h4 { color: #FFFF00 !important; } | |||
h1, h2, h3, h4 { | |||
color: #FFFF00 !important; | |||
font-size: 2rem !important; /* Large Headings */ | |||
margin-top: 1.5rem !important; | |||
} | |||
/* 6. LOGO CLEANUP */ | |||
.mw-wiki-logo, #p-logo-text { display: none !important; } | |||
Revision as of 07:40, 20 February 2026
/* TIMELESS TOTAL BLACKOUT - ACCESSIBILITY VERSION */
/* 1. THE UNIVERSAL FORCE - Every element to Black */
*, *::before, *::after {
background-color: #000000 !important;
background-image: none !important;
color: #ffffff !important;
border-color: #444444 !important;
}
/* 2. BIG FONT & SPACING - Global Text Increase */
html, body, p, div, li, span, a {
font-size: 1.25rem !important; /* Larger text for easier reading */
line-height: 1.8 !important; /* Better spacing for screen readers */
}
/* 3. ICON FIX - Make them white and bigger */
.mw-ui-icon, .oo-ui-iconElement-icon, img.mw-logo-icon, .indicator {
filter: invert(1) brightness(2) !important; /* Turns black icons white */
width: 32px !important; /* Increases icon size */
height: 32px !important;
}
/* 4. CONTENT AREA PREFERENCES - Your dark gray zones */
#content {
background-color: #111111 !important;
max-width: 1400px !important;
}
#searchInput {
background-color: #333333 !important;
font-size: 1.3rem !important;
height: 45px !important;
}
/* 5. ACCESSIBILITY LINKS & HEADERS */
a { color: #00FFFF !important; font-weight: bold !important; }
a:visited { color: #FF00FF !important; }
h1, h2, h3, h4 {
color: #FFFF00 !important;
font-size: 2rem !important; /* Large Headings */
margin-top: 1.5rem !important;
}
/* 6. LOGO CLEANUP */
.mw-wiki-logo, #p-logo-text { display: none !important; }