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
Tag: Reverted
No edit summary
 
(18 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);
}
}


Line 168: Line 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*/


      
      
Line 264: 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 274: 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 283: 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 292: 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 303: 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 312: 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 321: 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 332: 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 341: 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 350: 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 361: 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 370: 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 379: 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;
Line 468: Line 507:




#p-cactions div.vector-menu-content li a,
 
#mw-panel .portal .vector-menu-content li a,
 
#p-cactions div.vector-menu-content li a:visited,
body.stw-theme-dark .mw-collapsible-text,
#p-cactions div.vector-menu-content li a:active,
:where(body.stw-theme-dark) .toctogglelabel,
#mw-panel .portal .vector-menu-content li a:visited {
:where(body.stw-theme-dark) .jslink,
    color: var(--link-color);
: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
}
}


nav.vector-menu-tabs li a,
:where(body.stw-theme-dark) a.new:visited,
nav.vector-menu-tabs li a:active,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:visited {
nav.vector-menu-tabs li a:visited,
  color: #fb7a7a
#mw-panel .portal .vector-menu-content li a:active {
    color: var(--color-topbar-text);
}
}


nav.vector-menu-tabs li.new a,
:where(body.stw-theme-dark) .mw-body a.external:hover,
nav.vector-menu-tabs li.new a:visited,
:where(body.stw-theme-dark) .mw-body a.extiw:hover,
nav.vector-menu-tabs li.new a:active,
:where(body.stw-theme-dark) .mw-parser-output a.external:hover,
#p-cactions div.vector-menu-content li.new a,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:hover,
#mw-panel .portal .vector-menu-content li.new a,
:where(body.stw-theme-dark) a:hover {
#p-cactions div.vector-menu-content li.new a:visited,
  color: #7e8eff
#mw-panel .portal .vector-menu-content li.new a:visited,
#p-cactions div.vector-menu-content li.new a:active,
#mw-panel .portal .vector-menu-content li.new a:active {
    color: var(--redlink-color);
}
}


.mw-parser-output a.extiw,
 
.mw-parser-output a.external {
:where(body.stw-theme-dark) a.new:hover,
    color: var(--link-color);
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:hover {
  color: #ff8484
}
}


.mw-parser-output a.extiw:visited,
:where(body.stw-theme-dark) .mw-body a.external:active,
.mw-parser-output a.external:visited,
:where(body.stw-theme-dark) .mw-body a.extiw:active,
.mw-parser-output a.extiw:active,
:where(body.stw-theme-dark) .mw-parser-output a.external:active,
.mw-parser-output a.external:active {
:where(body.stw-theme-dark) .mw-parser-output a.extiw:active,
    color: var(--link-color);
: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
}
}


.mw-parser-output .tweet-name a.external {
body.stw-theme-dark .mw-logevent-actionlink a,
     color: var(--color-base);
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;
}
}


.mw-parser-output .tweet-handle a.external,
.mw-parser-output .tweet-date a.external {
    color: #4c4c4c;
}


.jsPurgeLink a.external {
#p-cactions div.vector-menu-content li a,
#mw-panel .portal .vector-menu-content li a,
#p-cactions div.vector-menu-content li a:visited,
#p-cactions div.vector-menu-content li a:active,
#mw-panel .portal .vector-menu-content li a:visited {
    color: var(--link-color);
}
 
nav.vector-menu-tabs li a,
nav.vector-menu-tabs li a:active,
nav.vector-menu-tabs li a:visited,
#mw-panel .portal .vector-menu-content li a:active {
    color: var(--color-topbar-text);
}
 
nav.vector-menu-tabs li.new a,
nav.vector-menu-tabs li.new a:visited,
nav.vector-menu-tabs li.new a:active,
#p-cactions div.vector-menu-content li.new a,
#mw-panel .portal .vector-menu-content li.new a,
#p-cactions div.vector-menu-content li.new a:visited,
#mw-panel .portal .vector-menu-content li.new a:visited,
#p-cactions div.vector-menu-content li.new a:active,
#mw-panel .portal .vector-menu-content li.new a:active {
    color: var(--redlink-color);
}
 
