MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */ body { --zw-background-body: #0b284f; --zw-background-header: #336089; --zw-background-highlight: #245681; --zw-background-infobox: #214d74; --zw-background-interactive: #17568c; --zw-background-interactive-hover: #24527c; --zw-background-interactive-pressed: #153e63; --zw-background-mediawiki: #336089; /* Things on the page automatically added by MediaWiki - category list, captioned thumbnails, galleries, table of contents, etc. */ --zw-background-page: #17456e; --zw-background-surface: #17568c; --zw-border: #426787; --zw-gradient-tab: linear-gradient(#1d679b, #1a4e7d); --zw-gradient-tab-hover: linear-gradient(#305f89, #17456e); --zw-gradient-tab-active: linear-gradient(#1d578b, var(--zw-background-interactive-pressed)); --zw-link: #f4f26b; --zw-link-filter: invert(84%) sepia(33%) saturate(594%) hue-rotate(12deg) brightness(101%) contrast(108%); /* Changes SVGs to --zw-link color */ --zw-link-hover: #fbfac9; --zw-link-visited: #e7ea12; --zw-text: #e6e6e6; --zw-text-red-link: #fe5368; --zw-text-red-link-hover: #feb8c1; --zw-text-filter: invert(100%) sepia(1%) saturate(503%) hue-rotate(196deg) brightness(111%) contrast(80%); /* Changes SVGs to --zw-text color */ --zw-text-success: #11a643; --zw-text-subdued: #bbbbbb; --zw-text-warning: #fe5368; }

.vector-body, .vector-body p { font-size: inherit; line-height: 1.75; }

/* Top navigation */ .vector-user-menu-legacy li { font-size: 0.8125em; } .vector-user-menu-legacy #pt-userpage a { background-image: none; } .vector-menu .oo-ui-icon-tray, .vector-menu .oo-ui-icon-bell { filter: var(--zw-text-filter); opacity: 1 !important; }	top: -4px; }	margin-right: 0; }	background-image: linear-gradient(		var(--zw-background-page) 50%, 		var(--zw-background-body)	); } .vector-menu-tabs a { border-bottom: 1px solid var(--zw-border); } .vector-menu-tabs .selected a { border-bottom: 1px solid var(--zw-background-page); } .vector-menu-tabs .selected { background-color: var(--zw-background-page); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--zw-text); } .vector-menu-portal .vector-menu-content li a, .vector-menu-tabs li a, .vector-menu-dropdown li a { color: var(--zw-link); } .vector-menu-portal .vector-menu-content li a:hover, .vector-menu-tabs li a:hover, .vector-menu-dropdown li a:hover { color: var(--zw-link-hover); } .vector-menu-portal .vector-menu-content li a:visited, .vector-menu-dropdown li a:visited { color: var(--zw-link-visited); } .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited { color: var(--zw-text-red-link); } .vector-menu-tabs .new a:hover { color: var(--zw-text-red-link-hover); text-decoration-style: dashed; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: linear-gradient(		var(--zw-background-page), 		var(--zw-border)	); } .vector-menu-tabs .mw-watchlink.icon a { padding-top: 3em; } .vector-menu-dropdown h3 { color: var(--zw-text); } .vector-menu-dropdown :after { filter: var(--zw-text-filter) } .vector-menu-dropdown .vector-menu-content { background-color: var(--zw-background-mediawiki); border-color: var(--zw-border); box-shadow: var(--zw-box-shadow-2); padding-bottom: var(--zw-space-2); } .vector-menu-dropdown li a { padding-bottom: var(--zw-space-3); padding-top: var(--zw-space-3); }	background-color: var(--zw-background-page); border-color: var(--zw-border); color: var(--zw-text); }	color: var(--zw-text-subdued); }	filter: var(--zw-link-filter); opacity: 1; }
 * 1) pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge {
 * 1) p-personal #pt-notifications-alert, #p-personal #pt-notifications-notice {
 * 1) mw-page-base, .vector-menu-tabs li {
 * 1) searchInput {
 * 1) searchInput::placeholder {
 * 1) searchButton {

/* Sidebar */ margin-bottom: 0; margin-top: var(--zw-space-3); } .vector-menu-portal h3 { color: var(--zw-text); background-image: none; font-size: 0.875rem; font-weight: bold; } .vector-menu-portal .vector-menu-content li { font-size: 0.8125rem; }
 * 1) p-logo {