Structorica Wiki

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older edit
Ivan (talk | contribs)
Bureaucrats, Interface administrators, Suppressors, Administrators
796 edits
No edit summary
No edit summary
 
(33 intermediate revisions by the same user not shown)
Line 10: Line 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*/




Line 158: Line 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);
}
html:has(body.stw-theme-dark) {
  color-scheme: dark
}
}


/* 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*/


      
      
Line 260: Line 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);
}
}


Line 270: Line 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;
   }
   }
Line 279: Line 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;
Line 288: Line 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;
Line 299: Line 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;
   }
   }
Line 308: Line 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;
Line 317: Line 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;
Line 328: Line 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;
   }
   }
Line 337: Line 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;
Line 346: Line 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;
Line 357: Line 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;
   }
   }
Line 366: Line 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;
Line 375: Line 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;
   }
   }
/** Инверсия цветов в тёмной теме
    Invert colors in dark mode    **/
body.stw-theme-dark  .darkmode-invert,
body.stw-theme-dark .skin-invert-image img,
body.stw-theme-dark .skin-invert:not(.mw-echo-notificationsWrapper),
body.stw-theme-dark .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),
body.stw-theme-dark .oo-ui-indicatorElement-indicator {
    color-scheme: light;
    filter: invert(1) hue-rotate(180deg);
}




Line 448: Line 504:
a.new:visited {
a.new:visited {
     color: var(--redlink-color);
     color: var(--redlink-color);
}
body.stw-theme-dark .mw-collapsible-text,
:where(body.stw-theme-dark) .toctogglelabel,
:where(body.stw-theme-dark) .jslink,
:where(body.stw-theme-dark) .vector-menu-dropdown .mw-list-item a,
:where(body.stw-theme-dark) .mw-body a.external,
:where(body.stw-theme-dark) .mw-body a.extiw,
:where(body.stw-theme-dark) .mw-parser-output a.external,
:where(body.stw-theme-dark) .mw-parser-output a.extiw,
:where(body.stw-theme-dark) a {
  color: #90c0fe
}
:where(body.stw-theme-dark) .ext-discussiontools-init-replylink-reply:visited,
:where(body.stw-theme-dark) .ext-discussiontools-init-section-subscribe-link:visited,
:where(body.stw-theme-dark) .mw-body a.external:visited,
:where(body.stw-theme-dark) .mw-body a.extiw:visited,
:where(body.stw-theme-dark) .mw-parser-output a.external:visited,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:visited,
:where(body.stw-theme-dark) a:visited {
  color: #9495f4
}
:where(body.stw-theme-dark) a.new,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits {
  color: #ffa4a4
}
:where(body.stw-theme-dark) a.new:visited,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:visited {
  color: #fb7a7a
}
:where(body.stw-theme-dark) .mw-body a.external:hover,
:where(body.stw-theme-dark) .mw-body a.extiw:hover,
:where(body.stw-theme-dark) .mw-parser-output a.external:hover,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:hover,
:where(body.stw-theme-dark) a:hover {
  color: #7e8eff
}
:where(body.stw-theme-dark) a.new:hover,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:hover {
  color: #ff8484
}
:where(body.stw-theme-dark) .mw-body a.external:active,
:where(body.stw-theme-dark) .mw-body a.extiw:active,
:where(body.stw-theme-dark) .mw-parser-output a.external:active,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:active,
:where(body.stw-theme-dark) a.new:active,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:active,
:where(body.stw-theme-dark) a:active {
  color: #faa700
}
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;
}
}


Line 509: Line 636:




/*** СТАНДАРТНЫЕ КЛАССЫ
    STANDARD CLASSES  ***/
