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

Нет описания правки
селектор * странно ведёт себя при редактировании разметки страницы
 
(не показано 27 промежуточных версий 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%;


Строка 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;
padding-bottom: 0.3em;
    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%);
}
}


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


Строка 1168: Строка 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;
Строка 1174: Строка 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)));
Строка 1184: Строка 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;
}
}


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


Строка 1869: Строка 1885:


/*=== Gallery ===*/
/*=== Gallery ===*/
.mw-body li.gallerybox {
padding: 0.33em;
margin: 0.33em;
background-color: var(--theme-bg-color-150);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
}
.mw-body li.gallerybox div.thumb {
.mw-body li.gallerybox div.thumb {
background: var(--theme-bg-color-150);
background: #f8f9fa;
border-color: var(--theme-border-color-base);
border: solid #eaecf0;
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
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;
}
}


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


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


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


.toc, .toc * {
.toc, .toc * {
Строка 2062: Строка 2111:
display: flex;
display: flex;
align-items: center;
align-items: center;
padding: 0;
}
}


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


.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;
.collapsible-title > .mw-collapsible-content {
    padding: 0.2em 0.4em;
grid-row: 2;
    font-weight: bold;
grid-column: 1 / 3;
    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;
.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;
}
}


.js-project-menu input:checked + label,
.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before {
.js-project-menu label:hover {
transform: rotate(-90deg);
    opacity: 1;
}
}


.js-project-menu input:not(:checked) + label {
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
    background: unset !important;
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
display: none;
}
}


.js-project-menu input#project-Corvax + label {
/* Ссылка на весь контейнер кнопки */
    color: var(--text-color-crimson);
a:has(.StupidButton) {
    border-bottom-color: var(--text-color-crimson);
position: absolute;
    background: var(--bg-color-pastel-red-dark);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: var(--index-overlay);
}
}


.js-project-menu input#project-WL + label {
/* Тег p без отступов */
    color: var(--text-color-dark-salmon);
.p-no-margin p {
    border-bottom-color: var(--text-color-darksalmon);
margin: 0;
}
}


.js-project-menu input#project-CM + label {
/* Подсветка при наведении */
    color: var(--text-color-turquoise);
.backlight:hover {
    border-bottom-color: var(--text-color-turquoise);
box-shadow: 0 0 4px 2px var(--color-contrast);
}
}


.js-project-menu input#project-Frontier + label {
/* Key press */
    color: var(--text-color-violet);
.keyboard-key,
    border-bottom-color: var(--text-color-violet);
.ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd {
border: 1px solid var(--theme-border-color-100);
border-radius: var(--border-radius-low);
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
color: var(--theme--text-color);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


.js-project-menu input#project-Fallout + label {
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
    color: var(--text-color-silver);
#scroll-top {
    border-bottom-color: var(--text-color-silver);
display: none !important;
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
opacity: 0.5;
width: 57px;
height: 57px;
cursor: pointer;
position: fixed;
right: calc(0.95em + 6px);
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
filter: var(--filter-drop-shadow-medium);
}
}


.js-project-menu input#project-SW + label {
#scroll-top:hover {
    color: var(--text-color-crimson);
opacity: 0.8;
    border-bottom-color: var(--text-color-crimson);
    background: var(--bg-color-pastel-red-dark);
}
}


.js-project-menu input#project-Wega + label {
@media screen and (max-width: 850px) {
    color: var(--text-color-pink);
#scroll-top {
    border-bottom-color: var(--text-color-pink);
transform: translate(-50%, -50%);
left: 50%;
right: 50%;
bottom: 15px;
opacity: 0.3;
}
}
}


.js-project-menu input#project-Goob + label {
/* Необходим для использования fonts.google.com/icons */
    color: var(--text-color-blue);
.material-symbols-outlined {
    border-bottom-color: var(--text-color-blue);
font-family: 'Material Symbols Outlined';
    background: var(--bg-color-blue-dark);
font-weight: normal;
}
font-style: normal;
 
font-size: 24px;
/* Складной списки с кнопкой в ширину всего блока */
line-height: 1;
.collapsible-title {
letter-spacing: normal;
    display: grid;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
}


.collapsible-title > *:not(.mw-collapsible-content) {
#mw-indicator-mw-helplink a {
    grid-row: 1;
background-image: none;
    grid-column: 1 / 3;
}
}  


.collapsible-title > .mw-collapsible-content {
.mw-body-content sub,.mw-body-content sup,span.reference {
    grid-row: 2;
font-size: 80%
    grid-column: 1 / 3;
}
}


/* Делает кнопку раскрытия складного списка в виде стрелочки */
.ns-talk .mw-body-content dd {
.collapsible-toggle-arrow::before {
margin-top: 0.4em;
    --wh-ratio: 1.5;
margin-bottom: 0.4em
    --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 {
#interwiki-completelist {
    transform: rotate(-90deg);
font-weight: bold
}
}


.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
.hatnote {
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
font-style: italic;
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
padding-left: 1.6em;
    display: none;
}
}


/* Ссылка на весь контейнер кнопки */
.biglink {
a:has(.StupidButton) {
font-family: var(--font-family-oswald);
position: absolute;
font-style: oblique 10deg;
top: 0;
font-variant-caps: small-caps;
bottom: 0;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
left: 0;
right: 0;
z-index: var(--index-overlay);
}
}


/* Тег p без отступов */
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
.p-no-margin p {
display: none
margin: 0;
}
}


/* Подсветка при наведении */
.mw-rcfilters-enabled .mw-specialpage-summary {
.backlight:hover {
margin-top: 1em
box-shadow: 0 0 4px 2px var(--color-contrast);
}
}


/* Key press */
.citation:target {
.keyboard-key,
background: rgba(0, 127, 255, 0.133)
.ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd {
border: 1px solid var(--theme-border-color-100);
border-radius: var(--border-radius-low);
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
color: var(--theme--text-color);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
.citation {
#scroll-top {
word-wrap: break-word
display: none !important;
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
opacity: 0.5;
width: 57px;
height: 57px;
cursor: pointer;
position: fixed;
right: calc(0.95em + 6px);
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
filter: var(--filter-drop-shadow-medium);
}
}


#scroll-top:hover {
ol.references {
opacity: 0.8;
font-size: 90%;
margin-bottom: 0.5em
}
}


@media screen and (max-width: 850px) {
.hlist dl,.hlist ol,.hlist ul {
#scroll-top {
margin: 0;
transform: translate(-50%, -50%);
padding: 0
left: 50%;
right: 50%;
bottom: 15px;
opacity: 0.3;
}
}
}


/* Необходим для использования fonts.google.com/icons */
.hlist dd,.hlist dt,.hlist li {
.material-symbols-outlined {
margin: 0;
font-family: 'Material Symbols Outlined';
display: inline
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
}


#mw-indicator-mw-helplink a {
.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
background-image: none;
display: inline
}
}


.mw-body-content sub,.mw-body-content sup,span.reference {
.hlist .mw-empty-li {
font-size: 80%
display: none
}
}


.ns-talk .mw-body-content dd {
.hlist dt:after {
margin-top: 0.4em;
content: ":"
margin-bottom: 0.4em
}
}


