Structorica Wiki

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

Интерактивная навигация по истории
← Предыдущая правка
Ivan (обсуждение | вклад)
Бюрократы, Администраторы интерфейса, Скрывающие, Администраторы
796 правок
Нет описания правки
Метка: отменено
Нет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 10: Строка 10:
.notheme {
.notheme {
     --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
     --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
--header-background: url('https://structorica.wiki/images/Header-background-day.png');/*Header-background*/
--header-background: url('images/essentials/Header-background-day.png');/*Header-background*/




Строка 158: Строка 158:
      
      
     /* Маркированные списки */
     /* Маркированные списки */
     --list-bullet: url('https://structorica.wiki/images/List_bullet.svg');
     --list-bullet: url('images/essentials/List_bullet.svg');
     --hlist-bullet-color: #000;
     --hlist-bullet-color: #000;
   
    --ooui-text: var(--color-base);
    --ooui-interface: var(--background-color-interactive-subtle);
    --ooui-interface-border: var(--border-color-base);
    --ooui-normal: var(--background-color-neutral-subtle);
    --ooui-normal--hover: var(--background-color-base);
    --ooui-normal-border: var(--border-color-base);
    --ooui-progressive: var(--background-color-progressive);
    --ooui-progressive--hover: var(--background-color-progressive--hover);
    --ooui-accent: var(--link-color);
    --ooui-input: var(--background-color-base);
    --ooui-input-border: var(--border-color-base);
    --ooui-input-border--hover: var(--border-color-interactive);
    --ooui-disabled: var(--background-color-disabled);
    --ooui-disabled-border: var(--border-color-disabled);
    --ooui-disabled-text: var(--color-base);
}
}


Строка 168: Строка 189:
/* DARK THEME - Structorica Dark Theme */
/* DARK THEME - Structorica Dark Theme */
:root .stw-theme-dark {
:root .stw-theme-dark {
--header-background: url('https://structorica.wiki/images/Header-background-dark.png');/*Header-background*/
--header-background: url('images/essentials/Header-background-dark.png');/*Header-background*/


      
      
Строка 264: Строка 285:
      
      
     /* Маркированные списки */
     /* Маркированные списки */
     --list-bullet: url('https://structorica.wiki/images/List_bullet_dark.svg');
     --list-bullet: url('images/essentials/List_bullet_dark.svg');
     --hlist-bullet-color: #FFF;
     --hlist-bullet-color: #FFF;
       
    --ooui-text: var(--color-base);
    --ooui-interface: var(--background-color-interactive-subtle);
    --ooui-interface-border: var(--border-color-base);
    --ooui-normal: var(--background-color-neutral-subtle);
    --ooui-normal--hover: var(--background-color-base);
    --ooui-normal-border: var(--border-color-base);
    --ooui-progressive: var(--background-color-progressive);
    --ooui-progressive--hover: var(--background-color-progressive--hover);
    --ooui-accent: var(--link-color);
    --ooui-input: var(--background-color-base);
    --ooui-input-border: var(--border-color-base);
    --ooui-input-border--hover: var(--border-color-interactive);
    --ooui-disabled: var(--background-color-disabled);
    --ooui-disabled-border: var(--border-color-disabled);
    --ooui-disabled-text: var(--color-base);
}
}


Строка 274: Строка 313:
     font-weight: 400;
     font-weight: 400;
     src: local("IBM Plex Sans"), local("IBMPlexSans"),  
     src: local("IBM Plex Sans"), local("IBMPlexSans"),  
         url("/images/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"),  
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"),  
         url("/images/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff");
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff");
     font-display: swap;
     font-display: swap;
   }
   }
Строка 283: Строка 322:
     font-weight: 400;
     font-weight: 400;
     src: local("IBM Plex Sans"), local("IBMPlexSans"),  
     src: local("IBM Plex Sans"), local("IBMPlexSans"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2");
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     font-display: swap;
     font-display: swap;
Строка 292: Строка 331:
     font-weight: 400;
     font-weight: 400;
     src: local("IBM Plex Sans"), local("IBMPlexSans"),  
     src: local("IBM Plex Sans"), local("IBMPlexSans"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     font-display: swap;
     font-display: swap;
Строка 303: Строка 342:
     font-weight: 400;
     font-weight: 400;
     src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),  
     src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),  
         url("/images/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"),  
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"),  
         url("/images/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff");
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff");
     font-display: swap;
     font-display: swap;
   }
   }
Строка 312: Строка 351:
     font-weight: 400;
     font-weight: 400;
     src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),  
     src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2");
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     font-display: swap;
     font-display: swap;