/** Пиксельное масштабирование изображений и иконок пользователей **/
.pixel-image,
.sprite,
.sprite img,
.mw-userlink,
.invslot,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.mcui,
.gui {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
/** Отключить разрыв строки на пробелах **/
.nowrap {
    white-space: nowrap;
}
/** Hide noscript only elements **/
.noscript {
    display: none;
}
/** Скрытие от простых смертных ненужных элементов **/
.admin_only,
.admin_only_inline,
.admin_only_block,
.admin_only_flex {
    display: none !important;
}
/** Только для средств чтения с экрана **/
.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
/** Чередующиеся ячейки и строки таблиц
    Alternating table cells and rows    **/
/*
    .alternatecells:nth-child(odd) {
        background-color: #F9F9F9;
    }
    body.stw-theme-dark .alternatecells:nth-child(odd) {
        background-color: #222;
    }
   
    .alternaterows tr:nth-child(even) {
        background-color: #F9F9F9;
    }
    body.stw-theme-dark .alternaterows tr:nth-child(even) {
        background-color: #222;
    }
*/
/* -------------------- WIKI EDITOR CodeMirror styling --------------------*/
/* https://discuss.codemirror.net/t/styling-and-theming-design-discussion/2958  */
/* -------------------- WIKI EDITOR --------------------*/
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
color: var(--color-subtle, #54595d);
font-weight: 400
}
.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget {
display: inline-block;
margin-left: 1em
}
.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget:first-child {
margin-left: 0
}
.wikiEditor-ui {
position: relative;
clear: both;
width: 100%
}
.wikiEditor-ui textarea {
width: 100%;
border: 0
}
.wikiEditor-ui textarea:focus {
outline: 0
}
.wikiEditor-ui .wikiEditor-ui-clear {
clear: both
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui .wikiEditor-ui-top {
position: relative;
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui .wikiEditor-ui-left {
float: left;
width: 100%
}
.wikiEditor-ui .wikiEditor-ui-right {
float: right;
background: var(--background-color-neutral-subtle, #f8f9fa);
overflow: hidden
}
.wikiEditor-wikitext {
float: left;
width: 100%
}
.wikiEditor-ui-controls {
float: left;
width: 100%;
background-color: var(--background-color-base, #fff)
}
.wikiEditor-ui-tabs {
float: left;
height: 2.5em;
margin-right: -1px;
background-color: var(--background-color-base, #fff);
border-left: 1px solid var(--border-color-subtle, #c8ccd1);
border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-tabs div {
float: left;
height: 2.5em;
background-color: var(--background-color-interactive-subtle, #f8f9fa);
border-right: 1px solid var(--border-color-subtle, #c8ccd1);
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-tabs div a {
display: inline-block;
padding: 0 0.75em;
line-height: 2.5em;
color: var(--color-progressive, #36c)
}
.wikiEditor-ui-tabs div.current {
border-bottom: 1px solid #fff;
background-color: var(--background-color-base, #fff)
}
.wikiEditor-ui-tabs div.current a {
color: var(--color-base, #202122)
}
.wikiEditor-ui-tabs div.current a:hover {
text-decoration: none
}
.wikiEditor-ui-buttons {
float: right;
height: 2.5em;
margin-right: -1px;
background-color: var(--background-color-base, #fff);
padding-left: 1em;
border-top: 1px solid #fff
}
.wikiEditor-ui-buttons button {
margin-left: 0.5em
}
.wikiEditor-view-wikitext {
line-height: 1em
}
.wikiEditor-ui-toolbar {
position: relative;
display: block;
z-index: 7;
}
.wikiEditor-ui-toolbar .empty {
display: none
}
.wikiEditor-ui-toolbar .sections {
float: left;
width: 100%;
clear: both
}
.wikiEditor-ui-toolbar .sections .section {
float: left;
width: 100%;
border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-toolbar .sections .section-hidden {
display: none
}
.wikiEditor-ui-toolbar .tabs {
float: left;
height: 100%;
list-style: none;
margin: 0 3px;
min-height: 32px;
position: relative
}
.wikiEditor-ui-toolbar .tabs span.tab {
position: relative;
float: left;
line-height: 32px
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: var(--color-progressive, #36c);
cursor: pointer;
display: block;
height: 32px;
padding-left: 18px;
padding-right: 12px
}
.wikiEditor-ui-toolbar .tabs span.tab a::before {
content: '';
background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 32px;
transition: transform 100ms
}
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before {
transform: rotate(-90deg)
}
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a::before {
transform: rotate(90deg)
}
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: var(--color-progressive, #36c)
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--color-base, #202122)
}
.wikiEditor-ui-toolbar .tabs span.tab a.current:hover,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover {
text-decoration: none
}
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before {
transform: rotate(0)
}
.wikiEditor-ui-toolbar .tabs,
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .section-secondary {
position: relative;
float: left;
min-height: 32px;
height: 100%
}
.wikiEditor-ui-toolbar .section-secondary {
float: right
}
.wikiEditor-ui-toolbar .section-secondary .group {
padding-right: 0;
margin-left: 6px;
border-left: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-toolbar .group {
float: left;
display: flex;
min-height: 26px;
padding-right: 6px;
border-right: 1px solid var(--border-color-subtle, #c8ccd1);
margin: 3px;
}
.wikiEditor-ui-toolbar .group .label {
float: left;
border: 0;
height: 22px;
line-height: 22px;
margin: 2px 8px 2px 5px;
color: var(--color-subtle, #54595d);
cursor: default
}
.wikiEditor-ui-toolbar .group img.tool {
float: left;
border: 0;
height: 22px;
width: 22px;
padding: 2px;
cursor: pointer
}
.wikiEditor-ui-toolbar .group .tool-select {
float: left;
margin: 2px 0 2px 2px;
height: 22px;
cursor: pointer;
border: 1px solid var(--border-color-subtle, #c8ccd1);
padding: 0;
background-color: var(--background-color-base, #fff)
}
.wikiEditor-ui-toolbar .group .tool-select .label {
position: relative;
padding: 0 26px 0 4px;
margin: 0;
cursor: pointer;
text-decoration: none;
color: var(--color-base, #202122)
}
.wikiEditor-ui-toolbar .group .tool-select .label::after {
content: '';
background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
display: block;
position: absolute;
top: 0;
right: 4px;
width: 16px;
height: 22px
}
.wikiEditor-ui-toolbar .group .tool-select.options-shown .label::after {
transform: rotate(180deg)
}
.wikiEditor-ui-toolbar .group .tool-select .options {
position: absolute;
display: none;
margin-left: -1px;
margin-top: 22px;
border: 1px solid var(--border-color-subtle, #c8ccd1);
background-color: var(--background-color-base, #fff);
z-index: 1
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
display: block;
padding: 0.5em;
text-decoration: none;
color: var(--color-base, #202122);
white-space: nowrap
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: #eaf3ff
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-2'] {
font-size: 150%;
font-weight: normal
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-3'] {
font-size: 132%;
font-weight: normal
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-4'] {
font-size: 116%;
font-weight: normal
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-5'] {
font-size: 100%;
font-weight: bold
}
.wikiEditor-ui-toolbar .group .tool-select:hover .options,
.wikiEditor-ui-toolbar .group .tool-select.options-shown .options {
display: block
}
.wikiEditor-ui-toolbar .group-search {
float: right;
border-right: 0;
border-left: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-toolbar .booklet>.index {
float: left;
width: 20%;
height: 125px;
overflow: auto;
resize: horizontal
}
.wikiEditor-ui-toolbar .booklet>.index>div {
padding: 4px 4px 4px 6px;
cursor: pointer
}
.wikiEditor-ui-toolbar .booklet>.index .wikiEditor-character-highlighted {
background-color: rgba(41, 98, 204, 0.1);
color: var(--color-base, #202122)
}
.wikiEditor-ui-toolbar .booklet .pages {
height: 125px;
overflow: auto
}
.wikiEditor-ui-toolbar .page-table {
padding-left: 5px;
padding-right: 5px
}
.wikiEditor-ui-toolbar .page-table table {
background: none;
border-collapse: collapse;
width: 100%
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--color-subtle, #54595d)
}
.wikiEditor-ui-toolbar .page-table td {
color: var(--color-base, #202122);
border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
margin: 0;
padding: 5px;
text-align: left
}
.wikiEditor-ui-toolbar .section-help .page-table {}
.wikiEditor-ui-toolbar .section-help .page-table .cell {
vertical-align: top
}
.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax {
font-family: monospace, 'Courier'
}
.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .cell-result {
width: 40%
}
.wikiEditor-ui-toolbar .section-help .page-table .cell-description {
width: 20%
}
.wikiEditor-ui-toolbar .section-help .page-table .table-link .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .table-link span.pre-wrap {
white-space: pre
}
.wikiEditor-ui-toolbar .section-help .cell-result h2,
.wikiEditor-ui-toolbar .section-help .cell-result h3,
.wikiEditor-ui-toolbar .section-help .cell-result h4,
.wikiEditor-ui-toolbar .section-help .cell-result h5 {
margin-bottom: 0;
margin-top: 0;
padding-top: 0
}
.wikiEditor-ui-toolbar .page-characters {
padding-bottom: 5px
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--border-color-subtle, #c8ccd1);
padding: 5px 8px;
margin-left: 5px;
margin-top: 5px;
height: 1em;
display: inline-block;
color: var(--color-base, #202122);
text-decoration: none;
cursor: pointer;
font-family: monospace, 'Courier';
font-size: 1.25em;
line-height: 1
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: var(--background-color-base, #fff);
text-decoration: none;
border-color: var(--border-color-interactive, #72777d)
}
.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted {
background-color: #7db1c5;
color: var(--color-base, #202122)
}
.wikiEditor-ui-toolbar .page-characters div[dir='rtl'] span {
direction: rtl
}
.tool-button {
background-position: 50% 50%;
background-repeat: no-repeat;
vertical-align: middle;
width: 24px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
overflow: hidden
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
margin: 0
}
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
background: var(--background-color-neutral, #eaecf0);
padding: 10px
}
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper span {
padding: 4px 6px 0;
display: block
}
.ui-widget table .wikieditor-toolbar-table-preview-frame {
width: 340px;
background: var(--background-color-base, #fff);
padding: 10px;
overflow: hidden;
display: block;
position: relative
}
.ui-widget table .wikieditor-toolbar-table-preview-content {
width: 375px;
display: block
}
.ui-widget table .wikieditor-toolbar-table-preview {
width: 340px
}
.wikiEditor-toolbar-dialog .ui-dialog-content {}
.wikiEditor-toolbar-dialog .ui-dialog-content fieldset {
border: 0 !important;
margin: 0 !important;
padding: 0 !important
}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
box-sizing: border-box
}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='radio'],
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='checkbox'] {
margin-left: 0
}
.wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
padding: 0
}
div.suggestions {
z-index: 1099
}
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
right: 0.9em
}
.wikieditor-toolbar-field-wrapper {
padding: 0 0 25px 0
}
.wikieditor-toolbar-floated-field-wrapper {
float: left;
margin-right: 2em
}
#wikieditor-toolbar-replace-search,
#wikieditor-toolbar-replace-replace {
width: 100%
}
#wikieditor-toolbar-table-dialog fieldset {
width: 218px;
padding: 0;
float: left
}
#wikieditor-toolbar-table-dialog .wikieditor-toolbar-table-preview-wrapper {
width: 330px;
padding: 0;
float: right
}
.wikieditor-toolbar-table-preview-content * {
cursor: default
}
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-wrapper table {
width: 100% !important
}
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table td {
padding: 10px 4px !important;
height: auto !important
}
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table th {
padding: 7px 3px !important
}
.wikiEditor-toolbar-dialog .ui-dialog-content {
padding: 30px 20px 1em !important
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: 1px solid #c8ccd1 !important
}
.wikieditor-toolbar-table-dimension-fields .wikieditor-toolbar-field-wrapper {
float: left;
margin-right: 20px;
vertical-align: bottom
}
.wikieditor-toolbar-dialog-wrapper {
width: 100%
}
#wikieditor-toolbar-file-target,
#wikieditor-toolbar-file-caption,
#wikieditor-toolbar-file-alt {
width: 100%
}
.wikieditor-toolbar-file-alt-help {
float: right
}
.wikieditor-toolbar-file-options .wikieditor-toolbar-field-wrapper {
float: left;
margin: 0 20px 0 0
}
#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset {
width: 100%;
text-align: right;
}
#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {
float: left
}
body.rtl .wikiEditor-toolbar-dialog .ui-dialog-buttonpane button {
float: left;
margin: 0.5em 0.4em 0.5em 0 !important
}
.wikieditor-toolbar-table-dimension-fields::after,
.wikieditor-toolbar-dialog-wrapper::after {
visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0
}
.wikieditor-toolbar-table-dimension-fields,
.wikieditor-toolbar-dialog-wrapper {
display: inline-table;
display: block
}
.wikiEditor-ui-toolbar {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--border-color-muted, #dadde3)
}
.wikiEditor-ui-toolbar .group {
min-height: 32px;
margin: 0;
padding-right: 0
}
.wikiEditor-ui-toolbar .group .label {
height: 28px;
margin-left: 8px;
line-height: 28px
}
.wikiEditor-ui-toolbar .group .tool-select {
background-color: transparent;
height: 32px;
margin: 0;
border: 0
}
.wikiEditor-ui-toolbar .group .tool-select .label {
height: 32px;
padding-left: 8px;
line-height: 32px
}
.wikiEditor-ui-toolbar .group .tool-select .label::after {
height: 32px
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
margin-top: 32px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25)
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--background-color-interactive, #eaecf0)
}
.wikiEditor-ui-toolbar .booklet>.index> :hover {
background-color: var(--background-color-interactive, #eaecf0)
}
.wikiEditor-ui-toolbar .booklet>.index>.current {
background-color: var(--background-color-progressive-subtle, #f1f4fd);
color: var(--color-progressive, #36c)
}
.tool-button {
width: 32px;
height: 32px;
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms
}
.tool-button,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button {
border-radius: 0
}
.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover {
background-color: rgba(0, 23, 70, 0.08599999999999999);
}
.tool-button:hover>.oo-ui-iconElement-icon,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover>.oo-ui-iconElement-icon {
opacity: 1
}
.tool-button.tool-active,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button.tool-active {
background-color: rgba(0, 104, 243, 0.08599999999999999);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button>.oo-ui-iconElement-icon {
opacity: 0.87
}
/* -------------------- WIKI EDITOR 2 --------------------*/
.wikiEditor-ui .oo-ui-toolbar-popups {
    right: 0
}
.wikiEditor-ui .ve-init-mw-switchPopupWidget,.wikiEditor-ui .oo-ui-popupToolGroup-tools {
    right: 0 !important;
    left: unset !important
}
.wikiEditor-ui .ve-init-mw-switchPopupWidget .oo-ui-popupWidget-anchor {
    margin-left: calc(100% - 1.25em);
    left: unset !important
}
.wikiEditor-ui .ext-WikiEditor-realtimepreview-button > a.oo-ui-buttonElement-button {
    display: flex;
    align-items: center
}
.wikiEditor-ui .wikiEditor-ui-view {
    margin-left: -1em;
    margin-right: -1em;
    border: 0
}
.client-js #editform > .wikiEditor-ui .wikiEditor-ui-view {
    margin-left: 0;
    margin-right: 0
}
.client-js #editform {
    margin-left: -1em;
    margin-right: -1em
}
@media screen and (min-width: 982px) {
    .wikiEditor-ui .wikiEditor-ui-view {
        margin-left:-1.7em;
        margin-right: -1.7em
    }
    .client-js #editform {
        margin-left: -1.7em;
        margin-right: -1.7em
    }
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 0
}
.wikiEditor-ui-toolbar .sections .section .section-advanced .section-visible {
    border-bottom: 0
}
.oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar {
    border-bottom: 0;
    box-shadow: none
}
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 10px;
}
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
    min-width: 42px;
    min-height: 42px;
    text-align: center;
}
.wikiEditor-ui-toolbar .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .label:after {
    height: 42px
}
.wikiEditor-ui-toolbar .group .label {
    line-height: 39px
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    line-height: 42px;
    height: 42px
}
.wikiEditor-ui-toolbar .tabs span.tab {
    line-height: 42px
}
.wikiEditor-ui-toolbar .tabs span.tab a:before {
    height: 42px;
    left: 6px
}
.wikiEditor-ui-toolbar .tabs span.tab a {
    height: 42px;
    padding-left: 22px
}
.wikiEditor-ui-toolbar .tabs {
    margin: 0
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
    height: 42px
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
    padding-top: 42px
}
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
    border-bottom: 1px solid #eaecf0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)
}
.ve-activated .vector-menu-tabs .selected {
    box-shadow: none
}
.oo-ui-messageDialog-title {
    color: #1e1e1e;
    font-weight: bold
}
.ve-ui-specialCharacterPage h3,.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
    font-weight: bold
}
.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #cbcbcb
}
.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td {
    padding: 4px
}
.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #cbcbcb
}
.mw-editform #wpTextbox1 {
    padding-left: 0.8em
}
.mw-editTools,.templatesUsed,.hiddencats,.limitreport {
    padding-left: 1.5em;
    padding-right: 1.5em
}
.editOptions {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 1.5em
}
.mw-editform #wpSummaryLabel {
    margin: 0 1em
}
.editOptions > #wpSummaryLabel {
    margin: 0
}
.mw-summary-preview {
    margin: 0 1em
}
.editOptions > .mw-summary-preview {
    margin: 0
}
.mw-editform #editpage-copywarn {
    line-height: 1.4;
    margin-top: 5px
}
#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    border: 1px solid #c0c2c5;
    padding: 0.3em;
    border-radius: 3px
}
body .ui-dialog .ui-widget-header {
    background: #ebe9e9 !important;
    border: 0;
    font-size: 120%;
    padding: 0.6em 1.4em 0.6em !important;
    margin: 0.5em 0.5em 0
}
.wikieditor-toolbar-field-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap
}
.wikieditor-toolbar-file-alt-help {
    background: #f7f7f7;
    border: 1px solid #c3c3c3;
    font-size: 110%;
    padding: 0.4em 1em 0.4em;
    border-radius: 2px;
    cursor: pointer
}
.wikieditor-toolbar-file-alt-help:is(:hover,:focus-within) {
    background: #eef4ff !important;
    border-color: #afc4db !important
}
.ui-dialog .ui-dialog-buttonpane button {
    background: #f7f7f7 !important;
    border-color: #c3c3c3 !important;
    font-weight: bold;
    font-size: 110%;
    color: #222222;
    padding: 0.3em;
    border-radius: 2px;
    box-shadow: none
}
.ui-dialog .ui-dialog-buttonpane button:is(:hover,:focus-within) {
    background: #eef4ff !important;
    border-color: #afc4db !important
}
#wikieditor-toolbar-replace-nomatch {
    background-color: #f3cece;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}
#wikieditor-toolbar-replace-emptysearch {
    background-color: #e5e7bf;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}
#wikieditor-toolbar-replace-success {
    background-color: #d6ebd2;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}
#wikieditor-toolbar-replace-invalidregex {
    background-color: #efd6f1;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}
.ve-ui-mwSaveDialog-options {
    background-color: transparent;
    border: 0
}
.ve-ui-mwSaveDialog-summary {
    background-color: transparent
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget {
    padding: 0.3em 0.6em;
    border-radius: 3px
}
.cm-mw-toggle-wikieditor .oo-ui-labelElement-label {
    display: none
}
/*
#preferences .mw-htmlform-submit-buttons {
    background-color: var(--content-background-color)
}
.ext-discussiontools-ui-replyWidget-footer,.ext-discussiontools-init-timestamplink,.ext-discussiontools-init-timestamplink:visited,.ext-discussiontools-init-timestamplink:active,.ext-discussiontools-init-pageframe-latestcomment,.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem {
    color: var(--content-secondary-text-color)
}
.mcwiki-header-grass .ext-discussiontools-init-section-subscribe > * {
    color: inherit !important
}
.ext-discussiontools-replytool-enabled:not(.ns-4) dl,.ext-discussiontools-visualenhancements-enabled dl,.ns-10008 dl,.ns-talk dl {
    border-left: 1px dotted #a2a9b1
}
.ext-discussiontools-replytool-enabled:not(.ns-4) dl:has(+ dl),.ext-discussiontools-replytool-enabled:not(.ns-4) dl dl,.ext-discussiontools-visualenhancements-enabled dl:has(+ dl),.ext-discussiontools-visualenhancements-enabled dl dl,.ns-10008 dl:has(+ dl),.ns-10008 dl dl,.ns-talk dl:has(+ dl),.ns-talk dl dl {
    margin-bottom: -0.5em;
    padding-bottom: 0.5em
}
body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) :is(dl:has(+ dl),dd) dd:last-child {
    margin-bottom: 0
}
body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:first-child:not(:has(> dl:first-child)) {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: 1px dotted #a2a9b1
}
body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:not(:last-child):has([data-mw-comment-end]) {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #a2a9b1
}
.vector-body blockquote {
    border-left-color: var(--infobox-header-background-color)
}
*/


/** Оформление WikiEditor **/
/** Оформление WikiEditor **/
Line 526: Line 1,850:




 
/* -------------------- WIKI EDITOR 3 --------------------*/
 
 
 
 
 




Line 545: Line 1,864:
     box-shadow: none;
     box-shadow: none;
}
}


/* Prevent page jump from the toolbar loading */
/* Prevent page jump from the toolbar loading */
Line 572: Line 1,894:
     padding: 2px;
     padding: 2px;
     text-align: center;
     text-align: center;
    }
}


#userButtons tr td, table#userButtons * tr td {
#userButtons tr td, table#userButtons * tr td {
     border: 1px solid #76FF76;
     border: 1px solid #76FF76;
     padding: 5px;
     padding: 5px;
    }
}


#userButtons tr td p, table#userButtons * tr td p {
#userButtons tr td p, table#userButtons * tr td p {
     margin-top:0;
     margin-top:0;
     margin-bottom:0;
     margin-bottom:0;
    }
}


#userButtons.collapsible tr th, table#userButtons.collapsible * tr th {
#userButtons.collapsible tr th, table#userButtons.collapsible * tr th {
     padding-left: 6.5em;
     padding-left: 6.5em;
    }
}


/* Отступ перед ПБВ */
.editOptions {
        padding-bottom:0px;
        margin-bottom:0px;
        }


/* Стиль разделителей ПБВ */
/* Стиль разделителей ПБВ */
Line 648: Line 1,965:
     margin: 0px 0px 8px;
     margin: 0px 0px 8px;
}
}
/* -------------------- WIKI EDITOR 3 END --------------------*/