#interwiki-completelist {
.hlist dd:after,.hlist li:after {
content: " · ";
font-weight: bold
font-weight: bold
}
}


.hatnote {
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
font-style: italic;
content: none
padding-left: 1.6em;
}
}


.biglink {
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
font-family: var(--font-family-oswald);
content: " (";
font-style: oblique 10deg;
font-weight: normal
font-variant-caps: small-caps;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}
}


.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
display: none
content: ")";
font-weight: normal
}
}


.mw-rcfilters-enabled .mw-specialpage-summary {
.hlist ol {
margin-top: 1em
counter-reset: listitem
}
}


.citation:target {
.hlist ol>li {
background: rgba(0, 127, 255, 0.133)
counter-increment: listitem
}
}


.citation {
.hlist ol>li:before {
word-wrap: break-word
content: " " counter(listitem) "\a0"
}
}


ol.references {
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
font-size: 90%;
content: " (" counter(listitem) "\a0"
margin-bottom: 0.5em
}
}


.hlist dl,.hlist ol,.hlist ul {
.plainlist ol,.plainlist ul {
margin: 0;
line-height: inherit;
padding: 0
list-style: none none;
margin: 0
}
}


.hlist dd,.hlist dt,.hlist li {
.plainlist ol li,.plainlist ul li {
margin: 0;
margin-bottom: 0
display: inline
}
}


.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
display: inline
}


.hlist .mw-empty-li {
 
display: none
@media (max-width: 800px) {
.grid-adaptive {
grid-template-columns: 1fr !important;
}
}
}


.hlist dt:after {
.grid-item-adaptive {
content: ":"
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
}


.hlist dd:after,.hlist li:after {
.grid-big-item-adaptive {
content: " · ";
display: grid;
font-weight: bold
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 400px), 1fr));
}
}


.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
.grid-small-item-adaptive {
content: none
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
}


.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
.grid-item-compressed {
content: " (";
display: grid;
font-weight: normal
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
.grid-item-compressed {
content: ")";
display: grid;
font-weight: normal
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.hlist ol {
.link-card__flex-container {
counter-reset: listitem
display: flex;
gap: 10px;
justify-content: center;
flex-grow: 1;
align-items: flex-start;
flex-wrap: wrap;
align-content: center;
}
}


.hlist ol>li {
@media (max-width: 800px) {
counter-increment: listitem
.link-card__flex-container {
gap: 8px;
}
}
}


.hlist ol>li:before {
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
content: " " counter(listitem) "\a0"
.no-margin-edges > :first-child,
.tabs-content > :first-child,
.doc > :first-child {
margin-top: 0 !important;
}
}


.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
.no-margin-edges > :last-child,
content: " (" counter(listitem) "\a0"
.tabs-content > :last-child,
.doc > :last-child {
margin-bottom: 0 !important;
}
}


.plainlist ol,.plainlist ul {
/* Сброс и настройка отступов для списков */
line-height: inherit;
.list-reset-margin ol {
list-style: none none;
margin: 0 0 0 24px;
margin: 0
padding: 0;
}
}


.plainlist ol li,.plainlist ul li {
.list-reset-margin > ol > li:not(:first-child),
margin-bottom: 0
.list-reset-margin > ul:nth-of-type(n+2) {
margin-top: 10px;
}
}


 
/* Кнопка копирования текста */
 
.copy-icon {
@media (max-width: 800px) {
cursor: pointer;
.grid-adaptive {
grid-template-columns: 1fr !important;
}
}
}


.grid-item-adaptive {
/* Кнопка копирования текста */
display: grid;
.brightness-overlay::before {
gap: 8px;
content: "";
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}
}


.grid-big-item-adaptive {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 400px), 1fr));
}


.grid-small-item-adaptive {
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
display: grid;
.brightness-overlay::before {
gap: 8px;
content: "";
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--background-color);
}
}