Строка 321: Строка 360:
     font-weight: 400;
     font-weight: 400;
     src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),  
     src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2");
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     font-display: swap;
     font-display: swap;
Строка 332: Строка 371:
     font-weight: 600;
     font-weight: 600;
     src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),  
     src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),  
         url("/images/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"),  
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"),  
         url("/images/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff");
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff");
     font-display: swap;
     font-display: swap;
   }
   }
Строка 341: Строка 380:
     font-weight: 600;
     font-weight: 600;
     src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),  
     src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2");
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     font-display: swap;
     font-display: swap;
Строка 350: Строка 389:
     font-weight: 600;
     font-weight: 600;
     src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),  
     src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     font-display: swap;
     font-display: swap;
Строка 361: Строка 400:
     font-weight: 600;
     font-weight: 600;
     src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),  
     src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),  
         url("/images/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"),  
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"),  
         url("/images/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff");
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff");
     font-display: swap;
     font-display: swap;
   }
   }
Строка 370: Строка 409:
     font-weight: 600;
     font-weight: 600;
     src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),  
     src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2");
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
     font-display: swap;
     font-display: swap;
Строка 379: Строка 418:
     font-weight: 600;
     font-weight: 600;
     src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),  
     src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),  
         url("/images/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2");
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2");
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
     font-display: swap;
     font-display: swap;
Строка 509: Строка 548:
   color: #7e8eff
   color: #7e8eff
}
}


:where(body.stw-theme-dark) a.new:hover,
:where(body.stw-theme-dark) a.new:hover,
Строка 525: Строка 565:
}
}


 
body.stw-theme-dark .mw-logevent-actionlink a,
 
body.stw-theme-dark .mw-logevent-tool a,
body.stw-theme-dark .mw-diff-tool a,
body.stw-theme-dark .mw-pager-tools a {
    color: #90c0fe !important;
    border-radius: 2px;
    text-decoration: none;
}
body.stw-theme-dark .mw-checkbox-toggle-controls a {
    color: #90c0fe !important;
}




Строка 1920: Строка 1969:


