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

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


Строка 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-xxl);
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.3em;
padding-bottom: 0.3em;
    padding-top: 0.5em;
padding-top: 0.5em;
}
}


.mw-body h3 .mw-headline {
.mw-body h3 .mw-headline {
    display: inline-block;
display: inline-block;
    position: relative;
position: relative;
}
}


.mw-body h3 .mw-headline:before {
.mw-body h3 .mw-headline:before {
content: '';
content: '';
    position: absolute;
position: absolute;
    bottom: -0.2em;
bottom: -0.2em;
    height: 2px;
height: 2px;
    width: calc(100% + 2em);
width: calc(100% + 2em);
    max-width: 85cqw;
max-width: 85cqw;
    background: linear-gradient(to right, hsl(from var(--color-contrast) h s l / 0.75) calc(100% - 2em), transparent 100%);
background: linear-gradient(to right, hsl(from var(--color-contrast) h s l / 0.75) calc(100% - 2em), transparent 100%);
}
}


Строка 1049: Строка 1049:
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 */
Строка 1074: Строка 1074:
.navbox-subgroup {
.navbox-subgroup {
width: 100%;
width: 100%;
margin: 0 !important;
}
}
.navbox-group,
.navbox-group,
Строка 1157: Строка 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;
}
}
Строка 1183: Строка 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;
Строка 1189: Строка 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)));
Строка 1199: Строка 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;
}
}


Строка 1270: Строка 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;
}
}


Строка 1885: Строка 1886:
/*=== Gallery ===*/
/*=== Gallery ===*/
.mw-body li.gallerybox {
.mw-body li.gallerybox {
    padding: 0.33em;
padding: 0.33em;
    margin: 0.33em;
margin: 0.33em;
    background-color: var(--theme-bg-color-150);
background-color: var(--theme-bg-color-150);
    border: var(--border-outset-light);
border: var(--border-outset-light);
    border-radius: var(--border-radius-medium);
border-radius: var(--border-radius-medium);
}
}


.mw-body li.gallerybox div.thumb {
.mw-body li.gallerybox div.thumb {
    background: #f8f9fa;
background: #f8f9fa;
    border: solid #eaecf0;
border: solid #eaecf0;
    border-width: 1px 1px 0.2em;
border-width: 1px 1px 0.2em;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
    padding: 0;
padding: 0;
    overflow: hidden;
overflow: hidden;
    background-color: var(--theme-bg-color-175);
background-color: var(--theme-bg-color-175);
    border-color: transparent;
border-color: transparent;
    border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
}
}


div.gallerytext {
div.gallerytext {
padding: 0;
padding: 0;
    letter-spacing: 0.025em;
letter-spacing: 0.025em;
    text-align: center;
text-align: center;
}
}


Строка 1914: Строка 1915:
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);
}
}


Строка 2073: Строка 2078:
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: 8px 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;
box-sizing: border-box;
}
}


Строка 2112: Строка 2117:
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);
Строка 2182: Строка 2187:
/* ============ */
/* ============ */


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


.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));
.js-project-menu input:not(:checked) + label {
content: "";
    background: unset !important;
background-image: url(/images/1/12/Inverted_triangle.svg);
}
display: inline-block;
 
background-size: cover;
.js-project-menu input#project-Corvax + label {
width: var(--w);
    color: var(--text-color-crimson);
height: var(--h);
    border-bottom-color: var(--text-color-crimson);
margin: 0 0.1em;
    background: var(--bg-color-pastel-red-dark);
transition: transform 60ms ease;
}
 
.js-project-menu input#project-WL + label {
    color: var(--text-color-dark-salmon);
    border-bottom-color: var(--text-color-dark-salmon);
    background: var(--bg-color-rust-dark);
}
 
.js-project-menu input#project-CM + label {
    color: var(--text-color-turquoise);
    border-bottom-color: var(--text-color-turquoise);
    background: var(--bg-color-emerald-dark);
}
 
