MediaWiki:Common.css: различия между версиями

Нет описания правки
мНет описания правки
 
(не показано 35 промежуточных версий 2 участников)
Строка 16: Строка 16:
  * 12. SOURCE EDITOR → SYNTAX HIGHLIGHTING
  * 12. SOURCE EDITOR → SYNTAX HIGHLIGHTING
  * 13. DRUID Infoboxes
  * 13. DRUID Infoboxes
  * 14. Меню настроек темы
  * 14. JS
  */
  */


Строка 74: Строка 74:
--font-size-xl: 120%;
--font-size-xl: 120%;
--font-size-xxl: 130%;
--font-size-xxl: 130%;
--font-size-huge: 140%;
--font-size-huge: 145%;
--font-size-giant: 200%;
--font-size-giant: 200%;


Строка 144: Строка 144:


/*== Стиль границ ==*/
/*== Стиль границ ==*/
--border-outset: 1px outset rgba(0, 0, 0, 0.3);
--border-outset: 1px outset rgba(0, 0, 0, 0.2);
--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m));
--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m));


Строка 607: Строка 607:
/* Апрельская тема  
/* Апрельская тема  
:root body.mediawiki:not(.wgl-theme-light) {
:root body.mediawiki:not(.wgl-theme-light) {
    --brightness-hsl: -1%;
--brightness-hsl: -1%;
    --theme-bg--hsl: 300deg 28%;
--theme-bg--hsl: 300deg 28%;
    --theme-bg--hsl-alpha: 12%;
--theme-bg--hsl-alpha: 12%;
    --color-contrast: #4d2aa7;
--color-contrast: #4d2aa7;
    --bg-color-code: #271a27;
--bg-color-code: #271a27;
    --bg-color-code-light: #2d1e2c;
--bg-color-code-light: #2d1e2c;
    --border-color-code: #412f3d;
--border-color-code: #412f3d;
    --theme-bg-color-base: #100910;
--theme-bg-color-base: #100910;
    --theme-bg-color-100: #19141f;
--theme-bg-color-100: #19141f;
    --ooui-bg--hsl: 185deg 40%;
--ooui-bg--hsl: 185deg 40%;
    --ooui-bg--hsl-alpha: 13%;
--ooui-bg--hsl-alpha: 13%;
}*/
}*/
/* #endregion */
/* #endregion */
Строка 1010: Строка 1010:
.mw-body h2 {
.mw-body h2 {
font-size: var(--font-size-huge);
font-size: var(--font-size-huge);
    font-weight: 500;
font-weight: 500;
    font-family: var(--font-family-heading);
font-family: var(--font-family-heading);
    margin-top: 1em;
margin-top: 1em;
    border-bottom: 2px solid var(--color-contrast);
border-bottom: 2px solid var(--color-contrast);
    margin-bottom: 0.33rem;
margin-bottom: 0.33rem;
    padding: 0.25rem 0.25rem 0.1rem;
padding: 0.25rem 0.25rem 0.1rem;
    line-height: 1.25;
line-height: 1.25;
}
}


.mw-body h3 {
.mw-body h3 {
font-size: var(--font-size-xl);
font-size: var(--font-size-xxl);
font-weight: 500;
font-weight: 500;
font-family: var(--font-family-heading);
font-family: var(--font-family-heading);
margin-top: 0.3em;
margin-top: 0.3em;
margin-bottom: 0.3em;
margin-bottom: 0.3em;
padding-bottom: 0;
padding-bottom: 0.3em;
line-height: 1.6;
padding-top: 0.5em;
padding-top: 0.5em;
}
.mw-body h3 .mw-headline {
display: inline-block;
position: relative;
}
.mw-body h3 .mw-headline:before {
content: '';
position: absolute;
bottom: -0.2em;
height: 2px;
width: calc(100% + 2em);
max-width: 85cqw;
background: linear-gradient(to right, hsl(from var(--color-contrast) h s l / 0.75) calc(100% - 2em), transparent 100%);
}
}


.mw-body h4,
.mw-body h4,
.mw-body h5 {
.mw-body h5 {
font-size: var(--font-size-ml);
font-size: var(--font-size-xl);
font-weight: 500;
font-weight: 500;
font-family: var(--font-family-heading);
font-family: var(--font-family-heading);
    padding-top: 0.5em;
padding-top: 0.5em;
    margin: 0;
margin: 0;
    margin-bottom: 0.3em;
margin-bottom: 0.3em;
}
}
/* #endregion */
/* #endregion */
Строка 1060: Строка 1074:
.navbox-subgroup {
.navbox-subgroup {
width: 100%;
width: 100%;
margin: 0 !important;
}
}
.navbox-group,
.navbox-group,
Строка 1143: Строка 1158:
/*=== Шаблон:Сущность ===*/
/*=== Шаблон:Сущность ===*/
.ts-Сущность {
.ts-Сущность {
    display: grid;
display: grid;
    gap: 6px;
gap: 6px;
    grid-template-columns: 1fr auto;
grid-template-columns: 1fr auto;
    justify-content: space-between;
justify-content: space-between;
    align-items: start;
align-items: start;
margin: 0.5em 0;
margin: 0.5em 0;
}
}


.ts-Сущность:has(.ts-Сущность-field:hover) {
.ts-Сущность:has(.ts-Сущность-field:hover) {
background: var(--theme-bg-color-150);
background: rgba(var(--color-lighter--rgb), 0.025);
}
}


Строка 1169: Строка 1184:
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
    justify-content: center;
justify-content: center;
gap: 8px;
gap: 8px;
padding: 10px 18px;
padding: 10px 18px;
Строка 1175: Строка 1190:
background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
    height: inherit;
height: inherit;
    box-sizing: border-box;
box-sizing: border-box;
   
--clip: 1em;  
--clip: 1em;  
clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)));
clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)));
Строка 1185: Строка 1200:
display: flex;
display: flex;
justify-content: space-between;
justify-content: space-between;
    align-items: center;
align-items: center;
gap: 8px;
gap: 8px;
}
}


.ts-Cut-layout__header-arrow {
.ts-Cut-layout__header-arrow {
    display: grid;
display: grid;
    grid-template-columns: 1fr auto 1fr;
grid-template-columns: 1fr auto 1fr;
    text-align: center;
text-align: center;
}
}


Строка 1256: Строка 1271:
/*=== VisualEditor ===*/
/*=== VisualEditor ===*/
.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
    border-right: 1px solid var(--border-color-hr);
border-right: 1px solid var(--border-color-hr);
}
}


.ve-ui-diffElement-attributeChange ins {
.ve-ui-diffElement-attributeChange ins {
    background-color: rgba(0, 174, 136, 0.5) !important;
background-color: rgba(0, 174, 136, 0.5) !important;
    box-shadow: 0 0 0 1px rgba(0, 174, 136, 0.5) !important;
box-shadow: 0 0 0 1px rgba(0, 174, 136, 0.5) !important;
}
}


.ve-ui-diffElement-attributeChange del {
.ve-ui-diffElement-attributeChange del {
    background-color: rgba(209, 29, 19, 0.5) !important;
background-color: rgba(209, 29, 19, 0.5) !important;
    box-shadow: 0 0 0 1px rgba(209, 29, 19, 0.5) !important;
box-shadow: 0 0 0 1px rgba(209, 29, 19, 0.5) !important;
}
}