.grid-item-compressed {
.brightness-overlay:hover::before {
display: grid;
filter: brightness(105%);
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.grid-item-compressed {
/* Уменьшеная полоса прокрутки */
display: grid;
@media not all and (hover: none) and (pointer: coarse) {
gap: 10px;
body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar {
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
width: 13px;
}
}
}


.link-card__flex-container {
/* Для для динамичного вида кнопки "[развернуть]" */
display: flex;  
.collapsible-absolute .mw-collapsible-toggle {
gap: 10px;  
position: absolute;
justify-content: center;
left: 0;
flex-grow: 1;
right: 0;
align-items: flex-start;
flex-wrap: wrap;
align-content: center;
}
}


@media (max-width: 800px) {
/* Обводка тенью изображений и текста */
.link-card__flex-container {
.with-drop-shadow,
gap: 8px;
.mw-wiki-logo.timeless-logo img {
}
filter: var(--filter-drop-shadow-medium);
}
}


/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
/* Лого рендерится не в pixelated */
.no-margin-edges > :first-child,
.mw-wiki-logo.timeless-logo img {
.tabs-content > :first-child,
image-rendering: auto;
.doc > :first-child {
margin-top: 0 !important;
}
}


.no-margin-edges > :last-child,
.tooltip {
.tabs-content > :last-child,
position: relative;
.doc > :last-child {
display: inline;
margin-bottom: 0 !important;
}
}


/* Сброс и настройка отступов для списков */
.tooltiptext {
.list-reset-margin ol {
position: absolute;
margin: 0 0 0 24px;
min-width: 240px;
padding: 0;
max-width: 100%;
left: -240px;
right: -240px;
top: 125%;
margin-left: auto;
margin-right: auto;
z-index: 99;
padding: 22px;
pointer-events: none;
visibility: hidden;
transition: all 0.05s;
border: 1px solid var(--color-contrast);
border-radius: 1.4rem;
background: var(--ooui-bg-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


.list-reset-margin > ol > li:not(:first-child),
.tooltip:hover>.tooltiptext {
.list-reset-margin > ul:nth-of-type(n+2) {
visibility: visible;
margin-top: 10px;
opacity: 1;
}
}


/* Кнопка копирования текста */
@media screen and (min-width: 851px) {
.copy-icon {
.mobile {
cursor: pointer;
display:none
}
}


/* Кнопка копирования текста */
.headder {
.brightness-overlay::before {
width: 25%;
content: "";
float: right;
position: absolute;
margin-left: 1em
top: 0;
}
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}


 
.stiky {
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
position: sticky;
.brightness-overlay::before {
top: 0.1em
content: "";
}
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--background-color);
}
}


.brightness-overlay:hover::before {
@media screen and (max-width: 850px) {
filter: brightness(105%);
.nomobile {
}
display: none !important;
}


/* Уменьшеная полоса прокрутки */
.headder {
@media not all and (hover: none) and (pointer: coarse) {
width: 100%;
body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar {  
margin-left: 0;
width: 13px;
}
}
}


/* Для для динамичного вида кнопки "[развернуть]" */
.tooltip {
.collapsible-absolute .mw-collapsible-toggle {
position: static;
position: absolute;
}
left: 0;
right: 0;
}


/* Обводка тенью изображений и текста */
.tooltiptext {
.with-drop-shadow,
box-shadow: var(--box-shadow-overlay);
.mw-wiki-logo.timeless-logo img {
position: fixed!important;
filter: var(--filter-drop-shadow-medium);
width: 80vw !important;
top: 40vh !important;
left: 0 !important;
margin: 0 auto !important;
right: 0!important;
}
/*
.mobilefont {
font-size: 80%
}
*/
.mobile-image img {
width: 32px !important;
height: 32px !important;
}
}
}


/* Лого рендерится не в pixelated */
/* Класс для уменьшения яркости фона tabs */
.mw-wiki-logo.timeless-logo img {
.tabs-no-background > .tabs-container {
image-rendering: auto;
background: rgba(var(--color-lighter--rgb), 0.02);
}
}
/* #endregion */


.tooltip {
/* ============ */
position: relative;
/* #region <syntaxhighlight> CODE BLOCKS  */
display: inline;
/* ============ */
}


.tooltiptext {
:root {
position: absolute;
--synt-high--color-darkCreamy: #262421;
min-width: 240px;
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
max-width: 100%;
 
left: -240px;
--synt-high--color-comment: var(--synt-high--color-lightCreamy);
right: -240px;
--synt-high--color-err: #ff1a94;
top: 125%;
--synt-high--color-operator: #e7236a;
margin-left: auto;
--synt-high--color-punctuation: #f8f8f2;
margin-right: auto;
--synt-high--color-string: #e6db74;
z-index: 99;
--synt-high--color-date: var(--synt-high--color-string);
padding: 22px;
/* names for things such as variables, functions, classes, etc. */
pointer-events: none;
--synt-high--color-name: #a6e22e;
visibility: hidden;
/* literals, mostly numbers, some string stuff too. */
transition: all 0.05s;
--synt-high--color-literal: #ae81ff;
border: 1px solid var(--color-contrast);
/* keywords and constants */
border-radius: 1.4rem;
--synt-high--color-keyword: #57b8cb;
background: var(--ooui-bg-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
--action-color: hsl(220, 60%, 50%);
}
}


.tooltip:hover>.tooltiptext {
/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
visibility: visible;
 
opacity: 1;
/* Highlighted Lines */
body:not(.wgl-theme-light) .mw-highlight .hll {
background: var(--action-color);
}
}


@media screen and (min-width: 851px) {
/* Error */
.mobile {
body:not(.wgl-theme-light) .mw-highlight .err {
display:none
color: var(--synt-high--color-err);
}
background: hsl(328, 40%, 16%);
}


.headder {
/* Keyword */
width: 25%;
body:not(.wgl-theme-light) .mw-highlight .k {
float: right;
color: var(--synt-high--color-keyword);
margin-left: 1em
}
}
 
/* Literal */
body:not(.wgl-theme-light) .mw-highlight .l {
color: var(--synt-high--color-literal);
}


.stiky {
/* Name */
position: sticky;
body:not(.wgl-theme-light) .mw-highlight .n {
top: 0.1em
color: #f8f8f2;
}
}
}


@media screen and (max-width: 850px) {
/* Operator */
.nomobile {
body:not(.wgl-theme-light) .mw-highlight .o {
display: none !important;
color: var(--synt-high--color-operator);
}
}


.headder {
/* Punctuation */
width: 100%;
body:not(.wgl-theme-light) .mw-highlight .p {
margin-left: 0;
color: var(--synt-high--color-punctuation);
}
}


.tooltip {
/* Comment */
position: static;
body:not(.wgl-theme-light) .mw-highlight .c {
}
color: var(--synt-high--color-comment);
}


.tooltiptext {
/* Comment.Hashbang */
box-shadow: var(--box-shadow-overlay);
body:not(.wgl-theme-light) .mw-highlight .ch {
position: fixed!important;
color: var(--synt-high--color-comment);
width: 80vw !important;
}
top: 40vh !important;
 
left: 0 !important;
/* Comment.Multiline */
margin: 0 auto !important;
body:not(.wgl-theme-light) .mw-highlight .cm {
right: 0!important;
color: var(--synt-high--color-comment);
}
/*
.mobilefont {
font-size: 80%
}
*/
.mobile-image img {
width: 32px !important;
height: 32px !important;
}
}
}


/* Класс для уменьшения яркости фона tabs */
/* Comment.Preproc */
.tabs-no-background > .tabs-container {
body:not(.wgl-theme-light) .mw-highlight .cp {
background: rgba(var(--color-lighter--rgb), 0.02);
color: var(--synt-high--color-comment);
}
}
/* #endregion */


/* ============ */
/* Comment.PreprocFile */
/* #region <syntaxhighlight> CODE BLOCKS  */
body:not(.wgl-theme-light) .mw-highlight .cpf {
/* ============ */
color: var(--synt-high--color-comment);
}


:root {
/* Comment.Single */
--synt-high--color-darkCreamy: #262421;
body:not(.wgl-theme-light) .mw-highlight .c1 {
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
color: var(--synt-high--color-comment);
}


--synt-high--color-comment: var(--synt-high--color-lightCreamy);
/* Comment.Special */
--synt-high--color-err: #ff1a94;
body:not(.wgl-theme-light) .mw-highlight .cs {
--synt-high--color-operator: #e7236a;
color: var(--synt-high--color-comment);
--synt-high--color-punctuation: #f8f8f2;
--synt-high--color-string: #e6db74;
--synt-high--color-date: var(--synt-high--color-string);
/* names for things such as variables, functions, classes, etc. */
--synt-high--color-name: #a6e22e;
/* literals, mostly numbers, some string stuff too. */
--synt-high--color-literal: #ae81ff;
/* keywords and constants */
--synt-high--color-keyword: #57b8cb;
--action-color: hsl(220, 60%, 50%);
}
}


/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
/* Generic.Deleted */
 
body:not(.wgl-theme-light) .mw-highlight .gd {
/* Highlighted Lines */
color: #f92672;
body:not(.wgl-theme-light) .mw-highlight .hll {
background: var(--action-color);
}
}


/* Error */
/* Generic.Emph */
body:not(.wgl-theme-light) .mw-highlight .err {
body:not(.wgl-theme-light) .mw-highlight .ge {
color: var(--synt-high--color-err);
font-style: italic;
background: hsl(328, 40%, 16%);
}
}


/* Keyword */
/* Generic.Inserted */
body:not(.wgl-theme-light) .mw-highlight .k {
body:not(.wgl-theme-light) .mw-highlight .gi {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-name);
}
}


/* Literal */
/* Generic.Strong */
body:not(.wgl-theme-light) .mw-highlight .l {
body:not(.wgl-theme-light) .mw-highlight .gs {
color: var(--synt-high--color-literal);
font-weight: bold;
}
}


/* Name */
/* Generic.Subheading */
body:not(.wgl-theme-light) .mw-highlight .n {
body:not(.wgl-theme-light) .mw-highlight .gu {
color: #f8f8f2;
color: #75715e;
}
}


/* Operator */
/* Keyword.Constant */
body:not(.wgl-theme-light) .mw-highlight .o {
body:not(.wgl-theme-light) .mw-highlight .kc {
color: var(--synt-high--color-operator);
color: var(--synt-high--color-keyword);
}
}


/* Punctuation */
/* Keyword.Declaration */
body:not(.wgl-theme-light) .mw-highlight .p {
body:not(.wgl-theme-light) .mw-highlight .kd {
color: var(--synt-high--color-punctuation);
color: var(--synt-high--color-keyword);
}
}


/* Comment */
/* Keyword.Namespace */
body:not(.wgl-theme-light) .mw-highlight .c {
body:not(.wgl-theme-light) .mw-highlight .kn {
color: var(--synt-high--color-comment);
color: #f92672;
}
}


/* Comment.Hashbang */
/* Keyword.Pseudo */
body:not(.wgl-theme-light) .mw-highlight .ch {
body:not(.wgl-theme-light) .mw-highlight .kp {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-keyword);
}
}


/* Comment.Multiline */
/* Keyword.Reserved */
body:not(.wgl-theme-light) .mw-highlight .cm {
body:not(.wgl-theme-light) .mw-highlight .kr {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-keyword);
}
}


/* Comment.Preproc */
/* Keyword.Type */
body:not(.wgl-theme-light) .mw-highlight .cp {
body:not(.wgl-theme-light) .mw-highlight .kt {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-keyword);
}
}


/* Comment.PreprocFile */
/* Literal.Date */
body:not(.wgl-theme-light) .mw-highlight .cpf {
body:not(.wgl-theme-light) .mw-highlight .ld {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-date);
}
}