.js-project-menu input#project-Frontier + label {
    color: var(--text-color-violet);
    border-bottom-color: var(--text-color-violet);
    background: var(--bg-color-violet-dark);
}
 
.js-project-menu input#project-Fallout + label {
    color: var(--text-color-silver);
    border-bottom-color: var(--text-color-silver);
    background: var(--bg-color-grey-dark);
}
 
.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);
    background: var(--bg-color-pink-dark);
}
 
.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 {
.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before {
    transform: rotate(-90deg);
transform: rotate(-90deg);
}
}


Строка 2301: Строка 2224:
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
.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;
}
}


Строка 3647: Строка 3570:


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


Строка 3734: Строка 3657:


/* ============ */
/* ============ */
/* #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;
}
 
.js-project-menu label {
user-select: none;
-webkit-user-drag: none;
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;
}
}


#personal-extra li,
.js-project-menu input {
#personal h2,
display: none;
.theme-dropdown-details {
padding: 0.25em;
border-radius: var(--border-radius-medium);
margin: 0;
}
}


.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;
.oo-ui-popupWidget-popup {
top: unset;
user-select: none;
position: absolute;
min-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);
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,
.js-project-menu input#project-Corvax + label {
.theme-dropdown .theme-window {
color: var(--text-color-crimson);
right: -14px;
border-bottom-color: var(--text-color-crimson);
margin-top: 0.3rem;
background: var(--bg-color-pastel-red-dark);
}
}


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


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


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


#personal .dropdown label, #personal .dropdown h3,
.js-project-menu input#project-Fallout + label {
.theme-dropdown .theme-window__header,
color: var(--text-color-silver);
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
border-bottom-color: var(--text-color-silver);
display: flex;
background: var(--bg-color-grey-dark);
align-items: center;
gap: 4px;
position: relative;
height: 2.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-SW + label {
display: flex;
color: var(--text-color-crimson);
flex-direction: column;
border-bottom-color: var(--text-color-crimson);
gap: 0.5em;
background: var(--bg-color-pastel-red-dark);
}
}


#theme-preferences__content .theme-menu__heading {
.js-project-menu input#project-Wega + label {
display: flex;
color: var(--text-color-pink);
justify-content: center;
border-bottom-color: var(--text-color-pink);
align-items: center;
background: var(--bg-color-pink-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-Goob + label {
#theme-preferences__content .theme-menu__content {
color: var(--text-color-blue);
padding: 0.5em;
border-bottom-color: var(--text-color-blue);
background: var(--bg-color-blue-dark);
}
}


.theme-dropdown .theme-window * {
@media screen and (max-width: 850px) {
user-select: none;
.js-project-menu {
user-drag: none;
font-size: var(--font-size-xs);
-webkit-user-drag: none;
}
}
}


#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
/* Меню настроек темы */
.theme-dropdown .theme-window__content {
.theme-dropdown {
position: relative;
position: relative;
margin: 0.3em 0;
}
}


#personal .dropdown ul,
#personal-extra li,
#theme-preferences__content .theme-menu {
#personal h2,
background-color: var(--theme-bg-color-base);
.theme-dropdown-details {
border-radius: var(--border-radius-low);
padding: 0.25em;
}
border-radius: var(--border-radius-medium);
 
#theme-preferences__content .theme-menu li {
margin: 0;
margin: 0;
}
}


#personal .dropdown ul,
.theme-dropdown-details[open] + .theme-window {
#theme-preferences__content .theme-menu form {
visibility: visible;
position: relative;
opacity: 1;
display: grid;
height: auto;
gap: 0.5em;
transform: scale(0.99999);
text-align: center;
}
}


#personal .dropdown li,
#personal .dropdown,
#theme-preferences__content .theme-client-prefs-radio {
.theme-dropdown .theme-window,
display: flex;
.mw-echo-ui-overlay .oo-ui-popupWidget-popup {
justify-content: center;
top: unset;
padding: 0;
user-select: none;
margin: 0;
position: absolute;
width: 100%;
min-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);
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);
}
}