Line 658: Line 1,996:




/*** СТАНДАРТНЫЕ КЛАССЫ
    STANDARD CLASSES  ***/


/** Пиксельное масштабирование изображений и иконок пользователей **/
.cdx-button:enabled,
.pixel-image,
.mw-ui-button:enabled,
.sprite,
.cdx-button.cdx-button--fake-button--enabled,
.sprite img,
.mw-ui-button.cdx-button--fake-button--enabled {
.mw-userlink,
     background-color: var(--ooui-normal);
.invslot,
     color: var(--ooui-text);
.ns-special .gallerybox img,
     border-color: var(--ooui-normal-border);
.ns-14 .gallerybox img,
.filehistory a img,
.mcui,
.gui {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
     image-rendering: -moz-crisp-edges;
     image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
     image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
}


/** Отключить разрыв строки на пробелах **/
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.nowrap {
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active),
     white-space: nowrap;
.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;
}
}


/** Hide noscript only elements **/
.cdx-button:enabled:hover,
.noscript {
.mw-ui-button:enabled:hover,
     display: none;
.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,
.admin_only,
.mw-ui-button:enabled:visited,
.admin_only_inline,
.cdx-button.cdx-button--fake-button--enabled:visited,
.admin_only_block,
.mw-ui-button.cdx-button--fake-button--enabled:visited {
.admin_only_flex {
     color: var(--ooui-text);
     display: none !important;
}
}


/** Только для средств чтения с экрана **/
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.sr-only:not(:focus):not(:active) {
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
    clip: rect(0 0 0 0);
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
    clip-path: inset(50%);
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
     height: 1px;
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
     overflow: hidden;
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
     position: absolute;
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
    white-space: nowrap;
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled) {
    width: 1px;
     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,
    Alternating table cells and rows    **/
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon {
/*
    background-color: var(--ooui-progressive--hover);
    .alternatecells:nth-child(odd) {
    border-color: var(--ooui-progressive--hover);
        background-color: #F9F9F9;
     box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
    }
}
    body.wgl-theme-dark .alternatecells:nth-child(odd) {
        background-color: #222;
     }
   
    .alternaterows tr:nth-child(even) {
        background-color: #F9F9F9;
    }
    body.wgl-theme-dark .alternaterows tr:nth-child(even) {
        background-color: #222;
    }
*/


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) {
@media screen and (max-width: 720px) {
     .msgbox-subtle {
     #mw-head {
         float:none;
         top: 13px;
        margin-left: auto
     }
     }


     #p-logo {
     .msgbox + .msgbox {
         margin-bottom: 0;
         border-top: none;
         height: 160px;
         margin-top: -1em
     }
     }
}


    div#p-search form {
.msgbox-mini {
        background: none;
    padding: .4em .5em;
        border: none;
    margin: 0 0;
        margin: 0;
    margin-bottom: 1em
    }
}


    div#p-search form::before,
