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

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


Строка 62: Строка 62:
--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
--font-family-oswald: 'oswald';
--font-family-oswald: 'oswald';
--font-family-heading: "noto sans";
--font-family-heading: 'Roboto', 'Roboto-fallback';
--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif;
--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif;
--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
Строка 74: Строка 74:
--font-size-xl: 120%;
--font-size-xl: 120%;
--font-size-xxl: 130%;
--font-size-xxl: 130%;
--font-size-huge: 150%;
--font-size-huge: 145%;
--font-size-giant: 200%;
--font-size-giant: 200%;


Строка 604: Строка 604:
--ooui-bg--hsl-alpha: 18%;
--ooui-bg--hsl-alpha: 18%;
}
}
/* Апрельская тема
:root body.mediawiki:not(.wgl-theme-light) {
--brightness-hsl: -1%;
--theme-bg--hsl: 300deg 28%;
--theme-bg--hsl-alpha: 12%;
--color-contrast: #4d2aa7;
--bg-color-code: #271a27;
--bg-color-code-light: #2d1e2c;
--border-color-code: #412f3d;
--theme-bg-color-base: #100910;
--theme-bg-color-100: #19141f;
--ooui-bg--hsl: 185deg 40%;
--ooui-bg--hsl-alpha: 13%;
}*/
/* #endregion */
/* #endregion */


Строка 727: Строка 742:
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}
}
/* #endregion */