#theme-preferences__content .theme-client-prefs-radio input {
#personal .dropdown,
.theme-dropdown .theme-window {
right: -14px;
margin-top: 0.3rem;
}
 
#personal .dropdown::before,
#personal .dropdown::after {
display: none;
display: none;
}
}


#personal .dropdown li a,
.theme-dropdown .theme-window {
#theme-preferences__content .theme-client-prefs-radio label {
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: scale(0.9);
transform-origin: top;
}
 
.theme-dropdown .theme-window * {
user-select: none;
user-select: none;
user-drag: none;
-webkit-user-drag: none;
-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);
}
}


#theme-preferences__content .theme-client-prefs-radio input:checked + label {
#personal .dropdown label, #personal .dropdown h3,
background-color: var(--bg-color-message);
.theme-dropdown .theme-window__header,
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
display: flex;
align-items: center;
gap: 4px;
position: relative;
height: 2.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;
}


#personal-extra li:hover,
#theme-preferences__content {
#personal h2:hover,
display: flex;
.theme-dropdown-details:hover,
flex-direction: column;
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
gap: 0.5em;
.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-preferences__content .theme-menu__heading {
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
display: flex;
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
justify-content: center;
background: var(--bg-color-focus);
align-items: center;
font-weight: bold;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
}


#personal-extra li:focus,
#personal .dropdown ul,
#personal.dropdown-active h2,
#theme-preferences__content .theme-menu__content {
.theme-dropdown-details[open] {
padding: 0.5em;
background-color: var(--bg-color-focus) !important;
}
}


#personal h2::before,
.theme-dropdown .theme-window * {
#site-navigation h2,
user-select: none;
.theme-dropdown-summary {
user-drag: none;
content: '';
-webkit-user-drag: none;
cursor: pointer;
}
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 {
#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
mask-image: var(--icon-settings);
.theme-dropdown .theme-window__content {
position: relative;
margin: 0.3em 0;
}
}


#pt-notifications-alert .mw-echo-notifications-badge,
#personal .dropdown ul,
#pt-notifications-notice .mw-echo-notifications-badge {
#theme-preferences__content .theme-menu {
width: var(--icon-size);
background-color: var(--theme-bg-color-base);
height: var(--icon-size);
border-radius: var(--border-radius-low);
filter: var(--invert-100);
background-size: cover;
margin: 0;
}
}


#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
#theme-preferences__content .theme-menu li {
    background-color: var(--color-contrast);
margin: 0;
}
}


#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 {
#personal .dropdown ul,
opacity: 0.45;
#theme-preferences__content .theme-menu form {
position: relative;
display: grid;
gap: 0.5em;
text-align: center;
}
}


#pt-notifications-alert .mw-echo-notifications-badge::after,
#personal .dropdown li,
#pt-notifications-notice .mw-echo-notifications-badge::after {
#theme-preferences__content .theme-client-prefs-radio {
filter: var(--invert-100);
display: flex;
justify-content: center;
padding: 0;
margin: 0;
width: 100%;
}
}


@media screen and (max-width: 850px) {
#theme-preferences__content .theme-client-prefs-radio input {
#pt-notifications-alert .mw-echo-notifications-badge,
display: none;
#pt-notifications-notice .mw-echo-notifications-badge,
}
#personal h2::before,
 
#site-navigation h2,
#personal .dropdown li a,
.theme-dropdown-summary {
#theme-preferences__content .theme-client-prefs-radio label {
width: var(--icon-size-big);
user-select: none;
height: var(--icon-size-big);
-webkit-user-drag: none;
}
background: var(--ooui-bg-color-light);
border-radius: var(--border-radius-medium);
#personal .dropdown,
transition-property: background, box-shadow;
.theme-dropdown .theme-window {
transition-duration: var(--transition-time);
right: 0;
cursor: pointer;
}
flex-grow: 1;
align-content: center;
#personal-extra {
padding: 0.25em 0.5em;
position: unset;
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);
}
}
/* #endregion */