.msgbox-mini .msgbox-icon {
     div#p-search form::after {
     align-self: flex-start
        border: none;
}
    }


    div#simpleSearch::before {
.msgbox-mini .msgbox-iconimage,.msgbox-mini .msgbox-image {
        border-left-color: transparent;
    margin: 0 .4em 0 .5em
    }
}


    div#simpleSearch::after {
.msgbox-mini .msgbox-text {
        border-top-color: transparent;
    font-size: small
    }
}


    div#mw-navigation div#mw-panel {
.msgbox-red {
        position: static !important; /* position: relative may be added to inline styles by built-in JS after page load; it needs an !important to override */
    background: hsl(0,75%,92%);
    }
    border-left: 4px solid hsl(0,75%,85%)
}


     #left-navigation,#content {
body.stw-theme-dark .msgbox-red {
        margin-left:10px
     background-color: hsl(0,25%,8%);
    }
    border-left-color: hsl(0,15%,36%)
}


     #footer {
.msgbox-orange {
        margin-left: 8px
     background: hsl(40,75%,92%);
    }
    border-left: 4px solid hsl(40,75%,85%)
}


     #footer:before {
body.stw-theme-dark .msgbox-orange {
        content: none
     background-color: hsl(40,25%,8%);
    }
    border-left-color: hsl(40,15%,36%)
}


     #left-navigation,#right-navigation {