/* Comment.Single */
/* Literal.Number */
body:not(.wgl-theme-light) .mw-highlight .c1 {
body:not(.wgl-theme-light) .mw-highlight .m {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-literal);
}
}


/* Comment.Special */
/* Literal.String */
body:not(.wgl-theme-light) .mw-highlight .cs {
body:not(.wgl-theme-light) .mw-highlight .s {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-string);
}
}


/* Generic.Deleted */
/* Name.Attribute */
body:not(.wgl-theme-light) .mw-highlight .gd {
.mw-highlight .na {
color: #f92672;
color: var(--synt-high--color-name);
}
}


/* Generic.Emph */
/* Name.Builtin */
body:not(.wgl-theme-light) .mw-highlight .ge {
body:not(.wgl-theme-light) .mw-highlight .nb {
font-style: italic;
color: #f8f8f2;
}
}


/* Generic.Inserted */
/* Name.Class */
body:not(.wgl-theme-light) .mw-highlight .gi {
body:not(.wgl-theme-light) .mw-highlight .nc {
color: var(--synt-high--color-name);
color: var(--synt-high--color-name);
}
}


/* Generic.Strong */
/* Name.Constant */
body:not(.wgl-theme-light) .mw-highlight .gs {
body:not(.wgl-theme-light) .mw-highlight .no {
font-weight: bold;
color: var(--synt-high--color-keyword);
}
}


/* Generic.Subheading */
/* Name.Decorator */
body:not(.wgl-theme-light) .mw-highlight .gu {
body:not(.wgl-theme-light) .mw-highlight .nd {
color: #75715e;
color: var(--synt-high--color-name);
}
}


/* Keyword.Constant */
/* Name.Entity */
body:not(.wgl-theme-light) .mw-highlight .kc {
body:not(.wgl-theme-light) .mw-highlight .ni {
color: var(--synt-high--color-keyword);
color: #f8f8f2;
}
}


/* Keyword.Declaration */
/* Name.Exception */
body:not(.wgl-theme-light) .mw-highlight .kd {
body:not(.wgl-theme-light) .mw-highlight .ne {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-name);
}
}


/* Keyword.Namespace */
/* Name.Function */
body:not(.wgl-theme-light) .mw-highlight .kn {
body:not(.wgl-theme-light) .mw-highlight .nf {
color: #f92672;
color: var(--synt-high--color-name);
}
}


/* Keyword.Pseudo */
/* Name.Label */
body:not(.wgl-theme-light) .mw-highlight .kp {
body:not(.wgl-theme-light) .mw-highlight .nl {
color: var(--synt-high--color-keyword);
color: #f8f8f2;
}
}


/* Keyword.Reserved */
/* Name.Namespace */
body:not(.wgl-theme-light) .mw-highlight .kr {
body:not(.wgl-theme-light) .mw-highlight .nn {
color: var(--synt-high--color-keyword);
color: #f8f8f2;
}
}


/* Keyword.Type */
/* Name.Other */
body:not(.wgl-theme-light) .mw-highlight .kt {
body:not(.wgl-theme-light) .mw-highlight .nx {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-name);
}
}


/* Literal.Date */
/* Name.Property */
body:not(.wgl-theme-light) .mw-highlight .ld {
body:not(.wgl-theme-light) .mw-highlight .py {
color: var(--synt-high--color-date);
color: #f8f8f2;
}
}


/* Literal.Number */
/* Name.Tag */
body:not(.wgl-theme-light) .mw-highlight .m {
body:not(.wgl-theme-light) .mw-highlight .nt {
color: var(--synt-high--color-literal);
color: #f92672;
}
}