.mw-parser-output a.extiw,
.mw-parser-output a.external {
    color: var(--link-color);
}
 
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active {
    color: var(--link-color);
}
 
.mw-parser-output .tweet-name a.external {
    color: var(--color-base);
}
 
.mw-parser-output .tweet-handle a.external,
.mw-parser-output .tweet-date a.external {
    color: #4c4c4c;
}
 
.jsPurgeLink a.external {
     color: var(--link-color);
     color: var(--link-color);
}
}
Line 599: Line 709:
         background-color: #F9F9F9;
         background-color: #F9F9F9;
     }
     }
     body.wgl-theme-dark .alternatecells:nth-child(odd) {
     body.stw-theme-dark .alternatecells:nth-child(odd) {
         background-color: #222;
         background-color: #222;
     }
     }
Line 606: Line 716:
         background-color: #F9F9F9;
         background-color: #F9F9F9;
     }
     }
     body.wgl-theme-dark .alternaterows tr:nth-child(even) {
     body.stw-theme-dark .alternaterows tr:nth-child(even) {
         background-color: #222;
         background-color: #222;
     }
     }
Line 1,876: Line 1,986:




/*
SyntaxHighlight_GeSHi
docker compose exec structorica-wiki-app bash
/var/www/html/extensions/SyntaxHighlight_GeSHi/pygments/pygmentize -S monokai -f html -a .mw-highlight > /tmp/monokai.css
cat /tmp/monokai.css
*/
pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.mw-highlight .hll { background-color: #49483e }
.mw-highlight { background: #272822; color: #F8F8F2 }
.mw-highlight .c { color: #959077 } /* Comment */
.mw-highlight .err { color: #ED007E; background-color: #1E0010 } /* Error */
.mw-highlight .esc { color: #F8F8F2 } /* Escape */
.mw-highlight .g { color: #F8F8F2 } /* Generic */
.mw-highlight .k { color: #66D9EF } /* Keyword */
.mw-highlight .l { color: #AE81FF } /* Literal */
.mw-highlight .n { color: #F8F8F2 } /* Name */
.mw-highlight .o { color: #FF4689 } /* Operator */
.mw-highlight .x { color: #F8F8F2 } /* Other */
.mw-highlight .p { color: #F8F8F2 } /* Punctuation */
.mw-highlight .ch { color: #959077 } /* Comment.Hashbang */
.mw-highlight .cm { color: #959077 } /* Comment.Multiline */
.mw-highlight .cp { color: #959077 } /* Comment.Preproc */
.mw-highlight .cpf { color: #959077 } /* Comment.PreprocFile */
.mw-highlight .c1 { color: #959077 } /* Comment.Single */
.mw-highlight .cs { color: #959077 } /* Comment.Special */
.mw-highlight .gd { color: #FF4689 } /* Generic.Deleted */
.mw-highlight .ge { color: #F8F8F2; font-style: italic } /* Generic.Emph */
.mw-highlight .ges { color: #F8F8F2; font-weight: bold; font-style: italic } /* Generic.EmphStrong */
.mw-highlight .gr { color: #F8F8F2 } /* Generic.Error */
.mw-highlight .gh { color: #F8F8F2 } /* Generic.Heading */
.mw-highlight .gi { color: #A6E22E } /* Generic.Inserted */
.mw-highlight .go { color: #66D9EF } /* Generic.Output */
.mw-highlight .gp { color: #FF4689; font-weight: bold } /* Generic.Prompt */
.mw-highlight .gs { color: #F8F8F2; font-weight: bold } /* Generic.Strong */
.mw-highlight .gu { color: #959077 } /* Generic.Subheading */
.mw-highlight .gt { color: #F8F8F2 } /* Generic.Traceback */
.mw-highlight .kc { color: #66D9EF } /* Keyword.Constant */
.mw-highlight .kd { color: #66D9EF } /* Keyword.Declaration */
.mw-highlight .kn { color: #FF4689 } /* Keyword.Namespace */
.mw-highlight .kp { color: #66D9EF } /* Keyword.Pseudo */
.mw-highlight .kr { color: #66D9EF } /* Keyword.Reserved */
.mw-highlight .kt { color: #66D9EF } /* Keyword.Type */
.mw-highlight .ld { color: #E6DB74 } /* Literal.Date */
.mw-highlight .m { color: #AE81FF } /* Literal.Number */
.mw-highlight .s { color: #E6DB74 } /* Literal.String */
.mw-highlight .na { color: #A6E22E } /* Name.Attribute */
.mw-highlight .nb { color: #F8F8F2 } /* Name.Builtin */
.mw-highlight .nc { color: #A6E22E } /* Name.Class */
.mw-highlight .no { color: #66D9EF } /* Name.Constant */
.mw-highlight .nd { color: #A6E22E } /* Name.Decorator */
.mw-highlight .ni { color: #F8F8F2 } /* Name.Entity */
.mw-highlight .ne { color: #A6E22E } /* Name.Exception */
.mw-highlight .nf { color: #A6E22E } /* Name.Function */
.mw-highlight .nl { color: #F8F8F2 } /* Name.Label */
.mw-highlight .nn { color: #F8F8F2 } /* Name.Namespace */
.mw-highlight .nx { color: #A6E22E } /* Name.Other */
.mw-highlight .py { color: #F8F8F2 } /* Name.Property */
.mw-highlight .nt { color: #FF4689 } /* Name.Tag */
.mw-highlight .nv { color: #F8F8F2 } /* Name.Variable */
.mw-highlight .ow { color: #FF4689 } /* Operator.Word */
.mw-highlight .pm { color: #F8F8F2 } /* Punctuation.Marker */
.mw-highlight .w { color: #F8F8F2 } /* Text.Whitespace */
.mw-highlight .mb { color: #AE81FF } /* Literal.Number.Bin */
.mw-highlight .mf { color: #AE81FF } /* Literal.Number.Float */
.mw-highlight .mh { color: #AE81FF } /* Literal.Number.Hex */
.mw-highlight .mi { color: #AE81FF } /* Literal.Number.Integer */
.mw-highlight .mo { color: #AE81FF } /* Literal.Number.Oct */
.mw-highlight .sa { color: #E6DB74 } /* Literal.String.Affix */
.mw-highlight .sb { color: #E6DB74 } /* Literal.String.Backtick */
.mw-highlight .sc { color: #E6DB74 } /* Literal.String.Char */
.mw-highlight .dl { color: #E6DB74 } /* Literal.String.Delimiter */
.mw-highlight .sd { color: #E6DB74 } /* Literal.String.Doc */
.mw-highlight .s2 { color: #E6DB74 } /* Literal.String.Double */
.mw-highlight .se { color: #AE81FF } /* Literal.String.Escape */
.mw-highlight .sh { color: #E6DB74 } /* Literal.String.Heredoc */
.mw-highlight .si { color: #E6DB74 } /* Literal.String.Interpol */
.mw-highlight .sx { color: #E6DB74 } /* Literal.String.Other */
.mw-highlight .sr { color: #E6DB74 } /* Literal.String.Regex */
.mw-highlight .s1 { color: #E6DB74 } /* Literal.String.Single */
.mw-highlight .ss { color: #E6DB74 } /* Literal.String.Symbol */
.mw-highlight .bp { color: #F8F8F2 } /* Name.Builtin.Pseudo */
.mw-highlight .fm { color: #A6E22E } /* Name.Function.Magic */
.mw-highlight .vc { color: #F8F8F2 } /* Name.Variable.Class */
.mw-highlight .vg { color: #F8F8F2 } /* Name.Variable.Global */
.mw-highlight .vi { color: #F8F8F2 } /* Name.Variable.Instance */
.mw-highlight .vm { color: #F8F8F2 } /* Name.Variable.Magic */
.mw-highlight .il { color: #AE81FF } /* Literal.Number.Integer.Long */


/* CodeMirror MediaWiki Syntax Highlighting Styles */
/* Based on Monokai theme colors */


/* Basic formatting */
.cm-mw-skipformatting { color: #959077 } /* leading space - comment gray */
.cm-mw-list { color: #66D9EF } /* asterisk or number sign - keyword blue */
.cm-mw-signature,
.cm-mw-hr { color: #959077 } /* signature, horizontal rule - comment gray */
.cm-mw-indenting { color: #66D9EF } /* colons - keyword blue */
.cm-mw-html-entity { color: #AE81FF } /* HTML entities - number purple */
.cm-mw-comment { color: #959077 } /* HTML comment - comment gray */
.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic { color: #66D9EF } /* bold and italic - keyword blue */


/* Headings */
.cm-mw-section-1 { font-size: 1.5em; font-weight: bold; color: #A6E22E } /* level 1 heading - function green */
.cm-mw-section-2 { font-size: 1.4em; font-weight: bold; color: #A6E22E } /* level 2 heading - function green */
.cm-mw-section-3 { font-size: 1.3em; font-weight: bold; color: #A6E22E } /* level 3 heading - function green */
.cm-mw-section-4 { font-size: 1.2em; font-weight: bold; color: #A6E22E } /* level 4 heading - function green */
.cm-mw-section-5 { font-size: 1.1em; font-weight: bold; color: #A6E22E } /* level 5 heading - function green */
.cm-mw-section-6 { font-size: 1.05em; font-weight: bold; color: #A6E22E } /* level 6 heading - function green */
.cm-mw-section-header { color: #FF4689 } /* equal signs - operator red */
.cm-mw-section { color: #A6E22E } /* heading text - function green */


/* Templates */
.cm-mw-template { color: #F8F8F2 } /* other template content - default white */
.cm-mw-template-name { color: #A6E22E; font-weight: bold } /* template name - function green */
.cm-mw-template-argument-name { color: #66D9EF } /* template parameters - keyword blue */
.cm-mw-template-delimiter { color: #FF4689 } /* pipe - operator red */
.cm-mw-template-bracket { color: #FF4689; font-weight: bold } /* opening/closing brackets - operator red */
.cm-mw-template-ground,
.cm-mw-template2-ground,
.cm-mw-template3-ground { background-color: rgba(166, 226, 46, 0.1) } /* whole template - subtle green background */


/* Variables */
.cm-mw-templatevariable { color: #F8F8F2 } /* variable - default white */
.cm-mw-templatevariable-name { color: #AE81FF; font-weight: bold } /* triple-braced variable name - number purple */
.cm-mw-templatevariable-bracket { color: #AE81FF; font-weight: bold } /* opening/closing brackets - number purple */
.cm-mw-templatevariable-delimiter { color: #FF4689 } /* pipe - operator red */


/* Parser functions */
.cm-mw-parserfunction { color: #F8F8F2 } /* parser function parameters - default white */
.cm-mw-parserfunction-name { color: #66D9EF; font-weight: bold } /* parser function name - keyword blue */
.cm-mw-parserfunction-bracket { color: #66D9EF; font-weight: bold } /* opening/closing brackets - keyword blue */
.cm-mw-parserfunction-delimiter { color: #FF4689 } /* delimiter - operator red */
.cm-mw-ext-ground { background-color: rgba(102, 217, 239, 0.1) } /* extension ground - subtle blue background */


/* Extension tags */
.cm-mw-exttag { color: #F8F8F2 } /* text inside tags - default white */
.cm-mw-exttag-name { color: #A6E22E; font-weight: bold } /* tag name - function green */
.cm-mw-exttag-bracket { color: #A6E22E } /* opening/closing brackets - function green */
.cm-mw-tag-ref { background-color: rgba(166, 226, 46, 0.15) } /* reference content - green background */
.cm-mw-exttag-attribute { color: #66D9EF } /* reference attributes - keyword blue */
.cm-mw-exttag-attribute-value { color: #E6DB74 } /* attribute values - string yellow */


/* HTML tags */
.cm-mw-htmltag-name { color: #FF4689; font-weight: bold } /* HTML tag - operator red */
.cm-mw-htmltag-bracket { color: #FF4689 } /* opening/closing brackets - operator red */
.cm-mw-htmltag-attribute { color: #66D9EF } /* parameters - keyword blue */
.cm-mw-htmltag-attribute-value { color: #E6DB74 } /* values - string yellow */


/* Pre-formatted text */
.cm-mw-tag-pre { color: #F8F8F2; font-family: monospace } /* pre-formatted text - monospace white */
.cm-mw-tag-nowiki { color: #959077; font-family: monospace } /* nowiki text - monospace gray */


/* Internal links */
.cm-mw-link-pagename { color: #A6E22E; text-decoration: underline } /* internal link target - function green */
.cm-mw-link { color: #FF4689 } /* # character - operator red */
.cm-mw-link-tosection { color: #A6E22E } /* characters after # - function green */
.cm-mw-link-bracket { color: #A6E22E; font-weight: bold } /* opening/closing brackets - function green */
.cm-mw-link-text { color: #F8F8F2 } /* link label - default white */
.cm-mw-link-delimiter { color: #FF4689 } /* pipe - operator red */
.cm-mw-pagename { color: #A6E22E } /* internal link targets - function green */
.cm-mw-link-ground { background-color: rgba(166, 226, 46, 0.1) } /* link ground - subtle green background */


/* External links */
.cdx-button:enabled,
.cm-mw-extlink,
.mw-ui-button:enabled,
.cm-mw-free-extlink { color: #E6DB74; text-decoration: underline } /* external link target - string yellow */
.cdx-button.cdx-button--fake-button--enabled,
.cm-mw-extlink-protocol,
.mw-ui-button.cdx-button--fake-button--enabled {
.cm-mw-free-extlink-protocol { color: #66D9EF; font-weight: bold } /* protocol - keyword blue */
    background-color: var(--ooui-normal);
.cm-mw-extlink-text { color: #F8F8F2 } /* link label - default white */
    color: var(--ooui-text);
.cm-mw-extlink-bracket { color: #E6DB74; font-weight: bold } /* opening/closing brackets - string yellow */
    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);
}


/* Tables */
.cdx-button:enabled:visited,
.cm-mw-table-bracket { color: #FF4689; font-weight: bold } /* opening/closing brackets and pipe - operator red */
.mw-ui-button:enabled:visited,
.cm-mw-table-delimiter { color: #FF4689 } /* row and column separators - operator red */
.cdx-button.cdx-button--fake-button--enabled:visited,
.cm-mw-table-definition { color: #66D9EF } /* table classes and styles - keyword blue */
.mw-ui-button.cdx-button--fake-button--enabled:visited {
.cm-mw-table-definition-value { color: #E6DB74 } /* table definition values - string yellow */
    color: var(--ooui-text);
.cm-mw-table-caption { color: #A6E22E; font-weight: bold } /* caption text - function green */
}


/* Other */
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cm-mw-double-underscore { color: #AE81FF; font-weight: bold } /* magic words - number purple */
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cm-mw-strong { font-weight: bold; color: #F8F8F2 } /* strong text - default white bold */
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cm-special-char-nbsp { color: #959077; background-color: rgba(149, 144, 119, 0.3) } /* non-breaking space - gray with background */
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cm-specialChar { color: #ED007E; background-color: rgba(237, 0, 126, 0.3) } /* control characters - error red with background */
.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);
}


/* Extension-specific overrides */
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cm-mw-ext-poem { color: #E6DB74 } /* poem extension - string yellow */
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cm-mw-ext-ref { color: #A6E22E } /* ref extension - function green */
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cm-mw-ext-pre { color: #F8F8F2 } /* pre extension - default white */
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cm-mw-ext-nowiki { color: #959077 } /* nowiki extension - comment gray */
.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%)
}
Retrieved from "https://structorica.wiki/w/MediaWiki:Common.css"