/* -------------------- WIKI EDITOR 3 END --------------------*/
/* -------------------- WIKI EDITOR 3 END --------------------*/
.cdx-button:enabled,
.mw-ui-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.mw-ui-button.cdx-button--fake-button--enabled {
    background-color: var(--ooui-normal);
    color: var(--ooui-text);
    border-color: var(--ooui-normal-border);
}
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
    color: var(--ooui-text);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff;
}
.cdx-button:enabled:hover,
.mw-ui-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ui-button.cdx-button--fake-button--enabled:hover,
.cdx-button:enabled:active,
.mw-ui-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.mw-ui-button.cdx-button--fake-button--enabled:active {
    background-color: var(--ooui-normal--hover);
    color: var(--ooui-text);
    border-color: var(--ooui-normal-border);
}
.cdx-button:enabled:visited,
.mw-ui-button:enabled:visited,
.cdx-button.cdx-button--fake-button--enabled:visited,
.mw-ui-button.cdx-button--fake-button--enabled:visited {
    color: var(--ooui-text);
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--ooui-progressive);
    color: #fff;
    border-color: var(--ooui-progressive);
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff;
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: none;
}
.cdx-button.cdx-button--action-destructive:not( :disabled ),
.cdx-button.mw-ui-button--action-destructive:not( :disabled ),
.mw-ui-button.cdx-button--action-destructive:not( :disabled ),
.mw-ui-button.mw-ui-button--action-destructive:not( :disabled ) {
    color: #fff;
}
.cdx-button.cdx-button--weight-quiet,
.cdx-button.mw-ui-button--weight-quiet,
.mw-ui-button.cdx-button--weight-quiet,
.mw-ui-button.mw-ui-button--weight-quiet,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive {
    color: var(--color-base);
}
.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive);
    border-color: var(--ooui-progressive);
}
.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
}
.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}
.cdx-checkbox__input:enabled:checked:focus:not(:active),
.mw-ui-checkbox__input:enabled:checked:focus:not(:active),
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active),
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active) {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}
.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}
.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:hover + .cdx-checkbox__icon {
    border-color: var(--ooui-accent);
}
.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:hover,
.cdx-button.mw-ui-button--weight-quiet:hover,
.mw-ui-button.cdx-button--weight-quiet:hover,
.mw-ui-button.mw-ui-button--weight-quiet:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover {
    background-color: rgba(0, 24, 73, 0.02745098);
    color: var(--color-base);
    border-color: transparent;
}
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:focus,
.cdx-button.mw-ui-button--weight-quiet:focus,
.mw-ui-button.cdx-button--weight-quiet:focus,
.mw-ui-button.mw-ui-button--weight-quiet:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus {
    color: var(--color-base);
}
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:active,
.cdx-button.mw-ui-button--weight-quiet:active,
.mw-ui-button.cdx-button--weight-quiet:active,
.mw-ui-button.mw-ui-button--weight-quiet:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active {
    background-color: rgba(0, 36, 73, 0.08235294);
    color: var(--color-base);
    border-color: #72777d;
}
.mw-ui-input:not(:disabled) {
    background-color: var(--ooui-input);
    color: var(--color-base);
    border-color: var(--ooui-input-border);
}
.mw-ui-input:not(:disabled):hover {
    border-color: var(--ooui-input-border--hover);
}
.mw-ui-input:not(:disabled):focus {
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent);
}
.mw-ui-input:not(:disabled)::placeholder {
    color: var(--byline-color);
}
/* MessageBox template */
.msgbox {
    display: flex;
    background: #FCFCFC;
    box-sizing: border-box;
    align-items: center;
    width: auto;
    padding: .4em .8em;
    margin: 0 auto;
    margin-bottom: 1em
}
.msgbox + .msgbox {
border-top: none;
margin-top: -1em;
}
.msgbox:not(.msgbox-subtle) + .msgbox:not(.msgbox-subtle),.msgbox-subtle + .msgbox-subtle {
    border-top: none;
    margin-top: -1em
}
.msgbox-subtle:has(+ .msgbox-subtle),.msgbox-subtle + .msgbox-subtle {
    width: 100%
}
.msgbox .msgbox-iconimage,.msgbox .msgbox-image {
    margin: 0 1.5em 0 .5em
}
.msgbox-subtle {
    float: right;
    clear: right;
    margin-left: 1em;
    flex-direction: column;
    font-size: 95%
}
@media all and (max-width: 511px) {
    .msgbox-subtle {
        float:none;
        margin-left: auto
    }
    .msgbox + .msgbox {
        border-top: none;
        margin-top: -1em
    }
}
.msgbox-mini {
    padding: .4em .5em;
    margin: 0 0;
    margin-bottom: 1em
}
.msgbox-mini .msgbox-icon {
    align-self: flex-start
}
.msgbox-mini .msgbox-iconimage,.msgbox-mini .msgbox-image {
    margin: 0 .4em 0 .5em
}
.msgbox-mini .msgbox-text {
    font-size: small
}
.msgbox-red {
    background: hsl(0,75%,92%);
    border-left: 4px solid hsl(0,75%,85%)
}
body.stw-theme-dark .msgbox-red {
    background-color: hsl(0,25%,8%);
    border-left-color: hsl(0,15%,36%)
}
.msgbox-orange {
    background: hsl(40,75%,92%);
    border-left: 4px solid hsl(40,75%,85%)
}
body.stw-theme-dark .msgbox-orange {
    background-color: hsl(40,25%,8%);
    border-left-color: hsl(40,15%,36%)
}
.msgbox-yellow {
    background: hsl(60,75%,92%);
    border-left: 4px solid hsl(60,75%,85%)
}
body.stw-theme-dark .msgbox-yellow {
    background-color: hsl(60,25%,8%);
    border-left-color: hsl(60,15%,36%)
}
.msgbox-green {
    background: hsl(120,75%,92%);
    border-left: 4px solid hsl(120,75%,85%)
}
body.stw-theme-dark .msgbox-green {
    background-color: hsl(120,25%,8%);
    border-left-color: hsl(120,15%,36%)
}
.msgbox-blue {
    background: hsl(215,75%,92%);
    border-left: 4px solid hsl(215,75%,85%)
}
body.stw-theme-dark .msgbox-blue {
    background-color: hsl(215,25%,8%);
    border-left-color: hsl(215,15%,36%)
}
.msgbox-magenta {
    background: hsl(310,75%,92%);
    border-left: 4px solid hsl(310,75%,85%)
}
body.stw-theme-dark .msgbox-magenta {
    background-color: hsl(310,25%,8%);
    border-left-color: hsl(310,15%,36%)
}
.msgbox-purple {
    background: hsl(260,75%,92%);
    border-left: 4px solid hsl(260,75%,85%)
}
body.stw-theme-dark .msgbox-purple {
    background-color: hsl(260,25%,8%);
    border-left-color: hsl(260,15%,36%)
}
.msgbox-gray {
    background: hsl(0,0%,92%);
    border-left: 4px solid hsl(0,0%,85%)
}
body.stw-theme-dark .msgbox-gray {
    background-color: hsl(0,0%,8%);
    border-left-color: hsl(0,0%,36%)
}
Источник — https://ru.structorica.wiki/w/MediaWiki:Common.css