User:WeatherWonders/vector.css

/* WIP dark vector skin */

/* Apparently Wikipedia's CSS editor doesn't know what a variable is. */
 * root {

--maintxt: #e0e0e0; /* light gray for primary text */ --mainborder: #a0a0b0; /* gray border color */ --mainbkg: black; /* main text background */ --secondbkg: #202030; /* background for things like tables and thumbnails */ --mainlink: #c0c5ff; --mainlinkvisited: #e0d0ff; } /* -- body { background-color: var(--mainbkg); }

h1, h2, h3, h4, h5, h6 { color: #e0e0e0; border-bottom-color: #a5a5b0; }

caption { color: var(--maintxt); }

table { background: #f0f0f7; color: black; }

a { color: var(--mainlink); } a:visited { color: var(--mainlinkvisited); } a.new { color: #f00; }

background-color: var(--secondbkg); background-image: linear-gradient(var(--secondbkg) 50%, var(--mainbkg) 100%); }
 * 1) mw-page-base {

.mw-body { background-color: var(--mainbkg); color: var(--maintxt); }

/* Links on the left - the selectors are probably written terribly, but I don't think it works otherwise... */ /* -- div#mw-panel div.portal h3 { color: var(--maintxt); } div#mw-panel div.portal div.body ul li a { color: var(--mainlink); } div#mw-panel div.portal div.body ul li a:visited { color: var(--mainlinkvisited); }

.infobox { /*background-color: var(--secondbkg); color: var(--maintxt);*/ /* --	border-color: var(--mainborder); }

.thumb, .thumbinner { background-color: var(--secondbkg); border-color: var(--mainborder); }

background-color: var(--secondbkg); border-color: var(--mainborder); } .tocnumber { color: #555; }
 * toc, .toc {

.wikitable { background-color: var(--secondbkg); border-color: var(--mainborder); color: var(--maintxt); }

.mw-body-content a.external { color: var(mainlink); } .mw-body-content a.external:visited { color: var(mainlinkvisited); }

/* Image viewer */ /* -- .mw-mmv-post-image { color: var(--maintxt); background-color: var(--secondbkg); } .mw-mmv-image-metadata { border-top-color: var(--mainborder); background-color: var(--mainbkg); } .mw-mmv-credit { color: var(--maintxt); } .mw-mmv-image-links li { color: var(--maintxt); } .tipsy-inner { background-color: var(--secondbkg); border-color: var(--mainborder); color: var(--maintxt); }

table.ambox { border-color: var(--mainborder); background: var(--secondbkg); color: var(--maintxt); }

.navbox { background: var(--secondbkg); border-color: var(--mainborder); }

.stub { color: var(--maintxt); }

.mw-body-content a.external { color: var(--mainlink); } .mw-body-content a.external:visited { color: var(--mainlinkvisited); }

div#footer ul li { color: var(--maintxt); }

.catlinks { background-color: var(--secondbkg); }