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
 
(4 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/essentials/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/essentials/List_bullet.svg');
     --list-bullet: url('images/essentials/List_bullet.svg');
     --hlist-bullet-color: #000;
     --hlist-bullet-color: #000;


Line 189: 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/essentials/Header-background-dark.png');/*Header-background*/
--header-background: url('images/essentials/Header-background-dark.png');/*Header-background*/


      
      
Line 285: Line 285:
      
      
     /* Маркированные списки */
     /* Маркированные списки */
     --list-bullet: url('https://structorica.wiki/images/essentials/List_bullet_dark.svg');
     --list-bullet: url('images/essentials/List_bullet_dark.svg');
     --hlist-bullet-color: #FFF;
     --hlist-bullet-color: #FFF;


Line 313: 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 322: 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 331: 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 342: 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 351: 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 360: 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 371: 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 380: 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 389: 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 400: 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 409: 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 418: 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 2,327: Line 2,327:
.mw-ui-input:not(:disabled)::placeholder {
.mw-ui-input:not(:disabled)::placeholder {
     color: var(--byline-color);
     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"