/* ============ */
@font-face {
/* #region Теги */
font-family: 'Roboto';
/* ============ */
font-style: normal;
.mw-editform #wpTextbox1, textarea {
font-weight: 100;
background: var(--theme-bg-color-100);
font-display: swap;
border-color: var(--theme-border-color-base);
src: url(https://fonts.gstatic.com/s/roboto/v18/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
color: var(--theme-text-color);
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
 
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v18/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}


math {
@font-face {
margin: 0.2em 0;
font-family: 'Roboto';
font-size: 1.1em;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
}


cite,dfn {
@font-face {
font-style: inherit;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}


q {
@font-face {
quotes: '«' '»' "„" "“";
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
}


ol {
@font-face {
margin-block-start: 0.7em;
font-family: 'Roboto';
margin-block-end: 0.7em;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}


code, code.mw-highlight,
@font-face {
.code,
font-family: 'Roboto';
.tdg-templateDataParamWidget-param-alias:first-child {
font-style: normal;
border-radius: 2px;
font-weight: 500;
padding: 1px 4px;
font-display: swap;
background: var(--bg-color-code);
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
border: 1px solid var(--border-color-code);
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
color: var(--theme-text-color);
}
}


.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
@font-face {
font-family: var(--font-family-monospace);
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}


pre {
@font-face {
overflow: auto;
font-family: 'Roboto';
white-space: pre-wrap;
font-style: normal;
background: var(--bg-color-code-light);
font-weight: 700;
border: 1px solid var(--border-color-code);
font-display: swap;
padding: 0.5em;
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
color: var(--theme-text-color);
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-family: var(--font-family-monospace);
}
}


blockquote {
@font-face {
background: var(--theme-bg-color-100);
font-family: 'Roboto';
border-left: 4px solid var(--theme-bg-color-150);
font-style: normal;
padding: 8px 32px;
font-weight: 700;
overflow: hidden;
font-display: swap;
box-shadow: var(--box-shadow);
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
border-radius: var(--border-radius-low);
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}
/* #endregion */


@media screen and (max-width: 850px) {
/* ============ */
blockquote {
/* #region Теги */
margin-inline-start: 10px;
/* ============ */
margin-inline-end: 10px;
.mw-editform #wpTextbox1, textarea {
padding: 6px 24px;
background: var(--theme-bg-color-100);
}
border-color: var(--theme-border-color-base);
color: var(--theme-text-color);
}
}


small {
math {
font-size: 85%
margin: 0.2em 0;
font-size: 1.1em;
}
}


li {
cite,dfn {
margin-top: 2px;
font-style: inherit;
}
}


input[type="button"] {
q {
background: var(--ooui-bg-color);
quotes: '«' '»' "„" "“";
border: 1px solid var(--ooui-border-color);
color: var(--ooui-text-color);
}
}


/*основные изображения - пиксельные. Для остальных нужно использовать класс noSprite*/
ol {
img {
margin-block-start: 0.7em;
image-rendering: pixelated;
margin-block-end: 0.7em;
filter: var(--filter-drop-shadow-low);
}
}


/*Для непиксельных изображений*/
code, code.mw-highlight,
.mw-body-content .noSprite img {
.code,
image-rendering: auto !important;  
.tdg-templateDataParamWidget-param-alias:first-child {
height: auto !important;
border-radius: 2px;
max-width: 100% !important;
padding: 1px 4px;
background: var(--bg-color-code);
border: 1px solid var(--border-color-code);
color: var(--theme-text-color);
}
}


.mw-body-content a > img, .mw-body-content .floatnone > img {
.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
max-width: unset !important;
font-family: var(--font-family-monospace);
}
}


hr {
pre {
border-bottom-width: 0px;
overflow: auto;
border-color: var(--border-color-hr);
white-space: pre-wrap;
background: var(--bg-color-code-light);
border: 1px solid var(--border-color-code);
padding: 0.5em;
color: var(--theme-text-color);
font-family: var(--font-family-monospace);
}
}


footer,#footer-info-lastmod,#footer-info-copyright {
blockquote {
color: var(--theme-text-color);
background: var(--theme-bg-color-100);
border-left: 4px solid var(--theme-bg-color-150);
padding: 8px 32px;
overflow: hidden;
box-shadow: var(--box-shadow);
border-radius: var(--border-radius-low);
}
}


p,h1,h2,h3,h4,h5,h6,li {
@media screen and (max-width: 850px) {
color: var(--theme-text-color);
blockquote {
margin-inline-start: 10px;
margin-inline-end: 10px;
padding: 6px 24px;
}
}
}


p {
small {
margin: 0.5em 0;
font-size: 85%
}
}


a {
li {
color: var(--text-color-link);
margin-top: 2px;
}
}


a:hover {
input[type="button"] {
color: var(--theme-text-color-light);
background: var(--ooui-bg-color);
border: 1px solid var(--ooui-border-color);
color: var(--ooui-text-color);
}
}


a:visited, a:visited:hover {
/*основные изображения - пиксельные. Для остальных нужно использовать класс noSprite*/
color: var(--text-color-link--visited);
img {
image-rendering: pixelated;
filter: var(--filter-drop-shadow-low);
}
}


a.new, .new a,
/*Для непиксельных изображений*/
.cdx-link.is-red-link, .cdx-link.is-red-link:hover {
.mw-body-content .noSprite img {
color: var(--text-color-link-new);
image-rendering: auto !important;
height: auto !important;
max-width: 100% !important;
}
}


a.new:hover, .new a:hover,
.mw-body-content a > img, .mw-body-content .floatnone > img {
.cdx-link.is-red-link:visited, .cdx-link.is-red-link:visited:hover {
max-width: unset !important;
}
 
hr {
border-bottom-width: 0px;
border-color: var(--border-color-hr);
}
 
footer,#footer-info-lastmod,#footer-info-copyright {
color: var(--theme-text-color);
}
 
p,h1,h2,h3,h4,h5,h6,li {
color: var(--theme-text-color);
}
 
p {
margin: 0.5em 0;
}
 
a {
color: var(--text-color-link);
}
 
a:hover {
color: var(--theme-text-color-light);
}
 
a:visited, a:visited:hover {
color: var(--text-color-link--visited);
}
 
a.new, .new a,
.cdx-link.is-red-link, .cdx-link.is-red-link:hover {
color: var(--text-color-link-new);
}
 
a.new:hover, .new a:hover,
.cdx-link.is-red-link:visited, .cdx-link.is-red-link:visited:hover {
color: var(--text-color-link-new--visited);
color: var(--text-color-link-new--visited);
}
}
Строка 905: Строка 1010:
.mw-body h2 {
.mw-body h2 {
font-size: var(--font-size-huge);
font-size: var(--font-size-huge);
border-bottom: none;
font-weight: 500;
font-family: var(--font-family-libertine);
font-family: var(--font-family-heading);
margin-bottom: 0.4em;
margin-top: 1em;
margin-top: 1em;
line-height: 1.375;
border-bottom: 2px solid var(--color-contrast);
border-bottom: 2px solid var(--color-contrast);
margin-bottom: 0.33rem;
padding: 0.25rem 0.25rem 0.1rem;
line-height: 1.25;
}
}


.mw-body h3 {
.mw-body h3 {
font-size: var(--font-size-xl);
font-size: var(--font-size-xxl);
font-weight: bold;
font-weight: 500;
font-family: sans-serif;
font-family: var(--font-family-heading);
margin-top: 0.3em;
margin-top: 0.3em;
margin-bottom: 0.3em;
margin-bottom: 0.3em;
padding-bottom: 0;
padding-bottom: 0.3em;
line-height: 1.6;
padding-top: 0.5em;
padding-top: 0.5em;
}
}


.mw-body h4,
.mw-body h3 .mw-headline {
.mw-body h5 {
display: inline-block;
font-size: var(--font-size-ml);
position: relative;
font-weight: bold;
}
font-family: sans-serif;
 
    padding-top: 0.5em;
.mw-body h3 .mw-headline:before {
    margin: 0;
content: '';
    margin-bottom: 0.3em;
position: absolute;
bottom: -0.2em;
height: 2px;
width: calc(100% + 2em);
max-width: 85cqw;
background: linear-gradient(to right, hsl(from var(--color-contrast) h s l / 0.75) calc(100% - 2em), transparent 100%);
}
 
.mw-body h4,
.mw-body h5 {
font-size: var(--font-size-xl);
font-weight: 500;
font-family: var(--font-family-heading);
padding-top: 0.5em;
margin: 0;
margin-bottom: 0.3em;
}
}
/* #endregion */
/* #endregion */
Строка 954: Строка 1074:
.navbox-subgroup {
.navbox-subgroup {
width: 100%;
width: 100%;
margin: 0 !important;
}
}
.navbox-group,
.navbox-group,
Строка 1037: Строка 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);
}
}


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


