MediaWiki:Vector.css

/** This goes in MediaWiki:Vector.css */ /** This is reliant on some styles defined in MediaWiki:Common.css */

body { /* Set background colour */ background-color: var(--page-background-color); /* Set font stack */ font-family: var(--fonts); }

/* Set UI link colour everywhere we want it */ a, a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited, .vector-menu-tabs li a, .vector-menu-tabs li a:visited { color: var(--ui-link-color); }

/* Set UI redlink colour everywhere we want it */ a.new, a.new:visited, .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(--ui-redlink-color); }

/* Set text color to white everywhere we want it */ .vector-user-menu-legacy #pt-anonuserpage, .mw-footer li, .vector-menu-tabs li.selected a, .vector-menu-tabs li.selected a:visited, .vector-menu-portal .vector-menu-heading { color: var(--page-text-color); }

/* Remove background colour and gradient from top of page */ background: none; }
 * 1) mw-page-base {

/** * TAB MENU */

/* Add borders around page tabs */ .vector-menu-tabs li { border-width: 2px; border-style: solid; border-color: var(--page-border-color); background-color: var(--content-background-color); background-image: linear-gradient(to top, var(--content-background-color), var(--page-background-color)); }

/* Remove bottom border and gradient on selected tab */ .vector-menu-tabs li.selected { border-bottom-color: transparent; background-color: var(--content-background-color); background-image: none; }

/* Remove space between adjacent tabs */ .vector-menu-tabs li + li { border-left-width: 0; }

/* Reduce tab height */ .vector-menu-tabs li a, .vector-menu-tabs .mw-watchlink.icon a,	height: 30px; }
 * 1) mw-head .vector-menu-dropdown .vector-menu-heading {

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

/* The watch/unwatch tab is all sorts of squiffy */ .vector-menu-tabs .mw-watchlink.icon a { width: auto; padding: 8px; } .vector-menu-tabs .mw-watchlink.icon a::before { content: none; }

/* Set 'More' dropdown label colour */ color: var(--page-text-color); }
 * 1) p-cactions-label {

/* Style the 'More' dropdown */ border-width: 2px; border-style: solid; border-color: var(--page-border-color); background-color: var(--content-background-color); }
 * 1) p-cactions .vector-menu-content {

/* Fix misaligned spacing now we've changed the size of tabs */ .vector-menu-tabs, margin-top: 7px; padding-left: 0; } .vector-menu-tabs li a,	padding-top: 8px; }	top: 30px; }
 * 1) p-cactions {
 * 1) p-cactions-label {
 * 1) p-cactions .vector-menu-content {

/** * SIDEBAR NAVIGATION */

/* Centre align sidebar navigation */ .vector-menu-heading, .vector-menu-portal .vector-menu-content { text-align: center; }

/** * MAIN CONTENT */

/* Set main content area colours and border */ .mw-body { color: var(--content-text-color); background-color: var(--content-background-color); border: 2px solid var(--page-border-color); }

/* Override default heading font */ .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: var(--fonts); font-weight: bold; }

/* Set content link colour */ .vector-menu-dropdown li a, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .mw-parser-output a.external, .mw-parser-output a.external:visited { color: var(--content-link-color); }