MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

/* Color scheme variables, use this to quickly change colors */


 * root {

--main-bg-color: hsl(282, 80%, 25%); --secondary-bg-color: hsl(282, 70%, 40%); --content-bg-color: white; --normal-tab-color: hsl(279, 100%, 36%); --selected-tab-color: hsl(279, 50%, 50%); --primary-text-color: black; --accent-text-color: white; }

/* Wiki background */

body { background-image: url("//static.miraheze.org/riptowiki/5/51/Wiki-background.png"); background-color: hsl(275,71%,24%); }

/* Top navigation background color */

background-image: linear-gradient(hsl(261, 52%, 36%) 50%, hsl(283, 39%, 7%) 100%) }
 * 1) mw-page-base {

/* Page content color */

background-color: hsl(273, 13%, 83%); color: var(--primary-text-color); }
 * 1) content {

/* Table colors */ table { background-color: none; }

/* Navigation */

color: var(--accent-text-color) }
 * 1) mw-panel div.portal h3 {

/* Side bar collapsable portals */

color: var(--accent-text-color) }
 * 1) mw-panel.collapsible-nav .portal h3 a {

color: var(--accent-text-color) }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 a {

/* Search bar color */

background-color: white; }
 * 1) simpleSearch {

/* ===Navigation tabs=== */

/* Normal tab */

.vector-menu-tabs li { background-image: linear-gradient(var(--main-bg-color) 30%, var(--normal-tab-color) 100%); }

/* Selected tab */

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background-color: var(--selected-tab-color); }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: var(--accent-text-color); }

/* Background color for code blocks (because I do what I want) */ pre { background-color: white; }

/* ===Hyperlink colors=== */

/* Normal links */ .portal .body li a:visited, .vector-menu-portal .body li a:visited, a:visited { color: hsl(200, 57%, 53%) }

a { color: hsl(200, 57%, 53%) }

a:visited {	color: hsl(172, 36%, 52%) } .portal .body li a, .vector-menu-portal .body li a, a { color: hsl(172, 36%, 52%) }

/* Wanted Links */

a.new, #bodyContent a.new, div.vectorTabs li.new a { color: hsl(0, 77%, 49%); }

a.new:visited, div.vectorTabs li.new a:visited { color: hsl(0, 69%, 66%); }