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 - Targets every single element regardless of ID - full 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: #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;
}
}


/* 2. RE-ESTABLISH YOUR PREFERENCES - Prevents the universal rule from breaking your gray search and content boxes */
/* 4. CONTENT AREA PREFERENCES - Your dark gray zones */
#content {
#content {
     background-color: #222222 !important;
     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;
}
}


/* 3. Keep your links and headers readable */
/* 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; }