Jump to content

User:Dodoïste/vector.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Accessibility Gadget */
.day-mode {
	background: #fff;
}
 
.night-mode, 
.night-mode #content,
.night-mode #mw-head{
	background: #000;
	color: #fff;
}

.night-mode div.vectorTabs ul li{
	background-image: none;
	background-color: #000;
}

.night-mode div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3, div#mw-panel div.portal{
	background-image: none;
}

.night-mode .mw-body{
	border: none;
}

.night-mode h1, .night-mode h2, .night-mode h3, .night-mode h4, .night-mode h5, .night-mode h6{
	border-bottom: 1px solid #333;
}

.night-mode .infobox{
	background-color: #222;
	border: none;
	color: #fff;
}


.night-mode div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
	color: #fff;
}

.night-mode #toc{
	background: #000;
	border: 1px solid #222;
}

.night-mode div.thumbinner{
	border: none;
	background-color: #222;
}

.night-mode a, 
.night-mode div#mw-panel div.portal div.body ul li a:visited,
.night-mode div#mw-panel div.portal div.body ul li a{
	color: #659BFF;
}

.night-mode.darkest-mode #firstHeading, 
.night-mode.darkest-mode #toctitle,
.night-mode.darkest-mode h1, .night-mode.darkest-mode h2, .night-mode.darkest-mode h3, .night-mode.darkest-mode h4, .night-mode.darkest-mode h5, .night-mode.darkest-mode h6{
	color: #fff !important;
}

.day-mode.darkest-mode #firstHeading, 
.day-mode.darkest-mode #toctitle,
.day-mode.darkest-mode h1, .day-mode.darkest-mode h2, .day-mode.darkest-mode h3, .day-mode.darkest-mode h4, .day-mode.darkest-mode h5, .day-mode.darkest-mode h6{
	color: #000 !important;
}

.night-mode.darker-mode #firstHeading, 
.night-mode.darker-mode #toctitle
.night-mode h1, .night-mode.darker-mode h2, .night-mode.darker-mode h3, .night-mode.darker-mode h4, .night-mode.darker-mode h5, .night-mode.darker-mode h6{
	color: #bbb !important;
}

.day-mode.darker-mode #firstHeading, 
.day-mode.darker-mode #toctitle
.day-mode h1, .day-mode.darker-mode h2, .day-mode.darker-mode h3, .day-mode.darker-mode h4, .day-mode.darker-mode h5, .day-mode.darker-mode h6{
	color: #333 !important;
}

.night-mode.dark-mode #firstHeading, 
.night-mode.dark-mode #toctitle
.night-mode.dark-mode h1, .night-mode.dark-mode h2, .night-mode.dark-mode h3, .night-mode.dark-mode h4, .night-mode.dark-mode h5, .night-mode.dark-mode h6{
	color: #777 !important;
}

.day-mode.dark-mode #firstHeading, 
.day-mode.dark-mode #toctitle
.day-mode.dark-mode h1, .day-mode.dark-mode h2, .day-mode.dark-mode h3, .day-mode.dark-mode h4, .day-mode.dark-mode h5, .day-mode.dark-mode h6{
	color: #666 !important;
}
 
.day-mode.dark-mode #content{
	color: #666;
}

.day-mode.darker-mode #content{
	color: #333;
}

.day-mode.darkest-mode #content{
	color: #000;
}
 
.night-mode.dark-mode #content{
	color: #777;
}
 
.night-mode.darker-mode #content{
	color: #bbb;
}
 
.night-mode.darkest-mode #content{
	color: #fff;
}
 
/* Article feedback tool */
.articleFeedback-panel {
    background-color: #333333!important;
}