Строка 1466: Строка 1481:
border-bottom-color: var(--bg-color-emerald-50);
border-bottom-color: var(--bg-color-emerald-50);
}
}
/*=== DataMaps ===*/
.ext-datamaps-container-content .ext-datamaps-container-leaflet {
    background: var(--theme-bg-color-base);
}
.oo-ui-panelLayout-framed {
    border-color: var(--theme-border-color-100);
}
.leaflet-interactionWarning-pane {
    background: rgba(var(--color-darkened--rgb), var(--alpha-m));
    color: var(--theme-text-color);
}
.ext-datamaps-container-status > :not(.oo-ui-widget) {
    background: rgba(var(--color-darkened--rgb), var(--alpha-m));
    color: var(--theme-text-color);
}
.cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active {
    background-color: var(--color-contrast-dark);
    color: var(--color-contrast);
    border-color: var(--color-contrast);
}
.cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover {
    color: var(--color-contrast);
    border-color: var(--color-contrast);
}
.cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled {
    background-color: var(--ooui-bg-color);
    color: var(--ooui-bg-color);
}
/* #endregion */
/* #endregion */


Строка 1870: Строка 1921:


/*=== Gallery ===*/
/*=== Gallery ===*/
.mw-body li.gallerybox div.thumb {
.mw-body li.gallerybox {
background: var(--theme-bg-color-150);
padding: 0.33em;
border-color: var(--theme-border-color-base);
margin: 0.33em;
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
background-color: var(--theme-bg-color-150);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
}
 
.mw-body li.gallerybox div.thumb {
background: #f8f9fa;
border: solid #eaecf0;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
padding: 0;
overflow: hidden;
background-color: var(--theme-bg-color-175);
border-color: transparent;
border-radius: var(--border-radius-low);
}
 
div.gallerytext {
padding: 0;
letter-spacing: 0.025em;
text-align: center;
}
}


Строка 1880: Строка 1951:
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
color: var(--theme-text-color);
color: var(--theme-text-color);
}
.mw-mmv-post-image {
color: var(--theme-text-color-dark);
}
}


Строка 2030: Строка 2105:
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.tabs-content {
width: 100%;
}
}


Строка 2035: Строка 2114:
ul#filetoc, .toc, .toccolours, .mw-warning {
ul#filetoc, .toc, .toccolours, .mw-warning {
border-radius: var(--border-radius-high);
border-radius: var(--border-radius-high);
    background: var(--theme-bg-color-150);
background: var(--theme-bg-color-150);
    padding: 12px;
padding: 8px 12px;
    margin: 12px 0;
margin: 12px 0;
    min-width: 12em;
min-width: 12em;
    box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
    line-height: 1.3;
line-height: 1.3;
    border: var(--border-outset-light);
border: var(--border-outset-light);
box-sizing: border-box;
}
 
.toccolours > p {
margin: 0;
}
}


Строка 2063: Строка 2147:
display: flex;
display: flex;
align-items: center;
align-items: center;
padding: 0;
}
}


Строка 2068: Строка 2153:
content: "";
content: "";
display: block;
display: block;
    width: 16px;
width: 16px;
    height: 14px;
height: 14px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
-webkit-mask: var(--mask);
Строка 2138: Строка 2223:
/* ============ */
/* ============ */


.js-project-menu {
/* Складной списки с кнопкой в ширину всего блока */
    display: inline-flex;
.collapsible-title {
    gap: 6px;
display: grid;
    font-size: var(--font-size-s);
}
}


.js-project-menu label {
.collapsible-title > *:not(.mw-collapsible-content) {
    user-select: none;
grid-row: 1;
    -webkit-user-drag: none;
grid-column: 1 / 3;
    transition-property: background,box-shadow;
}  
    transition-duration: var(--transition-time);
    cursor: pointer;
    padding: 0.2em 0.4em;
    font-weight: bold;
    border-bottom: solid 2px var(--theme-text-color-dark);
    border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
    color: var(--theme-text-color-dark);
    opacity: 0.75;
}


.js-project-menu input {
.collapsible-title > .mw-collapsible-content {
    display: none;
grid-row: 2;
grid-column: 1 / 3;
}
}


.js-project-menu input:checked + label,
/* Делает кнопку раскрытия складного списка в виде стрелочки */
.js-project-menu label:hover {
.collapsible-toggle-arrow::before {
    opacity: 1;
--wh-ratio: 1.5;
--w: 0.9em;
--h: calc(var(--w) / var(--wh-ratio));
content: "";
background-image: url(/images/1/12/Inverted_triangle.svg);
display: inline-block;
background-size: cover;
width: var(--w);
height: var(--h);
margin: 0 0.1em;
transition: transform 60ms ease;
}
}


.js-project-menu input:not(:checked) + label {
.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before {
    background: unset !important;
transform: rotate(-90deg);
}
}


.js-project-menu input#project-Corvax + label {
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
    color: var(--text-color-crimson);
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
    border-bottom-color: var(--text-color-crimson);
    background: var(--bg-color-pastel-red-dark);
}
 
.js-project-menu input#project-WL + label {
    color: var(--text-color-dark-salmon);
    border-bottom-color: var(--text-color-darksalmon);
}
 
.js-project-menu input#project-CM + label {
    color: var(--text-color-turquoise);
    border-bottom-color: var(--text-color-turquoise);
}
 
.js-project-menu input#project-Frontier + label {
    color: var(--text-color-violet);
    border-bottom-color: var(--text-color-violet);
}
 
.js-project-menu input#project-Fallout + label {
    color: var(--text-color-silver);
    border-bottom-color: var(--text-color-silver);
}
 
.js-project-menu input#project-SW + label {
    color: var(--text-color-crimson);
    border-bottom-color: var(--text-color-crimson);
    background: var(--bg-color-pastel-red-dark);
}
 
.js-project-menu input#project-Wega + label {
    color: var(--text-color-pink);
    border-bottom-color: var(--text-color-pink);
}
 
.js-project-menu input#project-Goob + label {
    color: var(--text-color-blue);
    border-bottom-color: var(--text-color-blue);
    background: var(--bg-color-blue-dark);
}
 
/* Складной списки с кнопкой в ширину всего блока */
.collapsible-title {
    display: grid;
}
 
.collapsible-title > *:not(.mw-collapsible-content) {
    grid-row: 1;
    grid-column: 1 / 3;
}
 
.collapsible-title > .mw-collapsible-content {
    grid-row: 2;
    grid-column: 1 / 3;
}
 
/* Делает кнопку раскрытия складного списка в виде стрелочки */
.collapsible-toggle-arrow::before {
    --wh-ratio: 1.5;
    --w: 0.9em;
    --h: calc(var(--w) / var(--wh-ratio));
    content: "";
    background-image: url(/images/1/12/Inverted_triangle.svg);
    display: inline-block;
    background-size: cover;
    width: var(--w);
    height: var(--h);
    margin: 0 0.1em;
    transition: transform 60ms ease;
}
 
.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before {
    transform: rotate(-90deg);
}
 
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
    display: none;
display: none;
}
}


Строка 3408: Строка 3417:


table.druid-container {
table.druid-container {
display: table;
background: var(--theme-bg-color-150);
background: var(--theme-bg-color-150);
float: right;
float: right;
Строка 3596: Строка 3606:


.druid-container td {
.druid-container td {
    max-width: 0;
max-width: 0;
}
}


Строка 3683: Строка 3693:


/* ============ */
/* ============ */
/* #region Меню настроек темы */
/* #region JS */
/* ============ */
/* ============ */


.theme-dropdown {
/* Переключатель проекта */
position: relative;
.js-project-menu {
display: inline-flex;
gap: 6px;
font-size: var(--font-size-s);
flex-wrap: wrap;
padding-bottom: 6px;
}
}


#personal-extra li,
.js-project-menu label {
#personal h2,
user-select: none;
.theme-dropdown-details {
-webkit-user-drag: none;
padding: 0.25em;
transition-property: background,box-shadow;
border-radius: var(--border-radius-medium);
transition-duration: var(--transition-time);
margin: 0;
cursor: pointer;
padding: 0.2em 0.4em;
font-weight: bold;
border-bottom: solid 2px var(--theme-text-color-dark);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
color: var(--theme-text-color-dark);
opacity: 0.75;
}
 
.js-project-menu input {
display: none;
}
}


.theme-dropdown-details[open] + .theme-window {
.js-project-menu input:checked + label,
visibility: visible;
.js-project-menu label:hover {
opacity: 1;
opacity: 1;
height: auto;
transform: scale(0.99999);
}
}


#personal .dropdown,
.js-project-menu input:not(:checked) + label {
.theme-dropdown .theme-window {
background: unset !important;
top: unset;
user-select: none;
position: absolute;
right: -14px;
width: 14.5rem;
background: var(--ooui-bg-color-darkened);
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-property: transform, opacity, visibility;
z-index: var(--index-high);
margin-top: 0.3rem;
border: 2px solid var(--ooui-bg-color-light);
border-top: 2px solid var(--ooui-border-color);
border-radius: var(--border-radius-low);
padding: 0.2em;
box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
}
}


#personal .dropdown::before,
.js-project-menu input#project-Corvax + label {
#personal .dropdown::after {
color: var(--text-color-crimson);
display: none;
border-bottom-color: var(--text-color-crimson);
background: var(--bg-color-pastel-red-dark);
}
}


.theme-dropdown .theme-window {
.js-project-menu input#project-WL + label {
overflow: hidden;
color: var(--text-color-dark-salmon);
opacity: 0;
border-bottom-color: var(--text-color-dark-salmon);
visibility: hidden;
background: var(--bg-color-rust-dark);
transform: scale(0.9);
transform-origin: top;
}
}


.theme-dropdown .theme-window * {
.js-project-menu input#project-CM + label {
user-select: none;
color: var(--text-color-turquoise);
user-drag: none;
border-bottom-color: var(--text-color-turquoise);
-webkit-user-drag: none;
background: var(--bg-color-emerald-dark);
}
}


#personal .dropdown label, #personal .dropdown h3,
.js-project-menu input#project-Frontier + label {
.theme-dropdown .theme-window__header {
color: var(--text-color-violet);
display: flex;
border-bottom-color: var(--text-color-violet);
align-items: center;
background: var(--bg-color-violet-dark);
gap: 4px;
position: relative;
height: 2rem;
font-size: var(--font-size-ml);
border-radius: var(--border-radius-low);
background-color: var(--color-contrast2);
font-weight: bold;
padding: 0 0.4em;
border-bottom: 2px solid var(--color-darkened-border);
flex-direction: row;
margin: 0;
}
}


#theme-preferences__content {
.js-project-menu input#project-Fallout + label {
display: flex;
color: var(--text-color-silver);
flex-direction: column;
border-bottom-color: var(--text-color-silver);
gap: 0.5em;
background: var(--bg-color-grey-dark);
}
}


#theme-preferences__content .theme-menu__heading {
.js-project-menu input#project-SW + label {
display: flex;
color: var(--text-color-crimson);
justify-content: center;
border-bottom-color: var(--text-color-crimson);
align-items: center;
background: var(--bg-color-pastel-red-dark);
font-weight: bold;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
}


#personal .dropdown ul,
.js-project-menu input#project-Wega + label {
#theme-preferences__content .theme-menu__content {
color: var(--text-color-pink);
padding: 0.5em;
border-bottom-color: var(--text-color-pink);
background: var(--bg-color-pink-dark);
}
}


.theme-dropdown .theme-window * {
.js-project-menu input#project-Goob + label {
user-select: none;
color: var(--text-color-blue);
user-drag: none;
border-bottom-color: var(--text-color-blue);
-webkit-user-drag: none;
background: var(--bg-color-blue-dark);
}
}


#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
@media screen and (max-width: 850px) {
.theme-dropdown .theme-window__content {
.js-project-menu {
position: relative;
font-size: var(--font-size-xs);
margin: 0.3em 0;
}
}
}


#personal .dropdown ul,
/* Меню настроек темы */
#theme-preferences__content .theme-menu {
.theme-dropdown {
background-color: var(--theme-bg-color-base);
border-radius: var(--border-radius-low);
}
 
#theme-preferences__content .theme-menu li {
margin: 0;
}
 
#personal .dropdown ul,
#theme-preferences__content .theme-menu form {
position: relative;
position: relative;
display: flex;
flex-direction: column;
gap: 0.5em;
text-align: center;
}
}


#personal .dropdown li,
#personal-extra li,
#theme-preferences__content .theme-client-prefs-radio {
#personal h2,
display: flex;
.theme-dropdown-details {
justify-content: center;
padding: 0.25em;
padding: 0;
border-radius: var(--border-radius-medium);
margin: 0;
margin: 0;
width: 100%;
}
}


#theme-preferences__content .theme-client-prefs-radio input {
.theme-dropdown-details[open] + .theme-window {
display: none;
visibility: visible;
opacity: 1;
height: auto;
transform: scale(0.99999);
}
}


#personal .dropdown li a,
#personal .dropdown,
#theme-preferences__content .theme-client-prefs-radio label {
.theme-dropdown .theme-window,
.mw-echo-ui-overlay .oo-ui-popupWidget-popup {
top: unset;
user-select: none;
user-select: none;
-webkit-user-drag: none;
position: absolute;
background: var(--ooui-bg-color-light);
min-width: 14.5rem;
border-radius: var(--border-radius-medium);
background: var(--ooui-bg-color-darkened);
transition-property: background, box-shadow;
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-duration: var(--transition-time);
cursor: pointer;
transition-property: transform, opacity, visibility;
flex-grow: 1;
z-index: var(--index-high);
align-content: center;
border: 2px solid var(--ooui-bg-color-light);
padding: 0.25em 0.5em;
border-top: 2px solid var(--ooui-border-color);
font-weight: bold;
border-radius: var(--border-radius-low);
border-top: 1px solid var(--color-lighter-alpha-x);
padding: 0.2em;
border-bottom: 2px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
color: var(--theme-text-color);
}
}


#theme-preferences__content .theme-client-prefs-radio input:checked + label {
#personal .dropdown,
background-color: var(--bg-color-message);
.theme-dropdown .theme-window {
right: -14px;
margin-top: 0.3rem;
}
}


#personal-extra li:hover,
#personal .dropdown::before,  
#personal h2:hover,
#personal .dropdown::after {
.theme-dropdown-details:hover,
display: none;
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--bg-color-hover);
}
}


.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.theme-dropdown .theme-window {
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
overflow: hidden;
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
opacity: 0;
background: var(--bg-color-focus);
visibility: hidden;
transform: scale(0.9);
transform-origin: top;
}
}