Строка 1146: Строка 1267:
[tooltip]:active {
[tooltip]:active {
background: var(--theme-bg-color-250);
background: var(--theme-bg-color-250);
}
/*=== VisualEditor ===*/
.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
border-right: 1px solid var(--border-color-hr);
}
.ve-ui-diffElement-attributeChange ins {
background-color: 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 {
background-color: rgba(209, 29, 19, 0.5) !important;
box-shadow: 0 0 0 1px rgba(209, 29, 19, 0.5) !important;
}
}


Строка 1565: Строка 1701:
.mw-code {
.mw-code {
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
color: var(--theme-text-color)
color: var(--theme-text-color);
border-color: var(--border-color-hr);
}
}


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


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


Строка 1903: Строка 2064:
.tabs-tabbox > .tabs-container {
.tabs-tabbox > .tabs-container {
padding: 14px 10px;
padding: 14px 10px;
background: var(--theme-bg-color-175);
background: var(--theme-bg-color-150);
border: none;
border: none;
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
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%;
}
}


/*=== toc ===*/
/*=== toc ===*/
ul#filetoc, .toc, .toccolours, .mw-warning {
ul#filetoc, .toc, .toccolours, .mw-warning {
border-radius: 0.5em;
border-radius: var(--border-radius-high);
background: var(--theme-bg-color-150);
background: var(--theme-bg-color-150);
padding: 12px;
padding: 8px 12px;
box-sizing: border-box;
margin: 12px 0;
margin: 12px 0;
min-width: 12em;
min-width: 12em;
border: none;
box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow-outline);
line-height: 1.3;
line-height: 1.3;
border: var(--border-outset-light);
box-sizing: border-box;
}
.toccolours > p {
margin: 0;
}
}


Строка 1928: Строка 2097:


.toc .toctitle {
.toc .toctitle {
font-size: 0.95em;
font-size: var(--font-size-s);
padding: 0 8px;
display: flex;
display: flex;
align-items: center;
align-items: center;
Строка 1943: Строка 2111:
display: flex;
display: flex;
align-items: center;
align-items: center;
padding: 0;
}
}


Строка 1948: Строка 2117:
content: "";
content: "";
display: block;
display: block;
width: 12px;
width: 16px;
height: 12px;
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);
Строка 2018: Строка 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;
    padding: 0.2em 0.5em;
    font-weight: bold;
    border-bottom: solid 2px var(--theme-text-color-dark);
    border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
    color: var(--theme-text-color-dark);
    opacity: 0.75;
}


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


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


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


.js-project-menu input#project-Corvax + label {
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
    color: var(--text-color-crimson);
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
    border-bottom-color: var(--text-color-crimson);
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
    background: var(--bg-color-pastel-red-dark);
display: none;
}
}


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


.brightness-overlay:hover::before {
.brightness-overlay:hover::before {
filter: brightness(103%);
filter: brightness(105%);
}
}


