User:Neggle/vector-2022.css

/* for vector 2022 */

.mw-body { margin-left: 1em; }

.vector-menu-tabs li { background-color: transparent; background-color: #272822 !important; }

background-color: #272822 !important; color: #3366cc; }
 * 1) vector-main-menu {

.vector-dropdown-content { background-color: #272822 !important; color: #3366cc; }

margin-right: 20px; margin-top: 0; }
 * 1) p-search {

.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background-color: #272822 !important; background-color: transparent !important; }

.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background-color: #272822 !important; /* color: #ff00ff; */ color: #3366cc; }

padding-left: 34px !important; }
 * 1) p-search input {

.vector-dropdown .vector-dropdown-label { padding: inherit; }

padding-bottom: 1.5px; }
 * 1) ca-unwatch {

padding-bottom: 1.5px; }
 * 1) ca-watch {

padding-top: 4px; }
 * 1) ca-unwatch a {

padding-top: 4px; }
 * 1) ca-watch a {

.vector-icon mw-ui-icon-wikimedia-unStar::after { content: "Unwatch"; }

padding: 0 14px; }
 * 1) p-variants-label {

font-size: 0.7em; }
 * 1) vector-main-menu {

.vector-user-links { margin-left: 1em; }

.mw-ui-icon-wikimedia-search { border: 3px solid #ffff00; }

max-width: 220px; }
 * 1) mw-panel {

float: left; margin-left: 0; }
 * 1) left-navigation {

.vector-menu-content .cdx-button:enabled.cdx-button--weight-quiet { border: 0; }

.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { border: 0; }

.vector-sticky-header-start { padding-left: 30px; }

.vector-feature-zebra-design-enabled .vector-pinnable-header-label { color: #54595d; /* color: #333333; */ }

.vector-feature-zebra-design-enabled .mw-page-container-inner { grid-template-columns: none !important; }

.vector-dropdown label { color: #3366cc; }

color: #3366cc; }
 * 1) ca-watch>a>span.vector-icon.mw-ui-icon-star.mw-ui-icon-wikimedia-star::after {

.vector-feature-zebra-design-enabled .vector-pinned-container { background-color: #555555; color: #000000; }

.vector-header-container .vector-sticky-header { background-color: #555555; color: #000000; }

.vector-header-container .mw-header, .vector-header-container .vector-sticky-header { background-color: #333333; }

.mw-message-box { background-color: transparent; border: 1px solid #cccccc; }

.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background-color: transparent !important; }

.vector-menu-tabs li { border: 1px solid #333333; }

.vector-feature-zebra-design-enabled .mw-page-container, .vector-feature-zebra-design-enabled .vector-header-container .mw-header, .vector-feature-zebra-design-enabled .vector-header-container .vector-sticky-header { background-color: #333333; }

.mw-logo-icon { mix-blend-mode: overlay; filter: hue-rotate(150deg); filter: sepia(1); filter: drop-shadow(5px 5px 5px #000000); }

.mw-logo-container img { width: 100%; mix-blend-mode: overlay; filter: sepia(1); filter: drop-shadow(5px 5px 5px #000000); filter: drop-shadow(5px 5px 5px #000000); }

min-width: 90px; padding-left: 0; border: 1px solid #cccccc; }
 * 1) vector-page-tools-dropdown {

margin-bottom: -10px; }
 * 1) ca-unwatch a::after {

.client-js .mw-editform .wikiEditor-ui-text { background: #777777; }

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: #777777; }

background: #333333; color: #cccccc; }
 * 1) p-search input {

.cdx-text-input__input:enabled { background: #333333; color: #cccccc; }

.cdx-icon svg { fill: #aaaaaa; }

.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: #bbbbbb; background-color: #333333; }

.vector-feature-zebra-design-enabled .vector-sticky-pinned-container::after { background: transparent; }

.mw-header .vector-header-start, .mw-header .vector-header-end { display: block; }

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-content { background-color: #878787; }

.vector-feature-zebra-design-enabled .vector-pinnable-header-toggle-button { background-color: #878787; }

.vector-icon { background-size: 18px; width: 2em; height: 2em; background-color: #9e9e9e; border-radius: 10px; border: 1px solid #666666; }

.mw-header .vector-header-start, .mw-header .vector-header-end { display: flex; }

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: transparent; }

.vector-user-menu-logged-in .vector-dropdown-label::after { background-color: #cccccc; }

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after { background-color: #cccccc; }

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-content { background-color: #3b444b; }

vector-menu-tabs li { border: 0; border-top: 1px solid #6c6c6c; }

.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { border: 0; }

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: #72777d; }

.vector-feature-zebra-design-enabled .vector-toc .vector-toc-text { padding-left: 12px; }

.vector-page-toolbar-container .vector-icon { display: contents; }

@media screen and (width >= 1200px) { .vector-feature-zebra-design-enabled .mw-header .vector-header-end { float: right; }

.mw-header .vector-header-start, .mw-header .vector-header-end { margin-left: 0%; } }

.vector-user-links { margin-left: 40%; }

.vector-user-menu-logged-in .vector-dropdown-label::after { background-position-x: 50%; padding: 2px; border-radius: 10px; }

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after { background-position-x: 50%; padding: 2px; border-radius: 10px; }

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after { background-color: #799dff; }

border: 1px solid #333333; }
 * 1) vector-page-tools-dropdown {

padding-left: 0; position: relative; top: 2px; left: 10px; color: #3366cc; }
 * 1) ca-unwatch>a>span.vector-icon.mw-ui-icon-unStar.mw-ui-icon-wikimedia-unStar::after {

.vector-icon.mw-ui-icon-wikimedia-star::after { padding-left: 0; position: relative; top: 4px; left: 10px; color: #3366cc; }

padding-bottom: 2px; }
 * 1) ca-watch {

padding-left: 0; position: relative; top: 4px; left: 10px; color: #3366cc; }
 * 1) ca-watch>a>span.vector-icon.mw-ui-icon-star.mw-ui-icon-wikimedia-star::after {

.mw-watchlink { display: inline-block; border-bottom: 4px solid #ff3333; }

.vector-feature-zebra-design-enabled body { background-color: #000000; }

.skin-vector-2022 .vector-menu-tabs .mw-list-item, .skin-vector-2022 .vector-page-toolbar-container .vector-dropdown { display: inline-block; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #3572af; color: #202122; }

.vector-feature-zebra-design-enabled.client-js.vector-sticky-header-enabled .vector-sticky-pinned-container { max-width: 220px; margin-left: 0; border-top: 2px solid #000000; }

body>div.mw-page-container>div>div.vector-column-start>div.vector-main-menu-container { max-width: 260px; }

.vector-header-container .vector-sticky-header { color: #cccccc; }

border-left: 2px solid #ff0000; }
 * 1) vector-page-tools-dropdown-checkbox {

margin-top: -2px; }
 * 1) vector-page-tools-dropdown .vector-dropdown-label-text {

padding-left: 10px; margin-left: 0; }
 * 1) vector-page-tools-dropdown {

background: transparent; display: contents; }
 * 1) simpleSearch .cdx-button:enabled,
 * 2) simpleSearch .cdx-button.cdx-button--fake-button--enabled {

background: #272822 !important; }
 * 1) vector-page-tools-dropdown {

height: 34px; }
 * 1) vector-page-tools-dropdown {

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after { background-position-x: 47%; padding: 2.5px; border-radius: 10px; background-position-y: 62%; margin-left: 10px; }

.vector-dropdown-content { filter: drop-shadow(5px 5px 5px #000000); }

background: #272822 !important; }
 * 1) mw-panel {

.vector-pinned-container { background: #272822 !important; }

background: #272822 !important; }
 * 1) mw-panel-toc-list {

.vector-column-start .vector-sticky-pinned-container { margin-left: 0; }

.vector-sticky-pinned-container { max-width: 220px; }

.vector-toc .vector-toc-toggle { margin-left: -7px; scale: 60%; }

.vector-toc .vector-toc-link { font-size: 12px; line-height: 16px; }