/* ============ */
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
/* #region Интерфейс MediaWiki */
background-color: var(--bg-color-message);
/* ============ */
}


/* invert(1) */
#personal-extra li:hover,
.mw-editsection,
#personal h2:hover,
.mw-editsection a,
.theme-dropdown-details:hover,
.dropdown-toggle::after,
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
.wikiEditor-ui-toolbar .tabs span.tab a::before,
background: var(--bg-color-hover);
.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) */
.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,
.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),  
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
.oo-ui-indicatorElement-indicator,  
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
.cdx-icon svg,
background: var(--bg-color-focus);
.skin-invert img[role="presentation"] {
filter: var(--invert-75) hue-rotate(180deg);
}
}


body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
#personal-extra li:focus,
body.wgl-theme-ss14 .oo-ui-icon-linked {
#personal.dropdown-active h2,
filter: var(--invert-75);
.theme-dropdown-details[open] {
background-color: var(--bg-color-focus) !important;
}
}


/* invert(0) */
#personal h2::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
#site-navigation h2,
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
.theme-dropdown-summary {
filter: var(--invert-0);
content: '';
cursor: pointer;
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);
}
}


body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
#pt-notifications-alert .mw-echo-notifications-badge,
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
#pt-notifications-notice .mw-echo-notifications-badge {
filter: var(--invert-0) !important;
width: var(--icon-size);
height: var(--icon-size);
filter: var(--invert-100);
background-size: cover;
margin: 0;
}
 
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
background-color: var(--color-contrast);
}
 
#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 {
opacity: 0.45;
}
}


/* icon color */
#pt-notifications-alert .mw-echo-notifications-badge::after,
#mw-indicator-mw-helplink a .mw-helplink-icon,
#pt-notifications-notice .mw-echo-notifications-badge::after {
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
filter: var(--invert-100);
background: var(--theme-icon-color);
}
}


/* background */
@media screen and (max-width: 850px) {
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
#pt-notifications-alert .mw-echo-notifications-badge,
.mw-prefs-buttons,
#pt-notifications-notice .mw-echo-notifications-badge,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
#personal h2::before,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
#site-navigation h2,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.theme-dropdown-summary {
.oo-ui-dropdownWidget,
width: var(--icon-size-big);
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
height: var(--icon-size-big);
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
}
.mw-datatable td,
.oo-ui-tabSelectWidget-framed,
#personal .dropdown,  
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.theme-dropdown .theme-window {
.growthexperiments-homepage-module-startemail,
right: 0;
.mw-ge-startediting-dialog-progress,
}
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
#personal-extra {
.ve-ui-toolbarDialog,
position: unset;
.mw-echo-ui-notificationItemWidget:hover,
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
/* #endregion */
.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,
/* #region Интерфейс MediaWiki */
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
/* ============ */
.wikiEditor-ui-toolbar .group .tool-select .options .option,
 
.ext-templatewizard-templatetitlebar,
/* invert(1) */
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-editsection,
.mw-ge-help-panel-home-button,
.mw-editsection a,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.dropdown-toggle::after,
span.fileinput-button,
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
.ace_button,
.wikiEditor-ui-toolbar .tabs span.tab a::before,
.ace_searchbtn,
.wikiEditor-ui-toolbar .group .tool-select .label::after,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
filter: var(--invert-100);
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.wikiEditor-ui-toolbar,
.ace_search_field,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.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,
.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,
.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-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,
.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 {
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,
.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,
.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);
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
.cdx-checkbox__icon,
body.wgl-theme-ss14 .oo-ui-icon-linked {
.cdx-radio__icon {
filter: var(--invert-75);
background-color: var(--ooui-bg-color-dark);
}
}