Строка 3288: Строка 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;
Строка 3476: Строка 3570:


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


Строка 3563: Строка 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,
user-select: none;
.theme-dropdown-details {
-webkit-user-drag: none;
padding: 0.25em;
transition-property: background,box-shadow;
border-radius: var(--border-radius-medium);
transition-duration: var(--transition-time);
margin: 0;
cursor: pointer;
padding: 0.2em 0.4em;
font-weight: bold;
border-bottom: solid 2px var(--theme-text-color-dark);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
color: var(--theme-text-color-dark);
opacity: 0.75;
}
 
.js-project-menu input {
display: none;
}
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


/* invert(0) */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.cdx-checkbox__icon,
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
.cdx-radio__icon {
filter: var(--invert-0);
background-color: var(--ooui-bg-color-dark);
}
 
body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
filter: var(--invert-0) !important;
}
}


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


.mw-rcfilters-ui-filterMenuSectionOptionWidget,
/* 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,
ul.fileupload-results li.ful-success,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td,
#mwe-vue-pt-stats-navigation {
.ext-discussiontools-ui-replyWidget-preview,
background: var(--bg-color-message);
#preferences .mw-htmlform-submit-buttons,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-popupWidget-popup,
.ui-widget-header,
.ui-widget-content,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group,
.ext-growthExperiments-MenteeFilters__form,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-input-chip,
.ve-init-mw-progressBarWidget,
.mwe-vue-pt-showing-filter-chip,
.mw-twocolconflict-single-column, .mw-twocolconflict-split-column,
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
background: var(--ooui-bg-color-dark);
}
}


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


.mw-echo-ui-notificationItemWidget-unread,
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.mw-special-Contribute .mw-contribute-tabs-content,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-echo-ui-placeholderItemWidget,
.ext-growthExperiments-ScoreCard,
.mw-ge-startediting-dialog-intro-general,
.ext-growthExperiments-MenteeOverview__no-results,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.oo-ui-searchWidget-results,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ext-communityConfiguration-Guidelines__Guideline {
#ace_settingsmenu, #kbshortcutmenu,
background-color: var(--bg-color-notice-subtle);
.oo-ui-searchWidget-query,
}
.mw-ge-startediting-dialog-difficulty-banner,
 
.mw-ge-help-panel-popup .oo-ui-dialog,
.mw-echo-ui-notificationItemWidget-unread:hover {
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
background: var(--bg-color-notice);
.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);
}
}


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


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


.ext-WikiEditor-ResizingDragBar span,
.oo-ui-menuSelectWidget,
.mw-revslider-revision,
.oo-ui-popupToolGroup-tools,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.mw-widget-dateInputWidget-calendar,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
.mw-widgets-datetime-calendarWidget,
background: var(--ooui-border-color);
.cdx-menu {
background: var(--ooui-gradient);
}
}


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


.oo-ui-windowManager-modal > .oo-ui-dialog,
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.oo-ui-processDialog-errors,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.cdx-dialog-backdrop {
#pagehistory li.selected,
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
.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);
}
}


.mw-ui-button:not(:disabled):hover {
.approved-revision {
background-color: var(--theme-border-color-base);
background: var(--bg-color-emerald-subtle) !important;
}
}


.mw-ui-button {
.cdx-message--success,
background-color: var(--theme-bg-color-200);
.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);
}
}


.cdx-message--warning,
ul.fileupload-results li.ful-success,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
#mwe-vue-pt-stats-navigation,
background: var(--bg-color-warning);
.mw-notification.mw-notification-type-success,
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label,
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
background: var(--bg-color-message);
}
 
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type='radio'] + span,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange {
background-color: var(--bg-color-message-subtle);
}
 
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background: var(--bg-color-blue-dark);
}
}


.cdx-message--error,
.mw-echo-ui-notificationItemWidget-unread,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.ext-growthExperiments-ScoreCard,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative,
.ext-growthExperiments-MenteeOverview__no-results,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover {
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
background: var(--bg-color-error);
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.ext-communityConfiguration-Guidelines__Guideline {
background-color: var(--bg-color-notice-subtle);
}
}


.mwe-vue-pt-problem-chip {
.mw-echo-ui-notificationItemWidget-unread:hover {
background: var(--bg-color-error-subtle);
background: var(--bg-color-notice);
}
}


.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
.wikiEditor-ui-text {
background-color: var(--border-color-error);
background: var(--theme-bg-color-base);
}
}


.mw-notification.mw-notification-type-warn,
.ext-WikiEditor-ResizingDragBar,
.mw-destfile-warning {
.ace_search,
background-color: var(--bg-color-warning-subtle);
.editOptions, .mw-editform .editOptions {
background: var(--theme-bg-color-100);
}
}


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


.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.oo-ui-windowManager-modal > .oo-ui-dialog,
.wikiEditor-ui-toolbar .sections .section,
.oo-ui-processDialog-errors,
.mw-revslider-container,  
.cdx-dialog-backdrop {
.mw-revslider-slider-wrapper,
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
#mw-searchoptions .divider,
}
.ace_searchbtn:last-child,
 
.wikiEditor-ui .wikiEditor-ui-view,
.mw-ui-button:not(:disabled):hover {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
background-color: var(--theme-border-color-base);
.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-ui-button {
.ve-ui-symbolListPage-symbol,
background-color: var(--theme-bg-color-200);
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
 
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.cdx-message--warning,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
span.fileinput-button,
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label,
.ace_button,
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
.ace_searchbtn,
background: var(--bg-color-warning);
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
 
.growthexperiments-homepage-module,
.cdx-message--error,
.oo-ui-toggleSwitchWidget,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.oo-ui-searchWidget-query,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative,
.mw-ge-help-panel-popup .oo-ui-dialog,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover {
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
background: var(--bg-color-error);
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
}
 
.mwe-vue-pt-problem-chip {
background: var(--bg-color-error-subtle);
}
 
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
background-color: var(--border-color-error);
}
 
.mw-notification.mw-notification-type-warn,
.mw-destfile-warning,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type='radio'] + span,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
background-color: var(--bg-color-warning-subtle);
}
 
/* border */
.wikiEditor-ui .wikiEditor-ui-top,
.ext-WikiEditor-ResizingDragBar-ns,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-apisandbox-help-field,
.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty),
.mw-echo-ui-crossWikiUnreadFilterWidget,
.mw-echo-ui-notificationItemWidget:not(:last-child),
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templatetitlebar,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.ace_optionsMenuEntry button,
.mw-ge-help-panel-home-button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.ace_editor.ace_autocomplete,
.ace_search_field,
.ext-growthExperiments-CPopper__popover,
.ace_search,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.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,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.mw-notification,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-popupWidget-popup,
.mw-templateData-template-map-list-menu-panel,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-menuSelectWidget,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-popupToolGroup-tools,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
#wpDestFile,
.mw-rcfilters-ui-menuSelectWidget-footer,
#wpUploadDescription,
.mw-widget-dateInputWidget-calendar,
.mw-widgets-datetime-calendarWidget,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.ext-growthExperiments-MenteeFilters__form,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.ext-growthExperiments-NumberInput__input:enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.cdx-dialog,
.mw-widget-dateInputWidget-handle,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
div.editOptions,
.cdx-menu,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.oo-ui-menuToolGroup,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.ve-ui-mwHelpListToolGroup-tools-footer,
.cdx-input-chip,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.ext-communityConfiguration-Features__Feature,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.mwe-vue-pt-article-row,
.cdx-select:enabled,
.ve-ui-mwTransclusionOutlineControlsWidget {
.cdx-select:enabled:hover,
border-color: var(--ooui-border-color);
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
}
.cdx-text-input__input:enabled,
 
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.wikiEditor-ui-toolbar .sections .section,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.mw-revslider-container,  
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.mw-revslider-slider-wrapper,
.wikiEditor-ui-toolbar .page-characters div span,
#mw-searchoptions .divider,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.ace_searchbtn:last-child,
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon,
.wikiEditor-ui .wikiEditor-ui-view,
.cdx-toggle-button--framed:enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.cdx-info-chip,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
#mwe-vue-pt-control-dropdown,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.cdx-radio__input:enabled+.cdx-radio__icon {
.ve-ui-symbolListPage-symbol,
border-color: var(--ooui-border-color-light);
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
 
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
span.fileinput-button,
.mw-revslider-revision-border-box,
.ace_button,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.ace_searchbtn,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.mw-rcfilters-ui-datePopupWidget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.oo-ui-searchWidget-query,
.oo-ui-searchWidget-query,
.ext-replacetext-searchoptions .ext-replacetext-divider,
.mw-ge-startediting-dialog-difficulty-banner,
.ve-ui-symbolListPage-symbol:hover,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
#preferences .mw-htmlform-submit-buttons,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.mw-revslider-revision,
.ext-templatewizard-templatetitlebar,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.mw-rcfilters-ui-tagItemWidget-popup-content,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ace_optionsMenuEntry button,
.ext-growthExperiments-HorizontalDivider,
.ace_optionsMenuEntry button[ace_selected_button=true],
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.ace_search_field,
.ext-communityConfiguration-JsonForm__footer,
.ace_search,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.cdx-text-input__input:enabled:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.ext-discussiontools-emptystate:not(:first-child),
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.wikiEditor-ui-toolbar .page-table td {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
border-color: var(--border-color-hr);
.oo-ui-popupWidget-popup,
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
 
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
#wpDestFile,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
#wpUploadDescription,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
.mw-widgets-datetime-calendarWidget,
border-color: transparent;
.mw-widgets-datetime-dateTimeInputWidget-handle,
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
 
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.cdx-message--success,
.ext-growthExperiments-MenteeFilters__form,
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.ext-growthExperiments-NumberInput__input:enabled,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success,
.cdx-dialog,
#mwe-vue-pt-stats-navigation {
.cdx-select-vue--enabled .cdx-select-vue__handle,
border-color: var(--border-color-message);
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-input-chip,
.ext-communityConfiguration-Features__Feature,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon,
.cdx-toggle-button--framed:enabled,
.cdx-info-chip,
#mwe-vue-pt-control-dropdown,
.cdx-radio__input:enabled+.cdx-radio__icon,
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
border-color: var(--ooui-border-color-light);
}
}


