User:Dialectric/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: 0px; }
 * 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:#F0F; 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: 0px 14px; }
 * 1) p-variants-label{

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

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

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

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

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

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

.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { border: 0px; } .vector-sticky-header-start { padding-left: 30px; }

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

.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: #555; color:#000; }

.vector-header-container .vector-sticky-header { background-color: #555; color:#000; }

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

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

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

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

.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: #333; }

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

.mw-logo-container img { width: 100%; mix-blend-mode: overlay; filter: hue-rotate(150deg); filter: sepia(1); -webkit-filter: drop-shadow(5px 5px 5px #000); filter: drop-shadow(5px 5px 5px #000); }

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

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

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

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

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

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

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

.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: #bbb; background-color: #333; }

.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 #666; }

.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: #CCC; }

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

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

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

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

.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 (min-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 #333; }
 * 1) vector-page-tools-dropdown {

padding-left: 0px; 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: 0px; position: relative; top: 4px; left: 10px; color: #3366cc; }

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

padding-left: 0px; 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 #F33; }

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

.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: 0px; border-top: 2px solid #000; }

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: #ccc; }

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

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

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

background:transparent; display:contents }
 * 1) simpleSearch .cdx-button:enabled, #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 #000); }

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; }