MediaWiki:Vector.css

/** Vector.css */
 * root {

/* Page layout */ --layout-top-margin: 8rem; --layout-tab-height: 2.5rem;

/* Page */ --page-background-color: var(--zombie-brown); --page-text-color: var(--maire-black); --page-link-color: var(--maire-black); --page-newlink-color: var(--harley-orange);

/* Article area */ --article-background-color: var(--varden-brown); --article-text-color: var(--maire-black); --article-border-width: 2px; --article-border-color: var(--house-green); --article-link-color: var(--pirate-gold); --article-newlink-color: var(--harley-orange);

/* Tabs */ --tabs-background-color: var(--sourdough-brown); --tabs-text-color: var(--maire-black); --tabs-current-background-color: var(--article-background-color); --tabs-current-text-color: var(--tabs-text-color); --tabs-border-width: var(--article-border-width); --tabs-border-color: var(--article-border-color);

/* Sidebar navigation */ --sidebar-background-color: var(--article-background-color); --sidebar-text-color: var(--article-text-color); --sidebar-link-color: var(--article-link-color); --sidebar-border-width: var(--article-border-width); --sidebar-border-color: var(--article-border-color); --sidebar-heading-background-color: var(--delrio-brown); --sidebar-heading-text-color: var(--maire-black); /* Boxes (bit of a catch all) */ --box-text-color: var(--maire-black); --box-background-color: var(--zombie-brown); --box-border-width: 2px; --box-border-color: var(--delrio-brown); /* Category links */ --catlinks-text-color: var(--box-text-color); --catlinks-background-color: var(--box-background-color); --catlinks-border-width: var(--box-border-width); --catlinks-border-color: var(--box-border-color); /* Table of contents */ --toc-text-color: var(--box-text-color); --toc-background-color: var(--box-background-color); --toc-border-width: var(--box-border-width); --toc-border-color: var(--box-border-color); }

body { background-color: var(--page-background-color); background-image: url('https://static.miraheze.org/librarymusicarchiveswiki/6/65/Wiki_Background.png'); background-repeat: no-repeat; background-position: left -3em bottom -1em; background-attachment: fixed; background-size: 16em auto; font-family: monospace, monospace; }

h1, h2 { border-bottom: var(--box-border-width) solid var(--box-border-color); }

.mw-body h1 { font-family: inherit; }

.mw-body h1, h2:not(.feature-box-title) .mw-headline { display: inline-block; background-color: var(--box-border-color); padding: var(--box-border-width) 1em 0 .5em; }

/* Layout */ background: none; }
 * 1) mw-page-base {

/* #mw-page-base, height: var(--layout-top-margin); }
 * 1) mw-head-base {

margin-top: var(--layout-top-margin); }*/
 * 1) left-navigation,
 * 2) right-navigation {

/** Links */ a, a:visited { color: var(--article-link-color); }

a.new, a.new:visited { color: var(--article-newlink-color); }

.skin-vector-legacy a, .skin-vector-legacy a:visited { color: var(--page-link-color); }

.skin-vector-legacy a.new, .skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited { color: var(--page-newlink-color); }

/** Search box */ .vector-search-box-input { background-color: white; }

/** Tabs */ .vector-menu-tabs { padding-left: 0; }

.vector-menu-tabs, .vector-menu-tabs a,   background: none; }
 * 1) mw-head .vector-menu-dropdown .vector-menu-heading {

.vector-menu-tabs a { height: var(--layout-tab-height); }

.vector-menu-tabs li { background: none; }

.vector-menu-tabs li:nth-child(n+2) { margin-left: -2px; }

.vector-menu-tabs li a, .vector-menu-dropdown-noicon .vector-menu-heading { padding-top: 0; border: var(--tabs-border-width) solid var(--tabs-border-color); color: var(--tabs-text-color); font-weight: bold; line-height: var(--layout-tab-height); background-color: var(--tabs-background-color); }

.vector-menu-tabs li.selected a { --offset: 8px; height: calc(var(--layout-tab-height) + var(--offset)); margin-top: calc(0px - var(--offset)); padding-top: var(--offset); border-bottom-color: transparent; color: var(--tabs-current-text-color); background-color: var(--tabs-current-background-color); box-shadow: 3px -3px 3px 0px rgba(0, 0, 0, .22); z-index: 1; }

.vector-menu-dropdown-noicon .vector-menu-heading { margin-left: calc(0px - var(--tabs-border-width)); }

.vector-menu-dropdown-noicon .vector-menu-heading::after { top: .3333em; }

padding-right: 2rem; padding-left: 2rem; }
 * 1) left-navigation .vector-menu-tabs li a {

.vector-menu-tabs .mw-watchlink.icon a { padding-top: calc(var(--layout-tab-height) - var(--tabs-border-width) * 2); }

.vector-menu-dropdown { margin-left: calc(0px - var(--tabs-border-width)); background-color: var(--tabs-background-color); }

.vector-menu-dropdown .vector-menu-content { border: var(--tabs-border-width) solid var(--tabs-border-color); border-top: none; }

/* Sidebar navigation */ display: block; }
 * 1) p-logo + .mw-portlet .vector-menu-heading {

.vector-menu-portal { margin: 0; padding: 0; }

.vector-menu-portal .vector-menu-heading { margin: 0; padding: 0; background-image: none; border-bottom: calc(var(--sidebar-border-width) * 2) solid var(--sidebar-heading-background-color); }

.vector-menu-portal .vector-menu-heading .vector-menu-heading-label { display: inline-block; margin-top: 2em; margin-left: .5em; padding: var(--sidebar-border-width) calc(var(--sidebar-border-width) * 4) var(--sidebar-border-width) calc(var(--sidebar-border-width) * 2); color: var(--sidebar-heading-text-color); background-color: var(--sidebar-heading-background-color); }

.vector-menu-portal .vector-menu-content { margin: 0; padding: .5em; border: var(--sidebar-border-width) solid var(--sidebar-border-color); color: var(--sidebar-text-color); background-color: var(--sidebar-background-color); }

.vector-menu-portal .vector-menu-content li { background-image: url('https://static.miraheze.org/librarymusicarchiveswiki/4/44/Wiki_Bullet.png'); background-size: 1em 1em; background-repeat: no-repeat; background-position: top .25em left 0; padding-left: 1.5em; }

.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--sidebar-link-color); }

/* Article */ .mw-body { margin-top: calc(0px - var(--article-border-width)); border: var(--article-border-width) solid var(--article-border-color); background-color: var(--article-background-color); }

.mw-body-content h2 { font-family: inherit; }

/* Category links */ .catlinks { color: var(--catlinks-text-color); background-color: var(--catlinks-background-color); border: var(--catlinks-border-width) solid var(--catlinks-border-color); background-image: url('https://static.miraheze.org/librarymusicarchiveswiki/6/64/Wiki_Waveform.png'); background-size: auto 100%; background-position: center; }

/* Table of contents */ .toc { color: var(--catlinks-text-color); background-color: var(--catlinks-background-color); border: var(--catlinks-border-width) solid var(--catlinks-border-color); }

.toc .toctitle { text-align: left; }

.toc .toctogglespan { float: right; margin-left: 1em; }

.vector-body .toc h2 { font-family: inherit; }