.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
.cdx-message--warning,
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
.mw-revslider-revision-border-box,
border-color: var(--border-color-warning);
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
 
.mw-rcfilters-ui-datePopupWidget,
.mw-ui-button:not(:disabled) {
.oo-ui-searchWidget-query,
border-color: var(--theme-border-color-base);
.ext-replacetext-searchoptions .ext-replacetext-divider,
}
.ve-ui-symbolListPage-symbol:hover,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
#preferences .mw-htmlform-submit-buttons,
.mw-revslider-revision,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ext-growthExperiments-HorizontalDivider,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.ext-communityConfiguration-JsonForm__footer,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover,
.cdx-text-input__input:enabled:hover,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ext-discussiontools-emptystate:not(:first-child),
.wikiEditor-ui-toolbar .page-table td {
border-color: var(--border-color-hr);
}
 
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
border-color: transparent;
}
 
.cdx-message--success,
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success,
#mwe-vue-pt-stats-navigation,
.mw-notification.mw-notification-type-success,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type='radio'] + span {
border-color: var(--border-color-message);
}
 
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type='radio'] + span {
border-color: var(--border-color-warning);
}
 
.mw-ui-button:not(:disabled) {
border-color: var(--theme-border-color-base);
}


.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
Строка 4604: Строка 4814:
.mw-body-content .recent-questions-growthexperiments-help-questions h3, .overlay-content .recent-questions-growthexperiments-help-questions h3, .content .recent-questions-growthexperiments-help-questions h3, .mw-body-content .recent-questions-growthexperiments-mentor-questions h3, .overlay-content .recent-questions-growthexperiments-mentor-questions h3, .content .recent-questions-growthexperiments-mentor-questions h3,
.mw-body-content .recent-questions-growthexperiments-help-questions h3, .overlay-content .recent-questions-growthexperiments-help-questions h3, .content .recent-questions-growthexperiments-help-questions h3, .mw-body-content .recent-questions-growthexperiments-mentor-questions h3, .overlay-content .recent-questions-growthexperiments-mentor-questions h3, .content .recent-questions-growthexperiments-mentor-questions h3,
.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-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);
}
}
Строка 4714: Строка 4926:
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span,
.cdx-toggle-button--framed:enabled,
.cdx-toggle-button--framed:enabled,
.cdx-info-chip--text {
.cdx-info-chip--text,
.mw-twocolconflict-single-column, .mw-twocolconflict-split-column {
color: var(--ooui-text-color);
color: var(--ooui-text-color);
}
}
Строка 4815: Строка 5028:


/* Остальное */
/* Остальное */
.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));
}
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark {
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark {
mix-blend-mode: unset;
mix-blend-mode: unset;
Строка 4872: Строка 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;
}
}
Строка 5325: Строка 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);
}
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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