/* Literal.String */
/* Name.Variable */
body:not(.wgl-theme-light) .mw-highlight .s {
body:not(.wgl-theme-light) .mw-highlight .nv {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Name.Attribute */
/* Operator.Word */
.mw-highlight .na {
body:not(.wgl-theme-light) .mw-highlight .ow {
color: var(--synt-high--color-name);
color: var(--synt-high--color-operator);
}
}


/* Name.Builtin */
/* Text.Whitespace */
body:not(.wgl-theme-light) .mw-highlight .nb {
body:not(.wgl-theme-light) .mw-highlight .w {
color: #f8f8f2;
color: #f8f8f2;
}
}


/* Name.Class */
/* Literal.Number.Bin */
body:not(.wgl-theme-light) .mw-highlight .nc {
body:not(.wgl-theme-light) .mw-highlight .mb {
color: var(--synt-high--color-name);
color: var(--synt-high--color-literal);
}
}


/* Name.Constant */
/* Literal.Number.Float */
body:not(.wgl-theme-light) .mw-highlight .no {
body:not(.wgl-theme-light) .mw-highlight .mf {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-literal);
}
}


/* Name.Decorator */
/* Literal.Number.Hex */
body:not(.wgl-theme-light) .mw-highlight .nd {
body:not(.wgl-theme-light) .mw-highlight .mh {
color: var(--synt-high--color-name);
color: var(--synt-high--color-literal);
}
}


/* Name.Entity */
/* Literal.Number.Integer */
body:not(.wgl-theme-light) .mw-highlight .ni {
body:not(.wgl-theme-light) .mw-highlight .mi {
color: #f8f8f2;
color: var(--synt-high--color-literal);
}
}


/* Name.Exception */
/* Literal.Number.Oct */
body:not(.wgl-theme-light) .mw-highlight .ne {
body:not(.wgl-theme-light) .mw-highlight .mo {
color: var(--synt-high--color-name);
color: var(--synt-high--color-literal);
}
}


/* Name.Function */
/* Literal.String.Affix */
body:not(.wgl-theme-light) .mw-highlight .nf {
body:not(.wgl-theme-light) .mw-highlight .sa {
color: var(--synt-high--color-name);
color: var(--synt-high--color-string);
}
}


/* Name.Label */
/* Literal.String.Backtick */
body:not(.wgl-theme-light) .mw-highlight .nl {
body:not(.wgl-theme-light) .mw-highlight .sb {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Name.Namespace */
/* Literal.String.Char */
body:not(.wgl-theme-light) .mw-highlight .nn {
body:not(.wgl-theme-light) .mw-highlight .sc {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Name.Other */
/* Literal.String.Delimiter */
body:not(.wgl-theme-light) .mw-highlight .nx {
body:not(.wgl-theme-light) .mw-highlight .dl {
color: var(--synt-high--color-name);
color: var(--synt-high--color-string);
}
}


/* Name.Property */
/* Literal.String.Doc */
body:not(.wgl-theme-light) .mw-highlight .py {
body:not(.wgl-theme-light) .mw-highlight .sd {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Name.Tag */
/* Literal.String.Double */
body:not(.wgl-theme-light) .mw-highlight .nt {
body:not(.wgl-theme-light) .mw-highlight .s2 {
color: #f92672;
color: var(--synt-high--color-string);
}
}


/* Name.Variable */
/* Literal.String.Escape */
body:not(.wgl-theme-light) .mw-highlight .nv {
body:not(.wgl-theme-light) .mw-highlight .se {
color: #f8f8f2;
color: var(--synt-high--color-literal);
}
}


/* Operator.Word */
/* Literal.String.Heredoc */
body:not(.wgl-theme-light) .mw-highlight .ow {
body:not(.wgl-theme-light) .mw-highlight .sh {
color: var(--synt-high--color-operator);
color: var(--synt-high--color-string);
}
}


/* Text.Whitespace */
/* Literal.String.Interpol */
body:not(.wgl-theme-light) .mw-highlight .w {
body:not(.wgl-theme-light) .mw-highlight .si {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Bin */
/* Literal.String.Other */
body:not(.wgl-theme-light) .mw-highlight .mb {
body:not(.wgl-theme-light) .mw-highlight .sx {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Float */
/* Literal.String.Regex */
body:not(.wgl-theme-light) .mw-highlight .mf {
body:not(.wgl-theme-light) .mw-highlight .sr {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Hex */
/* Literal.String.Single */
body:not(.wgl-theme-light) .mw-highlight .mh {
body:not(.wgl-theme-light) .mw-highlight .s1 {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Integer */
/* Literal.String.Symbol */
body:not(.wgl-theme-light) .mw-highlight .mi {
body:not(.wgl-theme-light) .mw-highlight .ss {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Oct */
/* Name.Builtin.Pseudo */
body:not(.wgl-theme-light) .mw-highlight .mo {
body:not(.wgl-theme-light) .mw-highlight .bp {
color: var(--synt-high--color-literal);
color: #f8f8f2;
}
}


/* Literal.String.Affix */
/* Name.Function.Magic */
body:not(.wgl-theme-light) .mw-highlight .sa {
body:not(.wgl-theme-light) .mw-highlight .fm {
color: var(--synt-high--color-string);
color: var(--synt-high--color-name);
}
}


/* Literal.String.Backtick */
/* Name.Variable.Class */
body:not(.wgl-theme-light) .mw-highlight .sb {
body:not(.wgl-theme-light) .mw-highlight .vc {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Char */
/* Name.Variable.Global */
body:not(.wgl-theme-light) .mw-highlight .sc {
body:not(.wgl-theme-light) .mw-highlight .vg {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Delimiter */
/* Name.Variable.Instance */
body:not(.wgl-theme-light) .mw-highlight .dl {
body:not(.wgl-theme-light) .mw-highlight .vi {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Doc */
/* Name.Variable.Magic */
body:not(.wgl-theme-light) .mw-highlight .sd {
body:not(.wgl-theme-light) .mw-highlight .vm {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Double */
/* Literal.Number.Integer.Long */
body:not(.wgl-theme-light) .mw-highlight .s2 {
body:not(.wgl-theme-light) .mw-highlight .il {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Escape */
body:not(.wgl-theme-light) .mw-highlight .se {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-literal);
}
}
/* #endregion */


/* Literal.String.Heredoc */
/* ============ */
body:not(.wgl-theme-light) .mw-highlight .sh {
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
color: var(--synt-high--color-string);
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
}
/* ============ */
 
:root {
/* Literal.String.Interpol */
/* "se-cm" = Source Editor - Code Mirror */
body:not(.wgl-theme-light) .mw-highlight .si {
/* same color as for source editor */
color: var(--synt-high--color-string);
--se-cm--bg-color: var(--bg-color-light-x2);
}
/* same color as for code block */
 
--se-cm--gutter-bg-color: var(--code-color-bg);
/* Literal.String.Other */
/* margin to the left for the main contents of the editor */
body:not(.wgl-theme-light) .mw-highlight .sx {
--se-cm--main-contents-left-margin: 0.25rem;
color: var(--synt-high--color-string);
/* bg color for pre/nowiki tags contents */
}
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
 
/* from the <syntaxhighlight> theme */
/* Literal.String.Regex */
--se-cm--comment-color: var(--synt-high--color-comment);
body:not(.wgl-theme-light) .mw-highlight .sr {
--se-cm--error-color: var(--red-color);
color: var(--synt-high--color-string);
/* link itself */
}
--se-cm--link-color: #699ae9;
 
/* link delimiter */
/* Literal.String.Single */
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
body:not(.wgl-theme-light) .mw-highlight .s1 {
/* link text */
color: var(--synt-high--color-string);
--se-cm--link-text-color: #3873d3;
}
--se-cm--link-brackets-color: var(--se-cm--link-text-color);
 
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
/* Literal.String.Symbol */
--se-cm--parser-function-color: #e0485a;
body:not(.wgl-theme-light) .mw-highlight .ss {
/* function param values */
color: var(--synt-high--color-string);
--se-cm--parser-function-values-color: #e0cacd;
/* table brackets and row delimiter */
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
/* table settings */
--se-cm--table-settings-color: var(--se-cm--template-name-color);
/* template name */
--se-cm--template-name-color: #a142cf;
/* template arg names */
--se-cm--template-arg-name-color: #9e27da;
/* template brackets */
--se-cm--template-brackets-color: var(--se-cm--template-name-color);
/* template arg values */
--se-cm--template-values-color: #a3cced;
/* template arg delimiters */
--se-cm--template-delimiter-color: var(--se-cm--link-color);
/* template param name */
--se-cm--template-param-name-color: #d07b00;
/* template param brackets */
--se-cm--template-param-brackets-color: #ac6600;
/* template param values */
--se-cm--template-param-value-color: hsl(207,90%,83%);
/* template param delimiter */
--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color);
/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color);
/* html tags, including ones specific for the wiki (like syntaxhighlight) */
--se-cm--xml-tag-color: #11a886;
/* selection color */
--se-cm--selection-color: hsl(205, 21%, 30%);
/* bg color applied when selecting a bracket that has a match (in templates) */
--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
}
 
/* the whole content body code mirror wrapper */
/* Name.Builtin.Pseudo */
body:not(.wgl-theme-light) .CodeMirror-wrap {
body:not(.wgl-theme-light) .mw-highlight .bp {
/* same color as for source editor */
color: #f8f8f2;
background: var(--se-cm--bg-color);
/* color for the text that the other rules don't apply to (regular text, header text, etc.) */
color: var(--text-color);
}
}
 
/* the actual lines of text */
/* Name.Function.Magic */
body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line {
body:not(.wgl-theme-light) .mw-highlight .fm {
/* a little bit of margin for the main content */
color: var(--synt-high--color-name);
margin-left: var(--se-cm--main-contents-left-margin);
}
}
 
/* gutters?? */
/* Name.Variable.Class */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters {
body:not(.wgl-theme-light) .mw-highlight .vc {
border-color: var(--ooui-border-color);
color: #f8f8f2;
}
}
 
/* gutter */
/* Name.Variable.Global */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter {
body:not(.wgl-theme-light) .mw-highlight .vg {
/* same color as for code block */
color: #f8f8f2;
background: var(--se-cm--gutter-bg-color);
}
}
 
/* selection */
/* Name.Variable.Instance */
body:not(.wgl-theme-light) .CodeMirror-line::selection,
body:not(.wgl-theme-light) .mw-highlight .vi {
/* selection */
color: #f8f8f2;
body:not(.wgl-theme-light) .CodeMirror-line>span::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection {
background: var(--se-cm--selection-color);
}
}
 
/* bullet point symbol */
/* Name.Variable.Magic */
body:not(.wgl-theme-light) .cm-mw-list,
body:not(.wgl-theme-light) .mw-highlight .vm {
/* ???? */
color: #f8f8f2;
body:not(.wgl-theme-light) .cm-mw-indenting {
color: var(--se-cm--wikitext-formatting-color);
}
}
 
/* magic words */
/* Literal.Number.Integer.Long */
body:not(.wgl-theme-light) .cm-mw-doubleUnderscore,
body:not(.wgl-theme-light) .mw-highlight .il {
/* magic words */
color: var(--synt-high--color-literal);
body:not(.wgl-theme-light) .cm-mw-double-underscore,
/* ???? user signature maybe */
body:not(.wgl-theme-light) .cm-mw-signature,
/* ???? hr tags prob */
body:not(.wgl-theme-light) .cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background: inherit;
}
}
/* #endregion */
/* html sequences like "&nbsp;" */
 
body:not(.wgl-theme-light) .cm-mw-mnemonic,
/* ============ */
/* ???? */
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
body:not(.wgl-theme-light) .cm-mw-html-entity {
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
color: var(--se-cm--xml-tag-color);
/* ============ */
background: #684905;
:root {
border-radius: 2px;
/* "se-cm" = Source Editor - Code Mirror */
}
/* same color as for source editor */
/* comments */
--se-cm--bg-color: var(--bg-color-light-x2);
body:not(.wgl-theme-light) .cm-mw-comment {
/* same color as for code block */
color: var(--se-cm--comment-color);
--se-cm--gutter-bg-color: var(--code-color-bg);
}
/* margin to the left for the main contents of the editor */
/* formatting: 3 apostrophes for bold text */
--se-cm--main-contents-left-margin: 0.25rem;
body:not(.wgl-theme-light) .cm-mw-apostrophes-bold,
/* bg color for pre/nowiki tags contents */
/* formatting: 2 apostrophes for italic text
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
todo make them separate? better eligibility */
/* from the <syntaxhighlight> theme */
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic {
--se-cm--comment-color: var(--synt-high--color-comment);
color: var(--se-cm--wikitext-formatting-color);
--se-cm--error-color: var(--red-color);
}
/* link itself */
/* template name */
--se-cm--link-color: #699ae9;
body:not(.wgl-theme-light) .cm-mw-template-name {
/* link delimiter */
color: var(--se-cm--template-name-color);
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
/* disable the default */
/* link text */
text-decoration: none;
--se-cm--link-text-color: #3873d3;
}
--se-cm--link-brackets-color: var(--se-cm--link-text-color);
/* template arg names */
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
body:not(.wgl-theme-light) .cm-mw-template-argument-name {
--se-cm--parser-function-color: #e0485a;
color: var(--se-cm--template-arg-name-color);
/* function param values */
--se-cm--parser-function-values-color: #e0cacd;
/* table brackets and row delimiter */
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
/* table settings */
--se-cm--table-settings-color: var(--se-cm--template-name-color);
/* template name */
--se-cm--template-name-color: #a142cf;
/* template arg names */
--se-cm--template-arg-name-color: #9e27da;
/* template brackets */
--se-cm--template-brackets-color: var(--se-cm--template-name-color);
/* template arg values */
--se-cm--template-values-color: #a3cced;
/* template arg delimiters */
--se-cm--template-delimiter-color: var(--se-cm--link-color);
/* template param name */
--se-cm--template-param-name-color: #d07b00;
/* template param brackets */
--se-cm--template-param-brackets-color: #ac6600;
/* template param values */
--se-cm--template-param-value-color: hsl(207,90%,83%);
/* template param delimiter */
--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color);
/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color);
/* html tags, including ones specific for the wiki (like syntaxhighlight) */
--se-cm--xml-tag-color: #11a886;
/* selection color */
--se-cm--selection-color: hsl(205, 21%, 30%);
/* bg color applied when selecting a bracket that has a match (in templates) */
--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
}
/* the whole content body code mirror wrapper */
/* template arg values */
body:not(.wgl-theme-light) .CodeMirror-wrap {
body:not(.wgl-theme-light) .cm-mw-template {
/* same color as for source editor */
color: var(--ooui-text-color);
background: var(--se-cm--bg-color);
/* color for the text that the other rules don't apply to (regular text, header text, etc.) */
color: var(--text-color);
}
}
/* the actual lines of text */
/* template pipe delimiters (maybe colon too for modules?) */
body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line {
body:not(.wgl-theme-light) .cm-mw-template-delimiter {
/* a little bit of margin for the main content */
color: var(--se-cm--template-name-color);
margin-left: var(--se-cm--main-contents-left-margin);
}
}
/* gutters?? */
/* template brackets */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters {
body:not(.wgl-theme-light) .cm-mw-template-bracket {
border-color: var(--ooui-border-color);
color: var(--se-cm--template-brackets-color);
}
}
/* gutter */
/* template variable (with 3 brackets) name */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter {
body:not(.wgl-theme-light) .cm-mw-templatevariable-name {
/* same color as for code block */
color: var(--se-cm--template-param-name-color);
background: var(--se-cm--gutter-bg-color);
}
}
/* selection */
/* template variable (with 3 brackets) value */
body:not(.wgl-theme-light) .CodeMirror-line::selection,
body:not(.wgl-theme-light) .cm-mw-templatevariable {
/* selection */
color: var(--se-cm--template-param-brackets-color);
body:not(.wgl-theme-light) .CodeMirror-line>span::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection {
background: var(--se-cm--selection-color);
}
}
/* bullet point symbol */
/* template variable brackets (3 brackets) */
body:not(.wgl-theme-light) .cm-mw-list,
body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket {
/* ???? */
color: var(--se-cm--template-param-brackets-color);
body:not(.wgl-theme-light) .cm-mw-indenting {
color: var(--se-cm--wikitext-formatting-color);
}
}
/* magic words */
/* template variable (with 3 brackets) delimiter */
body:not(.wgl-theme-light) .cm-mw-doubleUnderscore,
body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter {
/* magic words */
color: var(--se-cm--template-param-brackets-color);
body:not(.wgl-theme-light) .cm-mw-double-underscore,
/* ???? user signature maybe */
body:not(.wgl-theme-light) .cm-mw-signature,
/* ???? hr tags prob */
body:not(.wgl-theme-light) .cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background: inherit;
}
}
/* html sequences like "&nbsp;" */
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
body:not(.wgl-theme-light) .cm-mw-mnemonic,
body:not(.wgl-theme-light) .cm-mw-parserfunction-name {
/* ???? */
color: var(--se-cm--parser-function-color) !important;
body:not(.wgl-theme-light) .cm-mw-html-entity {
color: var(--se-cm--xml-tag-color);
background: #684905;
border-radius: 2px;
}
}
/* comments */
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
body:not(.wgl-theme-light) .cm-mw-comment {
body:not(.wgl-theme-light) .cm-mw-parserfunction {
color: var(--se-cm--comment-color);
color: var(--se-cm--parser-function-values-color);
}
}
/* formatting: 3 apostrophes for bold text */
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
body:not(.wgl-theme-light) .cm-mw-apostrophes-bold,
body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket {
/* formatting: 2 apostrophes for italic text
color: var(--se-cm--parser-function-color);
todo make them separate? better eligibility */
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic {
color: var(--se-cm--wikitext-formatting-color);
}
}
/* template name */
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
body:not(.wgl-theme-light) .cm-mw-template-name {
body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter {
color: var(--se-cm--template-name-color);
color: var(--se-cm--parser-function-color);
/* disable the default */
text-decoration: none;
}
}
/* template arg names */
/* wiki html tag names? like >syntaxhighlight> */
body:not(.wgl-theme-light) .cm-mw-template-argument-name {
body:not(.wgl-theme-light) .cm-mw-exttag-name,
color: var(--se-cm--template-arg-name-color);
/* html tag names */
}
body:not(.wgl-theme-light) .cm-mw-htmltag-name {
/* template arg values */
body:not(.wgl-theme-light) .cm-mw-template {
color: var(--ooui-text-color);
}
/* template pipe delimiters (maybe colon too for modules?) */
body:not(.wgl-theme-light) .cm-mw-template-delimiter {
color: var(--se-cm--template-name-color);
}
/* template brackets */
body:not(.wgl-theme-light) .cm-mw-template-bracket {
color: var(--se-cm--template-brackets-color);
}
/* template variable (with 3 brackets) name */
body:not(.wgl-theme-light) .cm-mw-templatevariable-name {
color: var(--se-cm--template-param-name-color);
}
/* template variable (with 3 brackets) value */
body:not(.wgl-theme-light) .cm-mw-templatevariable {
color: var(--se-cm--template-param-brackets-color);
}
/* template variable brackets (3 brackets) */
body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket {
color: var(--se-cm--template-param-brackets-color);
}
/* template variable (with 3 brackets) delimiter */
body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter {
color: var(--se-cm--template-param-brackets-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
body:not(.wgl-theme-light) .cm-mw-parserfunction-name {
color: var(--se-cm--parser-function-color) !important;
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
body:not(.wgl-theme-light) .cm-mw-parserfunction {
color: var(--se-cm--parser-function-values-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket {
color: var(--se-cm--parser-function-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter {
color: var(--se-cm--parser-function-color);
}
/* wiki html tag names? like >syntaxhighlight> */
body:not(.wgl-theme-light) .cm-mw-exttag-name,
/* html tag names */
body:not(.wgl-theme-light) .cm-mw-htmltag-name {
color: var(--se-cm--xml-tag-color);
color: var(--se-cm--xml-tag-color);
}
}
Строка 3407: Строка 3381:


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


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


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


#personal-extra li,
.js-project-menu label {
#personal h2,
.theme-dropdown-details {
padding: 0.25em;
border-radius: var(--border-radius-medium);
margin: 0;
}
 
.theme-dropdown-details[open] + .theme-window {
visibility: visible;
opacity: 1;
height: auto;
transform: scale(0.99999);
}
 
#personal .dropdown,
.theme-dropdown .theme-window {
top: unset;
user-select: none;
user-select: none;
position: absolute;
-webkit-user-drag: none;
right: -14px;
transition-property: background,box-shadow;
width: 14.5rem;
background: var(--ooui-bg-color-darkened);
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-duration: var(--transition-time);
transition-property: transform, opacity, visibility;
cursor: pointer;
z-index: var(--index-high);
padding: 0.2em 0.4em;
margin-top: 0.3rem;
font-weight: bold;
border: 2px solid var(--ooui-bg-color-light);
border-bottom: solid 2px var(--theme-text-color-dark);
border-top: 2px solid var(--ooui-border-color);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
border-radius: var(--border-radius-low);
color: var(--theme-text-color-dark);
padding: 0.2em;
opacity: 0.75;
box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
}
}


#personal .dropdown::before,
.js-project-menu input {
#personal .dropdown::after {
display: none;
display: none;
}
}


.theme-dropdown .theme-window {
.js-project-menu input:checked + label,
overflow: hidden;
.js-project-menu label:hover {
opacity: 0;
opacity: 1;
visibility: hidden;
transform: scale(0.9);
transform-origin: top;
}
}


.theme-dropdown .theme-window * {
.js-project-menu input:not(:checked) + label {
user-select: none;
background: unset !important;
user-drag: none;
-webkit-user-drag: none;
}
}


#personal .dropdown label, #personal .dropdown h3,
.js-project-menu input#project-Corvax + label {
.theme-dropdown .theme-window__header {
color: var(--text-color-crimson);
display: flex;
border-bottom-color: var(--text-color-crimson);
align-items: center;
background: var(--bg-color-pastel-red-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-WL + label {
display: flex;
color: var(--text-color-dark-salmon);
flex-direction: column;
border-bottom-color: var(--text-color-dark-salmon);
gap: 0.5em;
background: var(--bg-color-rust-dark);
}
}


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


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


#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
.js-project-menu input#project-SW + label {
.theme-dropdown .theme-window__content {
color: var(--text-color-crimson);
position: relative;
border-bottom-color: var(--text-color-crimson);
margin: 0.3em 0;
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);
}
}


#personal .dropdown ul,
.js-project-menu input#project-Goob + label {
#theme-preferences__content .theme-menu {
color: var(--text-color-blue);
background-color: var(--theme-bg-color-base);
border-bottom-color: var(--text-color-blue);
border-radius: var(--border-radius-low);
background: var(--bg-color-blue-dark);
}
}


#theme-preferences__content .theme-menu li {
@media screen and (max-width: 850px) {
margin: 0;
.js-project-menu {
font-size: var(--font-size-xs);
}
}
}


#personal .dropdown ul,
/* Меню настроек темы */
#theme-preferences__content .theme-menu form {
.theme-dropdown {
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 {
mask-image: var(--icon-settings);
}
}


#pt-notifications-alert .mw-echo-notifications-badge,
#theme-preferences__content {
#pt-notifications-notice .mw-echo-notifications-badge {
display: flex;
width: var(--icon-size);
flex-direction: column;
height: var(--icon-size);
gap: 0.5em;
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__heading {
    background-color: var(--color-contrast);
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
}


#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__content {
padding: 0.5em;
}
 
.theme-dropdown .theme-window * {
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);
body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
transition-property: background, box-shadow;
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
transition-duration: var(--transition-time);
filter: var(--invert-0) !important;
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);
}
}


/* icon color */
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
#mw-indicator-mw-helplink a .mw-helplink-icon,
background-color: var(--bg-color-message);
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
}
 
#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;
}
 
#personal h2::before,
#site-navigation h2,
.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,
.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);
}
}


.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,
.ext-templatewizard-templatetitlebar,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.growthexperiments-homepage-module-startemail,
.thumbinner,
.mw-ge-startediting-dialog-progress,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
.ace-tm .ace_gutter-active-line,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
.cdx-input-chip:not(.cdx-input-chip--disabled):hover,
.ve-ui-toolbarDialog,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.mw-echo-ui-notificationItemWidget:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
.mwe-vue-pt-control-gradient,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.cdx-toggle-button--framed:enabled:hover,
.footer-icons a:hover,
.mwe-vue-pt-navigation-bar,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
#mwe-vue-pt-stats-navigation {
.mw-special-Contribute .mw-contribute-card,
background: var(--ooui-bg-color-light);
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
}
.wikiEditor-ui-toolbar .group .tool-select .options .option,
 
.ext-templatewizard-templatetitlebar,
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-ge-help-panel-home-button,
.mw-highlight .hll,  
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.ace_button:hover:not(.checked),
span.fileinput-button,
.ace_button:active,
.ace_button,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.ace_searchbtn,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
.growthexperiments-homepage-module,
background: var(--bg-color-hover);
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
}
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
 
.ace_optionsMenuEntry button,
.oo-ui-menuSelectWidget,
.ace_optionsMenuEntry button[ace_selected_button=true],
.oo-ui-popupToolGroup-tools,
.wikiEditor-ui-toolbar,
.mw-widget-dateInputWidget-calendar,
.ace_search_field,
.mw-widgets-datetime-calendarWidget,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.cdx-menu {
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
background: var(--ooui-gradient);
.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,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
.mw-apisandbox-toolbar,
.mw-rcfilters-ui-menuSelectWidget-footer,
form:not(.oo-ui-layout) fieldset,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.ext-WikiEditor-realtimepreview-button:hover,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.ext-discussiontools-init-publishedcomment {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
background: transparent;
.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-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.mw-widget-dateInputWidget-handle,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
#wpDestFile,
#pagehistory li.selected,
#wpUploadDescription,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
.mw-widgets-datetime-dateTimeInputWidget-handle,
background: var(--bg-color-emerald-subtle);
.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);
}
}


.approved-revision {
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
background: var(--bg-color-emerald-subtle) !important;
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,
}
.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,
.cdx-message--success,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
.ace_mobile-button:active,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
.ace_mobile-button:hover,
background-color: var(--bg-color-message);
.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);
}
}


ul.fileupload-results li.ful-success,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
#mwe-vue-pt-stats-navigation,
.cdx-checkbox__icon,
.mw-notification.mw-notification-type-success,
.cdx-radio__icon {
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label,
background-color: var(--ooui-bg-color-dark);
.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,
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.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-special-Contribute .mw-contribute-tabs-content,
background-color: var(--bg-color-message-subtle);
.mw-echo-ui-placeholderItemWidget,
.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-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
background: var(--bg-color-blue-dark);
.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);
}
}


.mw-echo-ui-notificationItemWidget-unread,
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-highlight .hll,
.ext-growthExperiments-ScoreCard,
.ace_button:hover:not(.checked),
.ext-growthExperiments-MenteeOverview__no-results,
.ace_button:active,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.ext-communityConfiguration-Guidelines__Guideline {
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
background-color: var(--bg-color-notice-subtle);
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
background: var(--bg-color-hover);
}
}


.mw-echo-ui-notificationItemWidget-unread:hover {
.oo-ui-menuSelectWidget,
background: var(--bg-color-notice);
.oo-ui-popupToolGroup-tools,
.mw-widget-dateInputWidget-calendar,
.mw-widgets-datetime-calendarWidget,
.cdx-menu {
background: var(--ooui-gradient);
}
}


.wikiEditor-ui-text {
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
background: var(--theme-bg-color-base);
.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;
}
}


.ext-WikiEditor-ResizingDragBar,
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.ace_search,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.editOptions, .mw-editform .editOptions {
#pagehistory li.selected,
background: var(--theme-bg-color-100);
.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 span,
.approved-revision {
.mw-revslider-revision,
background: var(--bg-color-emerald-subtle) !important;
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.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 {
background: var(--ooui-border-color);
}
}


body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.cdx-message--success,
background: var(--border-color-hr);
.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);
}
}


.oo-ui-windowManager-modal > .oo-ui-dialog,
ul.fileupload-results li.ful-success,
.oo-ui-processDialog-errors,
#mwe-vue-pt-stats-navigation,
.cdx-dialog-backdrop {
.mw-notification.mw-notification-type-success,
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
.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-ui-button:not(:disabled):hover {
.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,
background-color: var(--theme-border-color-base);
.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-ui-button {
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--theme-bg-color-200);
background: var(--bg-color-blue-dark);
}
}


.cdx-message--warning,
.mw-echo-ui-notificationItemWidget-unread,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
.ext-growthExperiments-ScoreCard,
background: var(--bg-color-warning);
.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);
}
}


.cdx-message--error,
.mw-echo-ui-notificationItemWidget-unread:hover {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
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,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.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 {
background: var(--ooui-border-color);
}
 
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
background: var(--border-color-hr);
}
 
.oo-ui-windowManager-modal > .oo-ui-dialog,
.oo-ui-processDialog-errors,
.cdx-dialog-backdrop {
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
}
 
.mw-ui-button:not(:disabled):hover {
background-color: var(--theme-border-color-base);
}
 
.mw-ui-button {
background-color: var(--theme-bg-color-200);
}
 
.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label,
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
background: var(--bg-color-warning);
}
 
.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,
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),
Строка 4367: Строка 4437:
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.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-head,
.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-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
Строка 4746: Строка 4815:
.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);
}
}
Строка 4959: Строка 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));
}
}


Строка 5019: Строка 5089:
}
}
   
   
.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;
}
}
Строка 5472: Строка 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);
}
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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