#personal-extra li:focus,
.theme-dropdown .theme-window * {
#personal.dropdown-active h2,
user-select: none;
.theme-dropdown-details[open] {
user-drag: none;
background-color: var(--bg-color-focus) !important;
-webkit-user-drag: none;
}
}


#personal h2::before,
#personal .dropdown label, #personal .dropdown h3,
#site-navigation h2,
.theme-dropdown .theme-window__header,
.theme-dropdown-summary {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
content: '';
display: flex;
cursor: pointer;
align-items: center;
background: var(--theme-icon-color);
gap: 4px;
mask-size: contain;
position: relative;
mask-position: center;
height: 2.2rem;
mask-repeat: no-repeat;
font-size: var(--font-size-ml);
width: var(--icon-size);
border-radius: var(--border-radius-low);
height: var(--icon-size);
background-color: var(--color-contrast2);
opacity: 1 !important;
font-weight: bold;
padding: 0 0.4em;
border-bottom: 2px solid var(--color-darkened-border);
flex-direction: row;
margin: 0;
margin: 0;
}  
}


.theme-dropdown-summary {
#theme-preferences__content {
mask-image: var(--icon-settings);
display: flex;
flex-direction: column;
gap: 0.5em;
}
}


#pt-notifications-alert .mw-echo-notifications-badge,
#theme-preferences__content .theme-menu__heading {
#pt-notifications-notice .mw-echo-notifications-badge {
display: flex;
width: var(--icon-size);
justify-content: center;
height: var(--icon-size);
align-items: center;
filter: var(--invert-100);
font-weight: bold;
background-size: cover;
height: 1.75rem;
margin: 0;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
}


#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
#personal .dropdown ul,
    background-color: var(--color-contrast);
#theme-preferences__content .theme-menu__content {
padding: 0.5em;
}
}


#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
.theme-dropdown .theme-window * {
opacity: 0.45;
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
}


#pt-notifications-alert .mw-echo-notifications-badge::after,
#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
#pt-notifications-notice .mw-echo-notifications-badge::after {
.theme-dropdown .theme-window__content {
filter: var(--invert-100);
position: relative;
margin: 0.3em 0;
}
}


@media screen and (max-width: 850px) {
#personal .dropdown ul,
#pt-notifications-alert .mw-echo-notifications-badge,
#theme-preferences__content .theme-menu {
#pt-notifications-notice .mw-echo-notifications-badge,
background-color: var(--theme-bg-color-base);
#personal h2::before,
border-radius: var(--border-radius-low);
#site-navigation h2,
.theme-dropdown-summary {
width: var(--icon-size-big);
height: var(--icon-size-big);
}
#personal .dropdown,
.theme-dropdown .theme-window {
right: 0;
}
#personal-extra {
position: unset;
}
}
}
/* #endregion */


/* ============ */
#theme-preferences__content .theme-menu li {
/* #region Интерфейс MediaWiki */
margin: 0;
/* ============ */
}


/* invert(1) */
#personal .dropdown ul,
.mw-editsection,
#theme-preferences__content .theme-menu form {
.mw-editsection a,
position: relative;
.dropdown-toggle::after,
display: grid;
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
gap: 0.5em;
.wikiEditor-ui-toolbar .tabs span.tab a::before,
text-align: center;
.wikiEditor-ui-toolbar .group .tool-select .label::after,
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
filter: var(--invert-100);
}
}


/* invert(0.75) */
#personal .dropdown li,
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success),
#theme-preferences__content .theme-client-prefs-radio {
.oo-ui-indicatorElement-indicator,
display: flex;
.cdx-icon svg,
justify-content: center;
.skin-invert img[role="presentation"] {
padding: 0;
filter: var(--invert-75) hue-rotate(180deg);
margin: 0;
width: 100%;
}
}


body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
#theme-preferences__content .theme-client-prefs-radio input {
body.wgl-theme-ss14 .oo-ui-icon-linked {
display: none;
filter: var(--invert-75);
}
}


/* invert(0) */
#personal .dropdown li a,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
#theme-preferences__content .theme-client-prefs-radio label {
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
user-select: none;
filter: var(--invert-0);
-webkit-user-drag: none;
background: var(--ooui-bg-color-light);
border-radius: var(--border-radius-medium);
transition-property: background, box-shadow;
transition-duration: var(--transition-time);
cursor: pointer;
flex-grow: 1;
align-content: center;
padding: 0.25em 0.5em;
font-weight: bold;
border-top: 1px solid var(--color-lighter-alpha-x);
border-bottom: 2px solid var(--color-darkened-border);
color: var(--theme-text-color);
}
}


body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
background-color: var(--bg-color-message);
filter: var(--invert-0) !important;
}
 
#personal-extra li:hover,
#personal h2:hover,
.theme-dropdown-details:hover,
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--bg-color-hover);
}
 
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
background: var(--bg-color-focus);
}
 
#personal-extra li:focus,
#personal.dropdown-active h2,
.theme-dropdown-details[open] {
background-color: var(--bg-color-focus) !important;
}
}


/* icon color */
#personal h2::before,
#mw-indicator-mw-helplink a .mw-helplink-icon,
#site-navigation h2,
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
.theme-dropdown-summary {
content: '';
cursor: pointer;
background: var(--theme-icon-color);
background: var(--theme-icon-color);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
width: var(--icon-size);
height: var(--icon-size);
opacity: 1 !important;
margin: 0;
}
.theme-dropdown-summary {
mask-image: var(--icon-settings);
}
}


/* background */
#pt-notifications-alert .mw-echo-notifications-badge,
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
#pt-notifications-notice .mw-echo-notifications-badge {
.mw-prefs-buttons,
width: var(--icon-size);
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
height: var(--icon-size);
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
filter: var(--invert-100);
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
background-size: cover;
.oo-ui-dropdownWidget,
margin: 0;
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
 
.mw-datatable td,
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
.oo-ui-tabSelectWidget-framed,
background-color: var(--color-contrast);
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
}
.growthexperiments-homepage-module-startemail,
 
.mw-ge-startediting-dialog-progress,
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
opacity: 0.45;
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
}
.ve-ui-toolbarDialog,
 
.mw-echo-ui-notificationItemWidget:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after,
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
#pt-notifications-notice .mw-echo-notifications-badge::after {
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
filter: var(--invert-100);
.footer-icons a:hover,
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
 
.mw-special-Contribute .mw-contribute-card,
@media screen and (max-width: 850px) {
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
#pt-notifications-alert .mw-echo-notifications-badge,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
#pt-notifications-notice .mw-echo-notifications-badge,
.ext-templatewizard-templatetitlebar,
#personal h2::before,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
#site-navigation h2,
.mw-ge-help-panel-home-button,
.theme-dropdown-summary {
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
width: var(--icon-size-big);
span.fileinput-button,
height: var(--icon-size-big);
.ace_button,
}
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
#personal .dropdown,  
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.theme-dropdown .theme-window {
.growthexperiments-homepage-module,
right: 0;
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
}
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
.ace_optionsMenuEntry button,
#personal-extra {
.ace_optionsMenuEntry button[ace_selected_button=true],
position: unset;
.wikiEditor-ui-toolbar,
}
.ace_search_field,
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
/* #endregion */
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
 
