MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */ /* */

/* Top navigation */ .skin-vector-legacy #mw-panel { background: unset; } .vector-user-menu-legacy li { font-size: 0.8125em; } .vector-user-menu-legacy #pt-userpage a { background-image: none; }

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(--mw-surface); 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; margin-left: var(--zw-space-2); } .vector-menu-portal .vector-menu-content { margin-left: var(--zw-space-2); } .vector-menu-portal .vector-menu-content ul { padding-top: 0; } .vector-menu-portal .vector-menu-content li { font-size: 0.8125rem; }
 * 1) p-logo {

/* New vector */ .mw-page-container { background-image: none; background-color: var(--zw-background-body); border: none; }

background-color: var(--zw-background-body); background-image: none; border-right: none; }
 * 1) mw-panel {

filter: var(--zw-text-filter); opacity: 1; }
 * 1) mw-sidebar-button:before {

.mw-header .mw-ui-icon:before { filter: var(--zw-text-filter) }

.vector-user-links .vector-user-menu-logged-in h3:after { top: 0.76923077em; }

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a { color: var(--zw-text); }

.vector-user-links .vector-user-menu li > a, .vector-user-links .vector-user-menu .vector-menu-content-item, .vector-user-links .vector-user-menu .mw-list-item > a { color: var(--zw-text) }

.vector-user-links .vector-user-menu li > a:hover, .vector-user-links .vector-user-menu .vector-menu-content-item:hover, .vector-user-links .vector-user-menu .mw-list-item > a:hover { background-color: rgba(var(--zw-link-rgb),0.1); color: var(--zw-link); }

background-color: var(--zw-background-body); background-image: none; border-right: none; }
 * 1) mw-panel {

filter: var(--zw-text-filter); opacity: 1; }
 * 1) mw-sidebar-button:before {

.mw-header .mw-ui-icon:before { filter: var(--zw-text-filter) }

.vector-user-links .vector-user-menu-logged-in h3:after { top: 0.76923077em; }

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a { color: var(--zw-text); }

.vector-user-links .vector-user-menu li > a, .vector-user-links .vector-user-menu .vector-menu-content-item, .vector-user-links .vector-user-menu .mw-list-item > a { color: var(--zw-text) }

.vector-user-links .vector-user-menu li > a:hover, .vector-user-links .vector-user-menu .vector-menu-content-item:hover, .vector-user-links .vector-user-menu .mw-list-item > a:hover { background-color: rgba(var(--zw-link-rgb),0.1); color: var(--zw-link); }