User:ImproperlyPeeledOrange/vector.css

/* DEFINE VALUES */
 * root {

--layer-a: #141414; --layer-b: #1e1e1e; --layer-c: #282828; --layer-d: #3c3c3c; --hyperlink: lightblue; --hyperlink-alt: blue; --hyperlink-clicked: pink; --hyperlink-not-available: red; --text: white; --transition-speed: 0.25s; }

/* MAIN PAGE */ .mw-body { background-color: var(--layer-a); border-radius: 1em; }

/* COLOR: TEXT */ h1, h2, h3, h4, h5, h6, p, .mw-footer li, .infobox, .mw-body, .wikitable, .tocnumber, .vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited, .rt-tooltip, .vector-menu-tabs-legacy li a { color: var(--text); }

/* COLOR: HYPERLINK */ a, .vector-menu-portal .vector-menu-content li a, a.external, .mw-parser-output a.external, .toctogglelabel { color: var(--hyperlink); }

/* COLOR: HYPERLINK-CLICKED */ a:visited, .vector-menu-portal .vector-menu-content li a:visited { color: var(--hyperlink-clicked); }

/* COLOR: LAYER-D */ .vector-menu-tabs-legacy .selected, .rt-tooltip, .mwe-popups-container, .mwe-popups { background-color: var(--layer-d) !important; }

/* SET BORDER COLOR */ .infobox, .mw-body, div.thumbinner, .toc, .infobox-full-data, .mw-parser-output .sidebar, li.gallerybox > div > div.thumb, .quotebox, ul.portalbox.portalborder, .rt-tooltip, .toccolours { border: 1px solid var(--layer-d) !important; }

/* SET BORDER RADIUS */ div.thumbinner, .thumbimage, .toc, .infobox, .infobox > * > img, .mw-parser-output .ombox, .mw-parser-output .sidebar, #catlinks, table.infobox, li.gallerybox > div > div.thumb, .mwe-popups-container, .quotebox, ul.portalbox.portalborder, .rt-tooltip, .mw-parser-output .side-box, .toccolours, .mwe-popups, img.mwe-popups-thumbnail { border-radius: 1em; }

/* COLOR: LAYER-B */ .infobox, .catlinks, .wikitable, .wikitable > tr > th, .wikitable > * > tr > th, body, .toc, div.thumbinner, .mw-parser-output .ombox, .mw-parser-output .sidebar, li.gallerybox > div > div.thumb, .mw-parser-output .side-box, .mw-parser-output .navbox-even, ul.portalbox.portalborder, .toccolours { background-color: var(--layer-b) !important; }

/* PADDING */ .mw-parser-output .side-box, .thumbcaption { padding: 1em; }

ul.portalbox.portalborder { padding: 5px; }

/* COLOR: HYPERLINK-NOT-AVAILABLE */ .skin-vector-legacy a.new, .skin-vector-legacy .vector-menu-tabs .new a { color: var(--hyperlink-not-available); }

/* TAB BUTTONS */

.vector-menu-tabs-legacy li { background-color: var(--layer-c); background-image: none; border-radius: 10em; border: none; margin-right: 5px; line-height: inherit; }

.vector-menu-tabs-legacy li a { height: 2em; padding-top: 0.45em; padding-left: 10px; padding-right: 10px; border-radius: 1em; transition: var(--transition-speed); }

.vector-menu-tabs-legacy li a:hover { text-decoration: none; background-color: var(--layer-d); transition: var(--transition-speed); }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; }

.vector-menu-tabs-legacy ul { margin-top: 5px; }

/* ========== */

/* PAGE VERSION LIST ITEMS */

background-color: var(--layer-c); color: var(--text); }
 * 1) pagehistory li.selected {

background-color: var(--layer-b); outline: none; border: 1px dotted var(--layer-d); border-radius: 1em; padding: 1em; margin-bottom: 1em; }
 * 1) pagehistory li {

/* ========== */

/* BOTTOM PAGE NAVBOX */

table > tbody > tr:first-child > th.navbox-title { border-top-left-radius: 1em; border-top-right-radius: 1em; }

table.mw-collapsed > tbody > tr:first-child > th.navbox-title { border-radius: 1em; }

table > tbody > tr:first-child > th.navbox-group { border-top-left-radius: 1em; }

table > tbody > tr:first-child > td.navbox-list { border-top-right-radius: 1em; }

table > tbody > tr:last-child > th.navbox-group { border-bottom-left-radius: 1em; }

table > tbody > tr:last-child > td.navbox-list { border-bottom-right-radius: 1em; }

/* ========== */

/* TEMPLATES */

.mw-parser-output .ambox, .mw-parser-output .ambox-content { background-color: var(--layer-b) !important; border-top: 1px solid var(--layer-d) !important; border-bottom: 1px solid var(--layer-d) !important; border-right: 1px solid var(--layer-d) !important; border-radius: 1em; }

.mw-parser-output .ambox > tbody > tr > td.mbox-text > div > div > div > table, .mw-parser-output .ambox-content > * > table { border: none !important; }

/* ========== */

background-color: rgba(0,0,0,0.0); background-image: none; }
 * 1) mw-page-base {

.vector-menu-portal .vector-menu-heading { color: var(--text) !important; background-image: none; border-bottom: solid 1px white; }

.catlinks { padding: 5px 5px 5px 10px; }

.vector-search-box-input { background-color: rgba(255,255,255,1); border-radius: 1em; }

th.infobox-header, th.infobox-above { color: black; }

.mw-parser-output .navbox { background-color: var(--layer-b) !important; border-radius: 1em; }

.mw-parser-output tr+tr>.navbox-list { border-top: 2px solid var(--layer-d) !important; }

.mw-parser-output .navbox-odd { background-color: var(--layer-c) !important; }

.portalborder > ul { background: none !important; }

.rt-tooltipTail { display: none; }

.mwe-popups-extract::after { background-image: linear-gradient(to right,rgba(255,255,255,0),var(--layer-d) 50%) !important; }

.thumbimage { border: none; }

.mwe-popups-container { clip-path: none !important; }

a.extiw { color: var(--hyperlink-alt) !important; }

/* LEFT SIDEBAR LINES */

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right, var(--layer-d), var(--layer-d)); }

/* HIDE BANNERS */

display: none; }
 * 1) siteNotice {

/* ICONS */

background: transparent url(https://raw.githubusercontent.com/google/material-design-icons/master/png/action/settings/materialiconsround/18dp/1x/round_settings_black_18dp.png) no-repeat center top; }
 * 1) p-lang .uls-settings-trigger {