.quickbox,
/* ============ */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
/* #region Интерфейс MediaWiki */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
/* ============ */
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
 
.mw-rcfilters-ui-menuSelectWidget-footer,
/* invert(1) */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-editsection,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-editsection a,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.dropdown-toggle::after,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.wikiEditor-ui-toolbar .tabs span.tab a::before,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar .group .tool-select .label::after,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
filter: var(--invert-100);
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.mw-widget-dateInputWidget-handle,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
#mw-scribunto-input,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions,
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog__header--default,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer,
.ext-communityConfiguration-JsonForm__footer-wrapper,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-bar,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-body-content .recent-questions-growthexperiments-mentor-questions, .overlay-content .recent-questions-growthexperiments-mentor-questions, .content .recent-questions-growthexperiments-mentor-questions,
.mwe-vue-pt-article-row-even,
.cdx-toggle-button--framed:enabled,
.ve-ui-mwTransclusionOutlineControlsWidget {
background: var(--ooui-bg-color);
}
}


.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
/* invert(0.75) */
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success),  
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-indicatorElement-indicator,  
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.cdx-icon svg,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.skin-invert img[role="presentation"] {
.ace_mobile-button:active,
filter: var(--invert-75) hue-rotate(180deg);
.ace_mobile-button:hover,
}
.ace_searchbtn:hover,
 
.ext-templatewizard-templateform .oo-ui-menuLayout-content,
body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
.mw-echo-ui-notificationItemWidget,
body.wgl-theme-ss14 .oo-ui-icon-linked {
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td,
filter: var(--invert-75);
.ext-discussiontools-ui-replyWidget-preview,
#preferences .mw-htmlform-submit-buttons,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-popupWidget-popup,
.ui-widget-header,
.ui-widget-content,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group,
.ext-growthExperiments-MenteeFilters__form,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-input-chip,
.ve-init-mw-progressBarWidget,
.mwe-vue-pt-showing-filter-chip,
.mw-twocolconflict-single-column, .mw-twocolconflict-split-column,
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
background: var(--ooui-bg-color-dark);
}
}


/* invert(0) */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.cdx-checkbox__icon,
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
.cdx-radio__icon {
filter: var(--invert-0);
background-color: var(--ooui-bg-color-dark);
}
}


.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
.mw-special-Contribute .mw-contribute-tabs-content,
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
.mw-echo-ui-placeholderItemWidget,
filter: var(--invert-0) !important;
.mw-ge-startediting-dialog-intro-general,
}
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results,
.mw-rcfilters-ui-tagItemWidget-popup-content,
#ace_settingsmenu, #kbshortcutmenu,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.wikiEditor-toolbar-dialog .ui-dialog-content,
.cdx-dialog,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-toggleSwitchWidget,
#mwe-vue-pt-control-dropdown {
background-color: var(--ooui-bg-color-darkened);
}


.mw-rcfilters-ui-filterMenuSectionOptionWidget,
/* icon color */
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
#mw-indicator-mw-helplink a .mw-helplink-icon,
#ca-nstab-special.selected.mw-list-item,
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line,
.cdx-message--notice .cdx-message__icon {
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered,
background: var(--theme-icon-color);
.mw-datatable tr:hover td,
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.thumbinner,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.ace-tm .ace_gutter-active-line,
.cdx-input-chip:not(.cdx-input-chip--disabled):hover,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.mwe-vue-pt-control-gradient,
.cdx-toggle-button--framed:enabled:hover,
.mwe-vue-pt-navigation-bar,
#mwe-vue-pt-stats-navigation {
background: var(--ooui-bg-color-light);
}
}


.wikiEditor-ui-toolbar .booklet > .index > :hover,
/* background */
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.mw-highlight .hll,  
.mw-prefs-buttons,
.ace_button:hover:not(.checked),
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
.ace_button:active,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-dropdownWidget,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
background: var(--bg-color-hover);
.mw-datatable td,
}
.oo-ui-tabSelectWidget-framed,
 
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.oo-ui-menuSelectWidget,
.growthexperiments-homepage-module-startemail,
.oo-ui-popupToolGroup-tools,
.mw-ge-startediting-dialog-progress,
.mw-widget-dateInputWidget-calendar,
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
.mw-widgets-datetime-calendarWidget,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
.cdx-menu {
.ve-ui-toolbarDialog,
background: var(--ooui-gradient);
.mw-echo-ui-notificationItemWidget:hover,
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
 
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.footer-icons a:hover,
.mw-apisandbox-toolbar,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
form:not(.oo-ui-layout) fieldset,
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-WikiEditor-realtimepreview-button:hover,
.ext-templatewizard-templatetitlebar,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.ext-discussiontools-init-publishedcomment {
.mw-ge-help-panel-home-button,
background: transparent;
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
}
span.fileinput-button,
 
.ace_button,
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.ace_searchbtn,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
#pagehistory li.selected,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
.growthexperiments-homepage-module,
background: var(--bg-color-emerald-subtle);
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
}
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
 
.ace_optionsMenuEntry button,
.approved-revision {
.ace_optionsMenuEntry button[ace_selected_button=true],
background: var(--bg-color-emerald-subtle) !important;
.wikiEditor-ui-toolbar,
}
.ace_search_field,
 
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.cdx-message--success,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
.quickbox,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
background-color: var(--bg-color-message);
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
}
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
 
.mw-rcfilters-ui-menuSelectWidget-footer,
ul.fileupload-results li.ful-success,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
#mwe-vue-pt-stats-navigation,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-notification.mw-notification-type-success,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
background: var(--bg-color-message);
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.mw-widget-dateInputWidget-handle,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
#mw-scribunto-input,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions,
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog__header--default,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer,
.ext-communityConfiguration-JsonForm__footer-wrapper,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-bar,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-body-content .recent-questions-growthexperiments-mentor-questions, .overlay-content .recent-questions-growthexperiments-mentor-questions, .content .recent-questions-growthexperiments-mentor-questions,
.mwe-vue-pt-article-row-even,
.cdx-toggle-button--framed:enabled,
.ve-ui-mwTransclusionOutlineControlsWidget,
.cdx-message {
background: var(--ooui-bg-color);
}
}


.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type='radio'] + span,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange {
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,
background-color: var(--bg-color-message-subtle);
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ace_mobile-button:active,
.ace_mobile-button:hover,
.ace_searchbtn:hover,
.ext-templatewizard-templateform .oo-ui-menuLayout-content,
.mw-echo-ui-notificationItemWidget,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td,
.ext-discussiontools-ui-replyWidget-preview,
#preferences .mw-htmlform-submit-buttons,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-popupWidget-popup,
.ui-widget-header,
.ui-widget-content,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group,
.ext-growthExperiments-MenteeFilters__form,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-input-chip,
.ve-init-mw-progressBarWidget,
.mwe-vue-pt-showing-filter-chip,
.mw-twocolconflict-single-column, .mw-twocolconflict-split-column,
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
background: var(--ooui-bg-color-dark);
}
}


.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
background: var(--bg-color-blue-dark);
.cdx-checkbox__icon,
.cdx-radio__icon {
background-color: var(--ooui-bg-color-dark);
}
}