.msgbox-yellow {
        margin-top: 40px
     background: hsl(60,75%,92%);
    }
    border-left: 4px solid hsl(60,75%,85%)
}


    #p-personal {
body.stw-theme-dark .msgbox-yellow {
        top: -8px
    background-color: hsl(60,25%,8%);
    }
    border-left-color: hsl(60,15%,36%)
}


    div#mw-navigation div#mw-panel {
.msgbox-green {
        display: flex;
    background: hsl(120,75%,92%);
        flex-wrap: wrap;
    border-left: 4px solid hsl(120,75%,85%)
        justify-content: space-evenly;
}
        width: 100%
    }


    .vector-legacy-sidebar .vector-menu-portal {
body.stw-theme-dark .msgbox-green {
        width: 142px;
    background-color: hsl(120,25%,8%);
        flex-shrink: 0;
    border-left-color: hsl(120,15%,36%)
        display: var(--sidebar-display,flex);
}
        flex-direction: column
    }


    .vector-legacy-sidebar .vector-menu-portal .vector-menu-content {
.msgbox-blue {
        flex-grow: 1;
    background: hsl(215,75%,92%);
        display: block !important
    border-left: 4px solid hsl(215,75%,85%)
    }
}


    #mw-panel nav.vector-menu-portal.collapsed h3:before {
