User:Dessertmonkeyjk/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/isgpwiki/5/51/Wiki-background.png"); background-color: hsl(275,71%,24%); }

h1, h2 { border-bottom: 1px solid #6e44c7; }

.mw-body-content h1 { font-family: 'Bahnschrift','Georgia','Times',serif; }

.mw-body-content h2 { font-family: 'Bahnschrift','Georgia','Times',serif; }

.mw-body h1 { font-family: 'Bahnschrift','Georgia','Times',serif; }

.catlinks, .toc { border: 1px solid #6e44c7; }

.vector-menu-tabs li { background-image: linear-gradient(hsl(275deg 61% 88%) 30%,hsl(275deg 31% 88%) 100%)!important; }

.infobox { border: 1px solid #6e45c7; }

/* Top navigation background color */

background-image: linear-gradient(hsl(266deg 83% 31%) 00%,hsl(283,39%,7%) 100%); }
 * 1) mw-page-base {

/* Page content color */

background-color: #e2d7ea; color: var(--primary-text-color); }
 * 1) content {

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

/* Navigation */

.vector-menu-portal h3 { color: var(--accent-text-color) }

.mw-body { border: 1px solid #6e44c7!important; }

.vector-menu-tabs { background: #6e44c7; }

/* 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 {

/* Footer text */

.mw-footer li { color: var(--accent-text-color); }

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

/* Normal tab */

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

.vector-menu-tabs a { background-image: linear-gradient(to bottom,rgb(110 68 199 / 0%) 0,#6e44c7 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); }

/* "More" tab */ .vector-menu-dropdown h3 { 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, a { color: hsl(200, 57%, 53%) }

/* Visited links */

.portal .body li a, .vector-menu-portal .body li a, .vector-menu-tabs li 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%); }