.mw-echo-ui-notificationItemWidget-unread,
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.mw-special-Contribute .mw-contribute-tabs-content,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-echo-ui-placeholderItemWidget,
.ext-growthExperiments-ScoreCard,
.mw-ge-startediting-dialog-intro-general,
.ext-growthExperiments-MenteeOverview__no-results,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.oo-ui-searchWidget-results,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ext-communityConfiguration-Guidelines__Guideline {
#ace_settingsmenu, #kbshortcutmenu,
background-color: var(--bg-color-notice-subtle);
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.wikiEditor-toolbar-dialog .ui-dialog-content,
.cdx-dialog,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-toggleSwitchWidget,
#mwe-vue-pt-control-dropdown {
background-color: var(--ooui-bg-color-darkened);
}
}


.mw-echo-ui-notificationItemWidget-unread:hover {
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
background: var(--bg-color-notice);
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
#ca-nstab-special.selected.mw-list-item,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line,
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered,
.mw-datatable tr:hover td,
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.thumbinner,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.ace-tm .ace_gutter-active-line,
.cdx-input-chip:not(.cdx-input-chip--disabled):hover,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.mwe-vue-pt-control-gradient,
.cdx-toggle-button--framed:enabled:hover,
.mwe-vue-pt-navigation-bar,
#mwe-vue-pt-stats-navigation {
background: var(--ooui-bg-color-light);
}
}


.wikiEditor-ui-text {
.wikiEditor-ui-toolbar .booklet > .index > :hover,
background: var(--theme-bg-color-base);
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-highlight .hll,
.ace_button:hover:not(.checked),
.ace_button:active,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
background: var(--bg-color-hover);
}
}


.ext-WikiEditor-ResizingDragBar,
.oo-ui-menuSelectWidget,
.ace_search,
.oo-ui-popupToolGroup-tools,
.editOptions, .mw-editform .editOptions {
.mw-widget-dateInputWidget-calendar,
background: var(--theme-bg-color-100);
.mw-widgets-datetime-calendarWidget,
.cdx-menu {
background: var(--ooui-gradient);
}
}


.ext-WikiEditor-ResizingDragBar span,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-revslider-revision,
.mw-apisandbox-toolbar,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
form:not(.oo-ui-layout) fieldset,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
background: var(--ooui-border-color);
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.ext-WikiEditor-realtimepreview-button:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.ext-discussiontools-init-publishedcomment {
background: transparent;
}
}


body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
background: var(--border-color-hr);
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
#pagehistory li.selected,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: var(--bg-color-emerald-subtle);
}
}


.oo-ui-windowManager-modal > .oo-ui-dialog,
.approved-revision {
.oo-ui-processDialog-errors,
background: var(--bg-color-emerald-subtle) !important;
.cdx-dialog-backdrop {
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
}
}


.mw-ui-button:not(:disabled):hover {
.cdx-message--success,
background-color: var(--theme-border-color-base);
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background-color: var(--bg-color-message);
}
}


.mw-ui-button {
ul.fileupload-results li.ful-success,
background-color: var(--theme-bg-color-200);
#mwe-vue-pt-stats-navigation,
.mw-notification.mw-notification-type-success,
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label,
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
background: var(--bg-color-message);
}
}


.cdx-message--warning,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type='radio'] + span,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange {
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label,
background-color: var(--bg-color-message-subtle);
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
background: var(--bg-color-warning);
}
}


.cdx-message--error,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
background: var(--bg-color-blue-dark);
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover {
background: var(--bg-color-error);
}
}


.mwe-vue-pt-problem-chip {
.mw-echo-ui-notificationItemWidget-unread,
background: var(--bg-color-error-subtle);
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.ext-growthExperiments-ScoreCard,
.ext-growthExperiments-MenteeOverview__no-results,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.ext-communityConfiguration-Guidelines__Guideline {
background-color: var(--bg-color-notice-subtle);
}
}


.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: var(--border-color-error);
background: var(--bg-color-notice);
}
}


.mw-notification.mw-notification-type-warn,
.wikiEditor-ui-text {
.mw-destfile-warning,
background: var(--theme-bg-color-base);
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type='radio'] + span,
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
 
background-color: var(--bg-color-warning-subtle);
.ext-WikiEditor-ResizingDragBar,
.ace_search,
.editOptions, .mw-editform .editOptions {
background: var(--theme-bg-color-100);
}
}


/* border */
.ext-WikiEditor-ResizingDragBar span,
.wikiEditor-ui .wikiEditor-ui-top,
.mw-revslider-revision,
.ext-WikiEditor-ResizingDragBar-ns,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-apisandbox-help-field,
.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty),
.mw-echo-ui-crossWikiUnreadFilterWidget,
.mw-echo-ui-notificationItemWidget:not(:last-child),
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
.mw-notification,
background: var(--ooui-border-color);
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
 
.mw-templateData-template-map-list-menu-panel,
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.oo-ui-menuSelectWidget,
background: var(--border-color-hr);
.oo-ui-popupToolGroup-tools,
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
 
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.oo-ui-windowManager-modal > .oo-ui-dialog,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-processDialog-errors,
.mw-widget-dateInputWidget-calendar,
.cdx-dialog-backdrop {
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
 
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.mw-ui-button:not(:disabled):hover {
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
background-color: var(--theme-border-color-base);
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
}
.mw-widget-dateInputWidget-handle,
 
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.mw-ui-button {
div.editOptions,
background-color: var(--theme-bg-color-200);
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2,
.oo-ui-menuToolGroup,
.ve-ui-mwHelpListToolGroup-tools-footer,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mwe-vue-pt-article-row,
.ve-ui-mwTransclusionOutlineControlsWidget {
border-color: var(--ooui-border-color);
}
}


.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.cdx-message--warning,
.wikiEditor-ui-toolbar .sections .section,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-revslider-container,
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label,
.mw-revslider-slider-wrapper,
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
#mw-searchoptions .divider,
background: var(--bg-color-warning);
.ace_searchbtn:last-child,
}
.wikiEditor-ui .wikiEditor-ui-view,
 
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.cdx-message--error,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.ve-ui-symbolListPage-symbol,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative,
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover {
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
background: var(--bg-color-error);
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
}
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
 
span.fileinput-button,
.mwe-vue-pt-problem-chip {
.ace_button,
background: var(--bg-color-error-subtle);
.ace_searchbtn,
}
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
.growthexperiments-homepage-module,
background-color: var(--border-color-error);
.oo-ui-toggleSwitchWidget,
}
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
 
.oo-ui-searchWidget-query,
.mw-notification.mw-notification-type-warn,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-destfile-warning,
.mw-ge-help-panel-popup .oo-ui-dialog,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type='radio'] + span,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
background-color: var(--bg-color-warning-subtle);
.ext-templatewizard-templatetitlebar,
}
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.ace_search_field,
.ace_search,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-calendarWidget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.ext-growthExperiments-MenteeFilters__form,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-input-chip,
.ext-communityConfiguration-Features__Feature,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon,
.cdx-toggle-button--framed:enabled,
.cdx-info-chip,
#mwe-vue-pt-control-dropdown,
.cdx-radio__input:enabled+.cdx-radio__icon,
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
border-color: var(--ooui-border-color-light);
}