body.stw-theme-dark .msgbox-blue {
        -webkit-transform: rotate(0deg);
    background-color: hsl(215,25%,8%);
        transform: rotate(0deg)
    border-left-color: hsl(215,15%,36%)
    }
}


    #p-search {
.msgbox-magenta {
        float: none;
    background: hsl(310,75%,92%);
        position: absolute;
    border-left: 4px solid hsl(310,75%,85%)
        right: 0;
}
        left: 0;
        margin: 0;
        bottom: -31px;
        margin-bottom: -1em
    }


    #p-search #searchform {
body.stw-theme-dark .msgbox-magenta {
        margin: 0;
    background-color: hsl(310,25%,8%);
        padding: 0 calc(1em + 16px)
    border-left-color: hsl(310,15%,36%)
    }
}


    #p-search #searchform .cdx-search-input__input-wrapper {
.msgbox-purple {
        margin: 0;
    background: hsl(260,75%,92%);
        padding: 0;
    border-left: 4px solid hsl(260,75%,85%)
        width: 100%;
}
        max-width: 100%;
        border-bottom: 3px solid var(--simplesearch-left-border-color);
        border-right: 3px solid var(--simplesearch-top-border-color)
    }


    #p-search #searchform .cdx-search-input__end-button {
body.stw-theme-dark .msgbox-purple {
        right: -2px
    background-color: hsl(260,25%,8%);
     }
     border-left-color: hsl(260,15%,36%)
 
}
    #p-search #searchform > .cdx-search-input__end-button {
        right: calc(1em + 14px)
    }


    .mw-body,.parsoid-body,div#content {
.msgbox-gray {
        padding-top: calc(2em + 33px);
    background: hsl(0,0%,92%);
     }
     border-left: 4px solid hsl(0,0%,85%)
 
    #p-cactions {
        margin-right: -8px
    }
 
    .vector-menu-dropdown .vector-menu-content {
        left: unset;
        right: 7px
    }
 
    #p-search #searchform .cdx-search-input__input-wrapper:before,#p-search #searchform .cdx-search-input__input-wrapper:after,#mw-page-base::after {
        content: none
    }
   
    div#mw-panel {
        padding-top: 2.5em;
    }
   
}
}


 
body.stw-theme-dark .msgbox-gray {
@media screen and (max-width: 500px) {
    background-color: hsl(0,0%,8%);
    /* TOC fix */
    border-left-color: hsl(0,0%,36%)
    #mw-content-text > .mw-parser-output > div[style*="float"] {
        float: none !important;
        margin: 0 !important;
    }
}
}
Retrieved from "https://structorica.wiki/w/MediaWiki:Common.css"