MediaWiki:Darkvector.css: Difference between revisions
From Captain of Industry Wiki
Thadius856 (talk | contribs) i'm done playing nice |
Thadius856 (talk | contribs) pare down now unneeded classes/ids |
||
| Line 13: | Line 13: | ||
body { background-color: #222222; } | body { background-color: #222222; } | ||
#mw-head { background-color: #222222; } | #mw-head { background-color: #222222; } | ||
.mw-body { background-color: #2c2c2c; } | .mw-body { background-color: #2c2c2c; } | ||
.editOptions { background-color: #2c2c2c; } | .editOptions { background-color: #2c2c2c; } | ||
| Line 22: | Line 23: | ||
/* Contrast ratio: 6.34 : 1 (before), 7.03 : 1 (after) */ | /* Contrast ratio: 6.34 : 1 (before), 7.03 : 1 (after) */ | ||
a | a { color: #fea416 !important; } | ||
/* Prevent darkening of visited links for accessibility (contrast) reasons */ | /* Prevent darkening of visited links for accessibility (contrast) reasons */ | ||
/* Contrast ratio: 3.71 : 1 (before), 7.03 : 1 (after) */ | /* Contrast ratio: 3.71 : 1 (before), 7.03 : 1 (after) */ | ||
a:visited { color: #fea416 !important; } | |||
/* Re-color "redlinks" for accessibility (contrast) reasons */ | /* Re-color "redlinks" for accessibility (contrast) reasons */ | ||
| Line 44: | Line 34: | ||
a.new { color: #ff7070 !important; } | a.new { color: #ff7070 !important; } | ||
Revision as of 03:32, 22 January 2022
/* CSS placed here will affect users of the DarkVector skin ONLY */
/* Restore font size from 0.875em to full size */
.mw-body-content {
font-size: 1em;
}
/* Darken background color slightly (almost imperceptibly for a normally-sighted person) */
/* to make it possible to meet W3 WCAGC AAA standards */
body { background-color: #222222; }
#mw-head { background-color: #222222; }
.mw-body { background-color: #2c2c2c; }
.editOptions { background-color: #2c2c2c; }
#mw-page-base { background-color: #2c2c2c; }
#left-navigation div.darkvectorTabs li.selected,#right-navigation div.darkvectorTabs li.selected { background-color: #2c2c2c; }
/* Re-color links from default Darkvector orange to the official in-game orange */
/* Contrast ratio: 6.34 : 1 (before), 7.03 : 1 (after) */
a { color: #fea416 !important; }
/* Prevent darkening of visited links for accessibility (contrast) reasons */
/* Contrast ratio: 3.71 : 1 (before), 7.03 : 1 (after) */
a:visited { color: #fea416 !important; }
/* Re-color "redlinks" for accessibility (contrast) reasons */
/* Contrast ratio: 3.00 : 1 (before), 5.19 : 1 (after) */
a.new { color: #ff7070 !important; }
/* Re-color left nav menu headers for accessibility (contrast) reasons */
/* Contrast ratio: 3.35 : 1 (before), 7.04 : 1 (after) */
div#mw-panel div.portal h3 { color: #b8b8b8; }
/* Re-color search box for accessibility (contrast) reasons */
/* Contrast ratio: 4.77 : 1 (before), 7.03 : 1 (after) */
div#simpleSearch #searchButton { background-color: rgba(255,164,22,.75) !important; }
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea, .oo-ui-tagMultiselectWidget-handle, div#simpleSearch #searchInput {
background-color: #444444 !important;
color: #DBDBDB !important;
}
/* Re-color footer legal text for accessibility (contrast) reasons */
/* Contrast ratio: 3.35 : 1 (before), 7.04 : 1 (after) */
#footer ul li { color: #b8b8b8 !important; }
/* Style <code> blocks */
code {
width: auto;
height: auto;
padding: .2em;
margin: -.2em 0;
border: none;
border-radius: 5px;
font-family: Consolas, Andale Mono WT, DejaVu Sans Mono, Ubuntu Monospace, Courier New, monospace;
text-indent: 0;
white-space: pre-wrap;
background-color: rgba(128,128,128,0.25);
}