.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
/* border */
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
.wikiEditor-ui .wikiEditor-ui-top,
.mw-revslider-revision-border-box,
.ext-WikiEditor-ResizingDragBar-ns,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.mw-apisandbox-help-field,
.mw-rcfilters-ui-datePopupWidget,
.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty),
.oo-ui-searchWidget-query,
.mw-echo-ui-crossWikiUnreadFilterWidget,
.ext-replacetext-searchoptions .ext-replacetext-divider,
.mw-echo-ui-notificationItemWidget:not(:last-child),
.ve-ui-symbolListPage-symbol:hover,
.footer-icons a:hover,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
#preferences .mw-htmlform-submit-buttons,
.mw-special-Contribute .mw-contribute-card,
.mw-revslider-revision,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ext-templatewizard-templatetitlebar,
.ext-growthExperiments-HorizontalDivider,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.mw-ge-help-panel-home-button,
.ext-communityConfiguration-JsonForm__footer,
.ace_editor.ace_autocomplete,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover,
.ext-growthExperiments-CPopper__popover,
.cdx-text-input__input:enabled:hover,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.ext-discussiontools-emptystate:not(:first-child),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.wikiEditor-ui-toolbar .page-table td {
.mw-notification,
border-color: var(--border-color-hr);
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
 
.mw-templateData-template-map-list-menu-panel,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
.oo-ui-menuSelectWidget,
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-popupToolGroup-tools,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
.mw-rcfilters-ui-menuSelectWidget-footer,
border-color: transparent;
.mw-widget-dateInputWidget-calendar,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-widget-dateInputWidget-handle,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2,
.oo-ui-menuToolGroup,
.ve-ui-mwHelpListToolGroup-tools-footer,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mwe-vue-pt-article-row,
.ve-ui-mwTransclusionOutlineControlsWidget {
border-color: var(--ooui-border-color);
}
}


.cdx-message--success,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.wikiEditor-ui-toolbar .sections .section,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success,
.mw-revslider-container,  
#mwe-vue-pt-stats-navigation,
.mw-revslider-slider-wrapper,
.mw-notification.mw-notification-type-success,
#mw-searchoptions .divider,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add,
.ace_searchbtn:last-child,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type='radio'] + span {
.wikiEditor-ui .wikiEditor-ui-view,
border-color: var(--border-color-message);
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
 
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
.ve-ui-symbolListPage-symbol,
.cdx-message--warning,
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete,
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type='radio'] + span {
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
border-color: var(--border-color-warning);
span.fileinput-button,
}
.ace_button,
 
.ace_searchbtn,
.mw-ui-button:not(:disabled) {
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
border-color: var(--theme-border-color-base);
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
}
.growthexperiments-homepage-module,
 
.oo-ui-toggleSwitchWidget,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
border-color: var(--ooui-bg-color);
.oo-ui-searchWidget-query,
}
.mw-ge-startediting-dialog-difficulty-banner,
 
.mw-ge-help-panel-popup .oo-ui-dialog,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-growthExperiments-ScoreCard,
.ext-templatewizard-templatetitlebar,
.ext-growthExperiments-MenteeOverview__no-results {
.mw-rcfilters-ui-tagItemWidget-popup-content,
border-color: var(--bg-color-notice);
.ace_optionsMenuEntry button,
}
.ace_optionsMenuEntry button[ace_selected_button=true],
 
.ace_search_field,
.cdx-message--error,
.ace_search,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.mw-ui-button.mw-ui-destructive:not(:disabled),
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.mw-ui-button.mw-ui-destructive:not(:disabled):hover,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.mwe-vue-pt-problem-chip {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
border-color: var(--border-color-error);
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-calendarWidget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.ext-growthExperiments-MenteeFilters__form,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-input-chip,
.ext-communityConfiguration-Features__Feature,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon,
.cdx-toggle-button--framed:enabled,
.cdx-info-chip,
#mwe-vue-pt-control-dropdown,
.cdx-radio__input:enabled+.cdx-radio__icon,
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy,
.cdx-message {
border-color: var(--ooui-border-color-light);
}
}


.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
border-right-color: var(--ooui-border-color);
.mw-revslider-revision-border-box,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.mw-rcfilters-ui-datePopupWidget,
.oo-ui-searchWidget-query,
.ext-replacetext-searchoptions .ext-replacetext-divider,
.ve-ui-symbolListPage-symbol:hover,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
#preferences .mw-htmlform-submit-buttons,
.mw-revslider-revision,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ext-growthExperiments-HorizontalDivider,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.ext-communityConfiguration-JsonForm__footer,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover,
.cdx-text-input__input:enabled:hover,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ext-discussiontools-emptystate:not(:first-child),
.wikiEditor-ui-toolbar .page-table td {
border-color: var(--border-color-hr);
}
}


.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
border-left-color: var(--ooui-border-color);
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
border-color: transparent;
}
}


.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
.cdx-message--success,
border: 1px solid var(--ooui-border-color);
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success,
#mwe-vue-pt-stats-navigation,
.mw-notification.mw-notification-type-success,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type='radio'] + span {
border-color: var(--border-color-message);
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type='radio'] + span {
border-color: var(--border-color-warning);
}
 
.mw-ui-button:not(:disabled) {
border-color: var(--theme-border-color-base);
}
 
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border-color: var(--ooui-bg-color);
}
 
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.ext-growthExperiments-ScoreCard,
.ext-growthExperiments-MenteeOverview__no-results {
border-color: var(--bg-color-notice);
}
 
.cdx-message--error,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled):hover,
.mwe-vue-pt-problem-chip {
border-color: var(--border-color-error);
}
 
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
border-right-color: var(--ooui-border-color);
}
 
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-left-color: var(--ooui-border-color);
}
 
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
border: 1px solid var(--ooui-border-color);
}
 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
border: 1px solid var(--border-color-hr);
border: 1px solid var(--border-color-hr);
}
}
Строка 4747: Строка 4854:
.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on,
.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on,
.mwe-vue-pt-snippet,
.mwe-vue-pt-snippet,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected {
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected,
.mw-special-Listfiles .TablePager_col_img_user_text, .mw-special-Listfiles .TablePager_col_img_description {
color: var(--ooui-text-color-dark);
color: var(--ooui-text-color-dark);
}
}
Строка 4960: Строка 5068:
/* Остальное */
/* Остальное */
.mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade {
.mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade {
    background-image: linear-gradient(rgba(255, 255, 255, 0), var(--ooui-bg-color-light));
background-image: linear-gradient(rgba(255, 255, 255, 0), var(--ooui-bg-color-light));
}
}


Строка 5020: Строка 5128:
}
}
   
   
.mw-changeslist-legend {
.mw-changeslist-legend,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget {
display: none;
display: none;
}
}
Строка 5473: Строка 5582:
/* COM */
/* COM */
#COM.wikitable {
#COM.wikitable {
border: 1px solid var(--bg-color-blue-subtle);
border: 1px solid var(--bg-color-blue-100);
}
}


#COM.wikitable th {
#COM.wikitable th {
background: var(--bg-color-blue-150);
background: var(--bg-color-blue-100);
}
}


Строка 5483: Строка 5592:
#COM.wikitable:not(:has(thead)) tr:first-of-type th {
#COM.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-blue-100);
background: var(--bg-color-blue-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5491: Строка 5600:
#COM.wikitable thead + tbody > tr th:first-child {
#COM.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#COM.wikitable tr td {
background: var(--bg-color-blue-subtle);
}
}


/* MED */
/* MED */
#MED.wikitable {
#MED.wikitable {
border: 1px solid var(--bg-color-sky-blue-subtle);
border: 1px solid var(--bg-color-sky-blue-100);
}
}