.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
/* invert(0) */
.mw-special-Contribute .mw-contribute-tabs-content,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.mw-echo-ui-placeholderItemWidget,
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
.mw-ge-startediting-dialog-intro-general,
filter: var(--invert-0);
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
}
.oo-ui-searchWidget-results,
 
.mw-rcfilters-ui-tagItemWidget-popup-content,
body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
#ace_settingsmenu, #kbshortcutmenu,
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
.oo-ui-searchWidget-query,
filter: var(--invert-0) !important;
.mw-ge-startediting-dialog-difficulty-banner,
}
.mw-ge-help-panel-popup .oo-ui-dialog,
 
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
/* icon color */
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
#mw-indicator-mw-helplink a .mw-helplink-icon,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
background: var(--theme-icon-color);
.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,
/* background */
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
#ca-nstab-special.selected.mw-list-item,
.mw-prefs-buttons,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.mw-datatable tr:hover td,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-dropdownWidget,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.mw-datatable td,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.oo-ui-tabSelectWidget-framed,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.growthexperiments-homepage-module-startemail,
.mw-ge-startediting-dialog-progress,
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
.ve-ui-toolbarDialog,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.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-templatetitlebar,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.thumbinner,
.mw-ge-help-panel-home-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.ace-tm .ace_gutter-active-line,
span.fileinput-button,
.cdx-input-chip:not(.cdx-input-chip--disabled):hover,
.ace_button,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.ace_searchbtn,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.mwe-vue-pt-control-gradient,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.cdx-toggle-button--framed:enabled:hover,
.growthexperiments-homepage-module,
.mwe-vue-pt-navigation-bar,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
#mwe-vue-pt-stats-navigation {
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
background: var(--ooui-bg-color-light);
.ace_optionsMenuEntry button,
}
.ace_optionsMenuEntry button[ace_selected_button=true],
 
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.ace_search_field,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.mw-highlight .hll,  
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.ace_button:hover:not(.checked),
.quickbox,
.ace_button:active,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.mw-rcfilters-ui-menuSelectWidget-footer,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
background: var(--bg-color-hover);
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
}
.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-menuSelectWidget,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-popupToolGroup-tools,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.mw-widget-dateInputWidget-calendar,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-widgets-datetime-calendarWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.cdx-menu {
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
background: var(--ooui-gradient);
.mw-widget-dateInputWidget-handle,
}
#wpDestFile,
 
#wpUploadDescription,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-apisandbox-toolbar,
.ui-widget input,
form:not(.oo-ui-layout) fieldset,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
#mw-scribunto-input,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions,
.ext-WikiEditor-realtimepreview-button:hover,
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.ext-growthExperiments-NumberInput__input:enabled,
.ext-discussiontools-init-publishedcomment {
.cdx-dialog__header--default,
background: transparent;
.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);
}
}


.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,
#pagehistory li.selected,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
background: var(--bg-color-emerald-subtle);
.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,
.approved-revision {
.ace_searchbtn:hover,
background: var(--bg-color-emerald-subtle) !important;
.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);
}
}


.cdx-message--success,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
.cdx-checkbox__icon,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
.cdx-radio__icon {
background-color: var(--bg-color-message);
background-color: var(--ooui-bg-color-dark);
}
}


ul.fileupload-results li.ful-success,
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
#mwe-vue-pt-stats-navigation,
.mw-special-Contribute .mw-contribute-tabs-content,
.mw-notification.mw-notification-type-success,
.mw-echo-ui-placeholderItemWidget,
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label,
.mw-ge-startediting-dialog-intro-general,
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
background: var(--bg-color-message);
.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-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,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange {
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
background-color: var(--bg-color-message-subtle);
#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);
}
}


.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.wikiEditor-ui-toolbar .booklet > .index > :hover,
background: var(--bg-color-blue-dark);
.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);
}
}