#MED.wikitable th {
#MED.wikitable th {
background: var(--bg-color-sky-blue-150);
background: var(--bg-color-sky-blue-100);
}
}
Строка 5509: Строка 5614:
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-sky-blue-100);
background: var(--bg-color-sky-blue-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5517: Строка 5622:
#MED.wikitable thead + tbody > tr th:first-child {
#MED.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#MED.wikitable tr td {
background: var(--bg-color-sky-blue-subtle);
}
}


/* SRV */
/* SRV */
#SRV.wikitable {
#SRV.wikitable {
border: 1px solid var(--bg-color-green-subtle);
border: 1px solid var(--bg-color-green-100);
}
}


#SRV.wikitable th {
#SRV.wikitable th {
background: var(--bg-color-green-150);
background: var(--bg-color-green-100);
}
}


Строка 5535: Строка 5636:
#SRV.wikitable:not(:has(thead)) tr:first-of-type th {
#SRV.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-green-100);
background: var(--bg-color-green-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5543: Строка 5644:
#SRV.wikitable thead + tbody > tr th:first-child {
#SRV.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#SRV.wikitable tr td {
background: var(--bg-color-green-subtle);
}
}


/* ENG */
/* ENG */
#ENG.wikitable {
#ENG.wikitable {
border: 1px solid var(--bg-color-yellow-subtle);
border: 1px solid var(--bg-color-yellow-100);
}
}


#ENG.wikitable th {
#ENG.wikitable th {
background: var(--bg-color-yellow-150);
background: var(--bg-color-yellow-100);
}
}


Строка 5561: Строка 5658:
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-yellow-100);
background: var(--bg-color-yellow-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5569: Строка 5666:
#ENG.wikitable thead + tbody > tr th:first-child {
#ENG.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#ENG.wikitable tr td {
background: var(--bg-color-yellow-subtle);
}
}


/* RND */
/* RND */
#RND.wikitable {
#RND.wikitable {
border: 1px solid var(--bg-color-purple-subtle);
border: 1px solid var(--bg-color-purple-100);
}
}


#RND.wikitable th {
#RND.wikitable th {
background: var(--bg-color-purple-150);
background: var(--bg-color-purple-100);
}
}


Строка 5587: Строка 5680:
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-purple-100);
background: var(--bg-color-purple-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5595: Строка 5688:
#RND.wikitable thead + tbody > tr th:first-child {
#RND.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#RND.wikitable tr td {
background: var(--bg-color-purple-subtle);
}
}


/* SUP */
/* SUP */
#SUP.wikitable {
#SUP.wikitable {
border: 1px solid var(--bg-color-brown-subtle);
border: 1px solid var(--bg-color-brown-100);
}
}


#SUP.wikitable th {
#SUP.wikitable th {
background: var(--bg-color-brown-150);
background: var(--bg-color-brown-100);
}
}


Строка 5613: Строка 5702:
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-brown-100);
background: var(--bg-color-brown-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5621: Строка 5710:
#SUP.wikitable thead + tbody > tr th:first-child {
#SUP.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#SUP.wikitable tr td {
background: var(--bg-color-brown-subtle);
}
}


/* SEC */
/* SEC */
#SEC.wikitable {
#SEC.wikitable {
border: 1px solid var(--bg-color-red-subtle);
border: 1px solid var(--bg-color-red-100);
}
}


#SEC.wikitable th {
#SEC.wikitable th {
background: var(--bg-color-red-150);
background: var(--bg-color-red-100);
}
}


Строка 5639: Строка 5724:
#SEC.wikitable:not(:has(thead)) tr:first-of-type th {
#SEC.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-red-100);
background: var(--bg-color-red-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5647: Строка 5732:
#SEC.wikitable thead + tbody > tr th:first-child {
#SEC.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#SEC.wikitable tr td {
background: var(--bg-color-red-subtle);
}
}


/* BOTANY */
/* BOTANY */
#BOTANY.wikitable {
#BOTANY.wikitable {
border: 1px solid var(--bg-color-emerald-subtle);
border: 1px solid var(--bg-color-emerald-100);
}
}


#BOTANY.wikitable th {
#BOTANY.wikitable th {
background: var(--bg-color-emerald-150);
background: var(--bg-color-emerald-100);
}
}


Строка 5665: Строка 5746:
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-emerald-100);
background: var(--bg-color-emerald-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5673: Строка 5754:
#BOTANY.wikitable thead + tbody > tr th:first-child {
#BOTANY.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#BOTANY.wikitable tr td {
background: var(--bg-color-emerald-subtle);
}
}


/* MUTATION */
/* MUTATION */
#MUTATION.wikitable {
#MUTATION.wikitable {
border: 1px solid var(--bg-color-violet-subtle);
border: 1px solid var(--bg-color-violet-100);
}
}


#MUTATION.wikitable th {
#MUTATION.wikitable th {
background: var(--bg-color-violet-150);
background: var(--bg-color-violet-100);
}
}


Строка 5691: Строка 5768:
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-violet-100);
background: var(--bg-color-violet-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5699: Строка 5776:
#MUTATION.wikitable thead + tbody > tr th:first-child {
#MUTATION.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#MUTATION.wikitable tr td {
background: var(--bg-color-violet-subtle);
}
}


Строка 5712: Строка 5785:
background: var(--theme-bg-color-300);
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5729: Строка 5802:
background: var(--theme-bg-color-300);
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5740: Строка 5813:
/* Холодный цвет ячеек */
/* Холодный цвет ячеек */
#highlighted-header-cold.wikitable {
#highlighted-header-cold.wikitable {
border: 1px solid var(--bg-color-azure-subtle);
border: 1px solid var(--bg-color-azure-100);
}
}


#highlighted-header-cold.wikitable th {
#highlighted-header-cold.wikitable th {
background: var(--bg-color-azure-150);
background: var(--bg-color-azure-100);
}
}


Строка 5750: Строка 5823:
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-azure-100);
background: var(--bg-color-azure-50);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5758: Строка 5831:
#highlighted-header-cold.wikitable thead + tbody > tr th:first-child {
#highlighted-header-cold.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
#highlighted-header-cold.wikitable tr td {
background: var(--bg-color-azure-subtle);
}
}


Строка 5770: Строка 5839:
background: var(--theme-bg-color-300);
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


Строка 5779: Строка 5848:
}
}


/* Палитра для Морпехов TODO: палитра в переменных */
/* Палитра для Фоллаута */
#highlighted-header-Fallout.wikitable thead tr th,
#highlighted-header-Fallout.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background: var(--theme-bg-color-300);
    border-bottom: 3px solid var(--color-darkened-border);
    box-shadow:  var(--box-shadow-medium);
}
 
#highlighted-header-Fallout.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-Fallout.wikitable thead + tbody > tr th {
    background: var(--bg-color-orange-subtle);
    border-left: 3px solid var(--color-darkened-border);
}
 
/* Палитра для Морпехов */
#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: #313d45;
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);
Строка 5790: Строка 5874:
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-CM.wikitable thead + tbody > tr th {
#highlighted-header-CM.wikitable thead + tbody > tr th {
background: #355f54;
background: var(--bg-color-pastel-turquoise-50);
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
}
Строка 6003: Строка 6087:
.client-js *.noscript {
.client-js *.noscript {
display: none;
display: none;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth; /* Ignore unknown property warning */
  }
}
}