.mw-echo-ui-notificationItemWidget-unread,
.oo-ui-menuSelectWidget,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.oo-ui-popupToolGroup-tools,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-widget-dateInputWidget-calendar,
.ext-growthExperiments-ScoreCard,
.mw-widgets-datetime-calendarWidget,
.ext-growthExperiments-MenteeOverview__no-results,
.cdx-menu {
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
background: var(--ooui-gradient);
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.ext-communityConfiguration-Guidelines__Guideline {
background-color: var(--bg-color-notice-subtle);
}
}


.mw-echo-ui-notificationItemWidget-unread:hover {
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
background: var(--bg-color-notice);
.mw-apisandbox-toolbar,
form:not(.oo-ui-layout) fieldset,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.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;
}
}


.wikiEditor-ui-text {
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
background: var(--theme-bg-color-base);
.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);
}
}


.ext-WikiEditor-ResizingDragBar,
.approved-revision {
.ace_search,
background: var(--bg-color-emerald-subtle) !important;
.editOptions, .mw-editform .editOptions {
background: var(--theme-bg-color-100);
}
}


.ext-WikiEditor-ResizingDragBar span,
.cdx-message--success,
.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);
}
 
ul.fileupload-results li.ful-success,
#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);
}
 
.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,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange {
background-color: var(--bg-color-message-subtle);
}
 
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background: var(--bg-color-blue-dark);
}
 
.mw-echo-ui-notificationItemWidget-unread,
.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-echo-ui-notificationItemWidget-unread:hover {
background: var(--bg-color-notice);
}
 
.wikiEditor-ui-text {
background: var(--theme-bg-color-base);
}
 
.ext-WikiEditor-ResizingDragBar,
.ace_search,
.editOptions, .mw-editform .editOptions {
background: var(--theme-bg-color-100);
}
 
.ext-WikiEditor-ResizingDragBar span,
.mw-revslider-revision,
.mw-revslider-revision,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
Строка 4453: Строка 4468:
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-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-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
Строка 4875: Строка 4891:
.ace_search_field,
.ace_search_field,
#pagehistory li.selected,
#pagehistory li.selected,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
Строка 5012: Строка 5029:
/* Остальное */
/* Остальное */
.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));
}
}


Строка 5526: Строка 5543:
/* 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);
}
}


Строка 5536: Строка 5553:
#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);
}
}


Строка 5544: Строка 5561:
#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);
}
}
Строка 5562: Строка 5575:
#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);
}
}


Строка 5570: Строка 5583:
#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);
}
}


Строка 5588: Строка 5597:
#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);
}
}


Строка 5596: Строка 5605:
#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);
}
}


Строка 5614: Строка 5619:
#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);
}
}


Строка 5622: Строка 5627:
#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);
}
}


Строка 5640: Строка 5641:
#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);
}
}


Строка 5648: Строка 5649:
#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);
}
}


Строка 5666: Строка 5663:
#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);
}
}


Строка 5674: Строка 5671:
#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);
}
}


Строка 5692: Строка 5685:
#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);
}
}


Строка 5700: Строка 5693:
#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);
}
}


Строка 5718: Строка 5707:
#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);
}
}


Строка 5726: Строка 5715:
#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);
}
}


Строка 5744: Строка 5729:
#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);
}
}


Строка 5752: Строка 5737:
#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);
}
}


Строка 5765: Строка 5746:
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);
}
}


Строка 5782: Строка 5763:
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);
}
}


Строка 5793: Строка 5774:
/* Холодный цвет ячеек */
/* Холодный цвет ячеек */
#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);
}
}


Строка 5803: Строка 5784:
#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);
}
}


Строка 5811: Строка 5792:
#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);
}
}


Строка 5823: Строка 5800:
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);
}
}


Строка 5832: Строка 5809:
}
}


/* Палитра для Морпехов 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);
Строка 5843: Строка 5835:
#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);
}
}
Строка 6056: Строка 6048:
.client-js *.noscript {
.client-js *.noscript {
display: none;
display: none;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth; /* Ignore unknown property warning */
  }
}
}