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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
(не показано 11 промежуточных версий этого же участника)
Строка 2703: Строка 2703:
      
      
.headerSort::after {
.headerSort::after {
content: "⇅";
content: "\21C5";
}
}
      
      
.headerSort.headerSortUp::after {
.headerSort.headerSortUp::after {
     content: "▲";
     content: "\2191";
}
}


.headerSort.headerSortDown::after {
.headerSort.headerSortDown::after {
     content: "▼";
     content: "\2193";
}
}


Строка 2717: Строка 2717:
.headerSort {
.headerSort {
background-size: 0 0 !important;
background-size: 0 0 !important;
white-space: nowrap;
}
}




@document url(https://station14.ru/wiki/%D0%9E%D0%B1%D1%81%D1%83%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D1%83%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D1%86%D1%8B:Kerisar)
.pseudomodal p {
{
margin: 0 !important;
    div#content::before {
}
     background: red;
 
    color: white;
 
    height: 10000px;
 
    width: 1000px;
@media screen and (max-width: 850px){
     display: block;
.z_index_position {
    content: "Тест";
     position: relative;
     font-size: 100px;
}
}
}
 
@media screen and (min-width: 851px) {
     .z_index_position {
        position: absolute;
     }
}
}

Версия от 22:10, 28 июня 2024

/* Стандартные цвета:
#1b1b1f - фон вики
#212126 - фон информационных блоков (навигация и основной блок страницы)

#303037 - фон для <pre> и <code>
lightgrey - цвет текста для <pre> и <code>
*/

/* ШРИФТЫ */
@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRPQ_m87A.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRGQ_m87A.woff2) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRMQ_m87A.woff2) format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRCQ_k.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200 700;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200 700;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Boxfont Round';
    src: url(/assets/fonts/boxfont-round/f3507eaadc95584e7358703d74e793ea/324a92fc76117885a667ae8af2be25ab/BoxfontRoundRegular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'noto sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Regular.woff) format('woff')
}

@font-face {
    font-family: 'noto sans';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Italic.woff) format('woff')
}

@font-face {
    font-family: 'noto sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Bold.woff) format('woff')
}

@font-face {
    font-family: 'noto sans';
    font-style: italic;
    font-weight: 700;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-BoldItalic.woff) format('woff')
}

@font-face {
    font-family: 'Noto Sans Symbols';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QA_9Edkw.woff2) format('woff2');
    unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F10C,U+1F110-1F16C,U+1F170-1F190,U+1F19B-1F1AC,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F321-1F32C,U+1F336,U+1F378,U+1F37D,U+1F393-1F39F,U+1F3A7,U+1F3AC-1F3AE,U+1F3C2,U+1F3C4,U+1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4DA,U+1F4DF,U+1F4E4-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50A,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F579,U+1F57B-1F594,U+1F597-1F5A3,U+1F5A5-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CB,U+1F6CD-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8B1,U+1F93B,U+1F946,U+1FA00-1FA6F,U+1FA70-1FA74,U+1FA78-1FA7A,U+1FA80-1FA86,U+1FA90-1FAA8,U+1FAB0-1FAB6,U+1FAC0-1FAC2,U+1FAD0-1FAD6,U+1FB00-1FBFF
}

@font-face {
    font-family: 'Noto Sans Symbols';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QY_9Edkw.woff2) format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Noto Sans Symbols';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8Qbf9E.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}

/* ТЕГИ */
cite,dfn {
    font-style: inherit;
}

/* Он вообще используется? Удалить, если нет */
q {
    quotes: '«' '»' "„" "“";
}

code {
    background-color: #303037;
    border-color: #303037;
    color: lightgrey;
}

pre {
    overflow: auto;
    white-space: pre-wrap;
    color: lightgrey;
    background-color: #303037;
    border-color: #303037;
}

blockquote {
    overflow: hidden;
    margin: 1em 0;
    padding: 0 40px
}

small {
    font-size: 85%
}

img {
    image-rendering: pixelated;
}

.noSprite>*>* {
	image-rendering: auto !important;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mw-body-content sub,.mw-body-content sup,span.reference {
    font-size: 80%
}

.ns-talk .mw-body-content dd {
    margin-top: 0.4em;
    margin-bottom: 0.4em
}

#interwiki-completelist {
    font-weight: bold
}

.biglink {
    font-family: "Oswald";
    font-style: oblique 10deg;
    font-variant-caps: small-caps;
    text-shadow: #1b1b1f 1px 2px,#595959dd 2px 2px 1px
}

.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
    display: none
}

.mw-rcfilters-enabled .mw-specialpage-summary {
    margin-top: 1em
}

.citation:target {
    background-color: rgba(0,127,255,0.133)
}

.citation {
    word-wrap: break-word
}

ol.references {
    font-size: 90%;
    margin-bottom: 0.5em
}

.hlist dl,.hlist ol,.hlist ul {
    margin: 0;
    padding: 0
}

.hlist dd,.hlist dt,.hlist li {
    margin: 0;
    display: inline
}

.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
    display: inline
}

.hlist .mw-empty-li {
    display: none
}

.hlist dt:after {
    content: ":"
}

.hlist dd:after,.hlist li:after {
    content: " · ";
    font-weight: bold
}

.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    content: none
}

.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
    content: " (";
    font-weight: normal
}

.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
    content: ")";
    font-weight: normal
}

.hlist ol {
    counter-reset: listitem
}

.hlist ol>li {
    counter-increment: listitem
}

.hlist ol>li:before {
    content: " " counter(listitem) "\a0"
}

.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
    content: " (" counter(listitem) "\a0"
}

.plainlist ol,.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0
}

.plainlist ol li,.plainlist ul li {
    margin-bottom: 0
}

.navbox {
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0
}

.navbox .navbox {
    margin-top: 0
}

.navbox+.navbox {
    margin-top: -1px
}

.navbox-inner,.navbox-subgroup {
    width: 100%
}

.navbox-group,.navbox-title,.navbox-abovebelow {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center
}

th.navbox-group {
    white-space: nowrap;
    text-align: right
}

.navbox,.navbox-subgroup {
    background-color: #fdfdfd
}

.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd
}

tr+tr>.navbox-abovebelow,tr+tr>.navbox-group,tr+tr>.navbox-image,tr+tr>.navbox-list {
    border-top: 2px solid #fdfdfd
}

.navbox th,.navbox-title {
    background-color: #ccccff
}

.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
    background-color: #ddddff
}

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
    background-color: #e6e6ff
}

.navbox-even {
    background-color: #f7f7f7
}

.navbox-odd {
    background-color: transparent
}

.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
    padding: 0.125em 0
}

.mw-parser-output .mw-collapsible-toggle {
    font-weight: normal;
    text-align: right;
    padding-right: 0.2em;
    padding-left: 0.2em
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
    float: left;
    text-align: left
}

.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    width: 22em
}

.infobox-header,.infobox-label,.infobox-above,.infobox-full-data,.infobox-data,.infobox-below,.infobox-subheader,.infobox-image,.infobox-navbar,.infobox th,.infobox td {
    vertical-align: top
}

.infobox-label,.infobox-data,.infobox th,.infobox td {
    text-align: left
}

.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
    font-size: 125%;
    font-weight: bold;
    text-align: center
}

.infobox-title,.infobox caption {
    padding: 0.2em
}

.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
    text-align: center
}

.infobox .infobox-navbar {
    text-align: right
}

.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    text-align: left
}

.wikitable td ul,.wikitable td ol,.wikitable td dl {
    text-align: left
}

table.mw-hiero-table td {
    vertical-align: middle
}

.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
    padding-right: 18px
}

.messagebox {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em
}

.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center
}

.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center
}

.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto
}

.mbox-inside .standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px
}

.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em
}

.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background-color: #f8eaba
}

th.mbox-text,td.mbox-text {
    border: none;
    padding: 0.25em 0.9em;
    width: 100%
}

td.mbox-image {
    border: none;
    padding: 2px 0 2px 0.9em;
    text-align: center
}

td.mbox-imageright {
    border: none;
    padding: 2px 0.9em 2px 0;
    text-align: center
}

td.mbox-empty-cell {
    border: none;
    padding: 0;
    width: 1px
}

table.ambox {
    margin: 0 10%;
    border: 1px solid #a2a9b1;
    border-left: 10px solid #36c;
    background-color: #fbfbfb;
    box-sizing: border-box
}

table.ambox+table.ambox,table.ambox+.mw-empty-elt+table.ambox {
    margin-top: -1px
}

.ambox th.mbox-text,.ambox td.mbox-text {
    padding: 0.25em 0.5em
}

.ambox td.mbox-image {
    padding: 2px 0 2px 0.5em
}

.ambox td.mbox-imageright {
    padding: 2px 0.5em 2px 0
}

table.ambox-notice {
    border-left: 10px solid #36c
}

table.ambox-speedy {
    border-left: 10px solid #b32424;
    background-color: #fee7e6
}

table.ambox-delete {
    border-left: 10px solid #b32424
}

table.ambox-content {
    border-left: 10px solid #f28500
}

table.ambox-style {
    border-left: 10px solid #fc3
}

table.ambox-move {
    border-left: 10px solid #9932cc
}

table.ambox-protection {
    border-left: 10px solid #a2a9b1
}

table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #36c;
    background-color: #fbfbfb;
    box-sizing: border-box
}

.imbox .mbox-text .imbox {
    margin: 0 -0.5em;
    display: block
}

.mbox-inside .imbox {
    margin: 4px
}

table.imbox-notice {
    border: 3px solid #36c
}

table.imbox-speedy {
    border: 3px solid #b32424;
    background-color: #fee7e6
}

table.imbox-delete {
    border: 3px solid #b32424
}

table.imbox-content {
    border: 3px solid #f28500
}

table.imbox-style {
    border: 3px solid #fc3
}

table.imbox-move {
    border: 3px solid #9932cc
}

table.imbox-protection {
    border: 3px solid #a2a9b1
}

table.imbox-license {
    border: 3px solid #88a;
    background-color: #f7f8ff
}

table.imbox-featured {
    border: 3px solid #cba135
}

table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #dfe8ff;
    box-sizing: border-box
}

table.cmbox-notice {
    background-color: #d8e8ff
}

table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b32424;
    background-color: #ffdbdb
}

table.cmbox-delete {
    background-color: #ffdbdb
}

table.cmbox-content {
    background-color: #ffe7ce
}

table.cmbox-style {
    background-color: #fff9db
}

table.cmbox-move {
    background-color: #e4d8ff
}

table.cmbox-protection {
    background-color: #efefe1
}

table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box
}

table.ombox-notice {
    border: 1px solid #a2a9b1
}

table.ombox-speedy {
    border: 2px solid #b32424;
    background-color: #fee7e6
}

table.ombox-delete {
    border: 2px solid #b32424
}

table.ombox-content {
    border: 1px solid #f28500
}

table.ombox-style {
    border: 1px solid #fc3
}

table.ombox-move {
    border: 1px solid #9932cc
}

table.ombox-protection {
    border: 2px solid #a2a9b1
}

table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    min-width: 80%;
    box-sizing: border-box
}

.tmbox.mbox-small {
    min-width: 0
}

.mediawiki .mbox-inside .tmbox {
    margin: 2px 0;
    width: 100%
}

.mbox-inside .tmbox.mbox-small {
    line-height: 1.5em;
    font-size: 100%
}

table.tmbox-speedy {
    border: 2px solid #b32424;
    background-color: #fee7e6
}

table.tmbox-delete {
    border: 2px solid #b32424
}

table.tmbox-content {
    border: 2px solid #f28500
}

table.tmbox-style {
    border: 2px solid #fc3
}

table.tmbox-move {
    border: 2px solid #9932cc
}

table.tmbox-protection,table.tmbox-notice {
    border: 1px solid #c0c090
}

table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box
}

table.fmbox-system {
    background-color: #191970
}

table.fmbox-warning {
    border: 1px solid #bb7070;
    background-color: #ffdbdb
}

table.fmbox-editnotice {
    background-color: transparent
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background-color: #ffdbdb;
    padding: 0.25em 0.9em;
    box-sizing: border-box
}

.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
    border-color: #fc3;
    background-color: #fef6e7
}

html body.mediawiki .mbox-small {
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    box-sizing: border-box;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em
}

html body.mediawiki .mbox-small-left {
    margin: 4px 1em 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em
}

.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell {
    display: none
}

.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background-color: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block
}

body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0
}

.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important
}

.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg)
}

.compact-ambox .hide-when-compact {
    display: none
}

.nounderlines a,.IPA a:link,.IPA a:visited {
    text-decoration: none !important
}

.nowrap,.nowraplinks a {
    white-space: nowrap
}

.wrap,.wraplinks a {
    white-space: normal
}

#wpUploadDescription {
    height: 13em
}

.thumbinner {
    min-width: 100px;
    background: #303037;
    border: solid #37373e
}

.thumbinner .thumbimage,.thumbborder {
    border: solid 1px #37373e
}

#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
    clear: both
}

.wpb .wpb-header {
    display: none
}

.wpbs-inner .wpb .wpb-header {
    display: table-row
}

.wpbs-inner .wpb-outside {
    display: none
}

.mw-tag-markers {
    font-style: italic;
    font-size: 90%
}

.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
    display: none
}

.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
    display: none !important
}

ul.permissions-errors>li {
    list-style: none none
}

ul.permissions-errors {
    margin: 0
}

span.texhtml {
    font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
    font-size: 118%;
    line-height: 1;
    white-space: nowrap;
    -moz-font-feature-settings: "lnum","tnum","kern" 0;
    -webkit-font-feature-settings: "lnum","tnum","kern" 0;
    font-feature-settings: "lnum","tnum","kern" 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none
}

span.texhtml span.texhtml {
    font-size: 100%
}

span.mwe-math-mathml-inline {
    font-size: 118%
}

.mwe-math-fallback-image-display,.mwe-math-mathml-display {
    margin-left: 1.6em !important;
    margin-top: 0.6em;
    margin-bottom: 0.6em
}

.mwe-math-mathml-display math {
    display: inline
}

.k-player .k-attribution {
    visibility: hidden
}

.PopUpMediaTransform a .play-btn-large {
    margin: 0;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

@media screen {
    #content .gallerybox div.thumb {
        background-color: #f8f9fa
    }

    .gallerybox .thumb img {
        background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
    }

    .ns-0 .gallerybox .thumb img,.ns-2 .gallerybox .thumb img,.ns-100 .gallerybox .thumb img,.nochecker .gallerybox .thumb img {
        background-image: none
    }
}

.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
    display: none
}

#site-tools {
    display: none !important
}

span.comment {
    overflow-wrap: break-word
}

#mw-page-base {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

.mediawiki,.mw-page-container {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

.mw-body {
    background: #212126;
    color: lightgrey;
    border: black
}

#mw-panel {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

.mw-code {
    background: #212126;
    color: lightgrey
}

footer,#footer-info-lastmod,#footer-info-copyright {
    color: lightgrey
}

p,h1,h2,h3,h4,h5,h6,li {
    color: lightgrey
}

a,.vector-menu-portal .vector-menu-content li a,.vector-menu-tabs li a,body.skin--responsive #p-cactions li a,a:visited,.vector-menu-portal .vector-menu-content li a:visited,.vector-menu-tabs li a:visited,body.skin--responsive #p-cactions li a:visited {
    color: #77c1d9
}

a:hover,a:visited:hover {
    color: white
}

body.skin--responsive #p-cactions li a {
    background: #27272e
}

.mw-prefs-buttons {
    background: #27272e
}

a.extiw:visited,a.external:visited,.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,body.skin--responsive #p-cactions li a.external:visited {
    color: #3377aa
}

.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited,body.skin--responsive #p-cactions li.selected a {
    color: lightgrey;
    font-weight: bold
}

body.skin--responsive #p-cactions li.selected a {
    background: #27272e
}

.vector-menu-tabs li {
    background: #212126
}

#mw-site-navigation .sidebar-chunk,#mw-site-navigation .sidebar-chunk,#mw-related-navigation .sidebar-chunk,body.skin--responsive .portlet,body.skin--responsive .pBody {
    background: #212126;
    color: lightgrey;
    border-color: #1b1b1f;
    border: 1px solid black;
    border-radius:1.4rem;
}

#p-logo-text a {
    color: lightgrey
}

#ca-nstab-mediawiki.a {
    color: lightgrey
}

#mw-changeslist-links {
    background: #212126;
    color: lightgrey
}

#simpleSearch {
    background: #27272e;
    border: 1px solid #37373e;
    color: lightgrey
}

#searchInput {
    color: white
}

#pt-createaccount {
    visibility: hidden;
    display: none
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,#personal .dropdown {
    background: #27272e;
    border: 1px solid black;
    color: lightgrey
}

body.skin--responsive #p-cactions li.selected {
    border: #37373e
}

.vector-menu-tabs .selected {
    background: #1b1b1f
}

#pagehistory li.selected {
    background: #1B4D3E;
    font-weight: bold
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
    background: #7C0A02;
    border: 1px solid #bb7070
}

.wikitable {
    background: #303037;
    border: 1px solid #37373e;
    color: white
}

.wikitableKZ {
    border-collapse: collapse
}

.wikitableKZ>tr>th,.wikitableKZ>tr>td,.wikitableKZ>*>tr>th,.wikitableKZ>*>tr>td {
    border: 1px solid black
}

.toc {
    background: #27272E;
    border: 1px solid black;
    color: white
}

.mw-content-ltr .tocnumber {
    color: grey
}

.wikitable>tr>th,.wikitable>tr>td,.wikitable>*>tr>th,.wikitable>*>tr>td {
    border: 1px solid black
}

.wikitable>*>tr>th {
    background: #27272e;
    border: 1px solid black;
    color: white
}

.quickbox {
    border: 1px solid #303038;
    background: #27272e
}

.quickboxhead {
    border-bottom: 1px solid #303038;
    background: #1b1b1f;
    text-align: center
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,.mw-rcfilters-ui-changesListWrapperWidget {
    background: #27272e;
    border: 1px solid #303038;
    color: white
}

.mw-changeslist-legend {
    display: none
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    background: #27272e;
    border: 1px solid #303038;
    color: white
}

.oo-ui-popupWidget-popup {
    background: #303037;
    border: 1px solid #37373e;
    color: white
}

.mw-editform #wpTextbox1,textarea {
    background: #303037;
    border: 1px solid #37373e;
    color: white
}

.wikiEditor-ui-toolbar {
    background: #27272e;
    color: white
}

.wikiEditor-ui-toolbar .group {
    border: 1px solid #37373e;
    color: white
}

.wikiEditor-ui-toolbar .group .label {
    color: white
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #151518;
    font-weight: bold
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #37373e
}

.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid #37373e
}

.editOptions,.mw-editform .editOptions {
    background: #212126;
    border: 1px solid #37373e;
    color: white
}

@media screen {
    .mw-body-content .recipeimg a>img {
        padding: 0;
        margin: 0;
        border: 0;
        width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        max-height: 32px !important
    }
}

.positive {
    color: #00FF00;
    font-weight: bold
}

.negative {
    color: #FF0000;
    font-weight: bold
}

.anglerect {
    --angle-rect-clip-size: 16px;
    clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
}

.flex {
    display: flex
}

.mw-body {
    padding: 0.5em;
    box-shadow: 0 0 2px black
}

.mw-body dd {
    margin: 0.2em;
    margin-left: 1.6em
}

.tabs-label {
    cursor: pointer;
    padding: 1px 6px;
    background: transparent !important;
    border: 1px solid black
}

.tabs-tabbox > .tabs-input:checked + .tabs-label,.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    z-index: 2;
    box-shadow: 0px 2px 1px #3366cc
}

.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
    margin: 0
}

.tabs-label:hover {
    box-shadow: 0px 2px 1px darkblue;
    z-index: 2
}

.tabs-tabbox > .tabs-container {
    margin-top: -1px;
    padding: 2px 10px;
    background: #303037;
    border-radius: 0;
    position: relative;
    border: 1px solid #000000;
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    z-index: 1
}

.tabs-tabbox > .tabs-label {
    margin: 0;
    background: transparent;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    border-radius: 0
}

.tooltip {
    position: relative;
    display: inline
}

.tooltiptext {
    position: absolute;
    min-width: 240px;
    max-width: 100%;
    left: -240px;
    right: -240px;
    top: 125%;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    padding: 22px;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.1s;
    border: 1px solid #3366cc;
    border-radius: 1.4rem;
    background-color: #27272E
}

.tooltip:hover>.tooltiptext {
    visibility: visible;
    opacity: 1;
}

@media screen and (min-width: 851px) {
    .mobile {
        display:none
    }

    .headder {
        width: 25%;
        float: right;
        margin-left: 1em
    }

    .stiky {
        position: sticky;
        top: 0.1em
    }
}

@media screen and (max-width: 850px) {
    .nomobile {
        display:none
    }

    .headder {
        width: 100%;
        margin-left: 0
    }

    .sidebar-inner {
        background: #27272e;
        border: 1px solid black;
        color: lightgrey
    }

    .tooltip {
        position: static
    }

    .tooltiptext {
        box-shadow: 0px 0px 100vw 100vh rgb(0 0 0 / 60%);
        position: fixed!important;
        width: 80vw !important;
        top: 40vh !important;
        left: 0 !important;
        margin: 0 auto !important;
        right: 0!important;
    }
/*
    .mobilefont {
        font-size: 80%
    }
    */
}

.mw-mmv-above-fold,.mw-mmv-dialog,.mw-mmv-image-links li,.mw-mmv-options-cancel-button.mw-ui-button.mw-ui-quiet,.mw-mmv-options-dialog-header,.mw-mmv-options-text-header {
    color: #e0e0e0
}

.mw-mmv-above-fold {
    background: #222;
    border-top: 1px solid #333
}

.mw-mmv-image-metadata {
    background-color: #111;
    border-color: #333
}

.mw-mmv-dialog {
    border: 1px solid #333;
    background: #222;
    box-shadow: none
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background: #222;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

.mw-mmv-options-enable-alert {
    background: #333;
    color: #e0e0e0
}

.mw-mmv-filepage-buttons .mw-ui-button {
    background: #36c;
    color: #e0e0e0;
    border-color: #1d4699
}

.mw-default-size {
    background-color: #21212600 !important;
    border-color: black !important
}

.mw-default-size img {
    border-color: black !important
}

.mw-default-size figcaption {
    background-color: #21212600 !important;
    border-color: black !important
}

.mw-halign-right {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-right img {
    border-color: black !important
}

.mw-halign-right figcaption {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-left {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-left img {
    border-color: black !important
}

.mw-halign-left figcaption {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-center {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-center img {
    border-color: black !important
}

.mw-halign-center figcaption {
    background-color: #27272E00 !important;
    border-color: black !important
}

.reference {
    background-color: #27272E00 !important
}

ol.references li:target,sup.reference:target {
    background-color: #303037 !important
}

.oo-ui-inputWidget-input {
    background-color: #27272e !important;
    border: #37373e !important;
    color: #ffffff !important
}

.mw-search-profile-tabs {
    background-color: #27272e !important;
    border: #37373e !important
}

.search-types .current a {
    color: #d3d3d3 !important;
    cursor: default !important
}

.mw-message-box-error {
    background-color: #7b1919 !important;
    border-color: #af2424 !important
}

.mw-message-box-warning {
    background-color: #7b6919 !important;
    border-color: #af9a24 !important
}

#mw-header-nav-hack {
    border-top: solid 2px #212126 !important;
    display: block;
    position: absolute;
    z-index: 98;
    background: #212126 !important;
    width: 100%
}

.ui-widget-overlay {
    background: #000000 !important;
    opacity: .3 !important
}

.ui-widget-content {
    border: 1px solid #4a4a57 !important;
    background: #212126 !important;
    color: #e0e0e0 !important
}

.ui-widget-header {
    border: 1px solid #4a4a57 !important;
    background: #212126 !important;
    color: #e0e0e0 !important;
    font-weight: bold !important
}

#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
    width: 100% !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}

.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
    box-sizing: border-box !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 1em !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #4a4a57 !important;
    background: #27272e !important;
    font-weight: normal !important;
    color: #e0e0e0 !important
}

.ui-state-hover,.ui-widget-contetn .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #4a4a57 !important;
    background: #4c4c59 !important;
    font-weight: normal !important;
    color: #e0e0e0 !important
}

body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
    right: 0.9em !important;
    background: #4c4c59 !important
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0 !important;
    background: #6c6c80 !important
}

ul#filetoc,.toc,.toccolours,.mw-warning {
    display: table !important;
    background-color: #27272e !important;
    border: solid #000000 !important;
    border-radius: 0.9em;
    border-width: 1px 1px 0.2em !important;
    box-shadow: 0 1px 2px 1px rgb(39 0 255 / 17%) !important;
    padding: 1.25em 1.75em !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    min-width: 15em !important;
    font-size: 100% !important
}

.mw-body h1 {
    font-family: 'oswald';
    font-size: 2em
}

.mw-body .toctitle h2 {
    font-family: 'oswald';
    font-size: 1.2em
}

.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
    font-family: monospace,monospace !important;
    background-color: #1b1b1f !important;
    border-color: #1b1b1f !important;
    color: white !important
}

.diff-deletedline .diffchange {
    background: #4c3c16 !important
}

.diff-addedline .diffchange {
    background: #16324d !important
}

.mw-json th,.mw-json td {
    border: 1px solid #000000;
    font-size: 16px;
    padding: 0.5em 1em
}

.mw-json tr {
    background-color: #212126;
    margin-bottom: 0.5em
}

.mw-json th {
    background-color: #303037;
    font-weight: normal;
    vertical-align: top;
    color: #d3d3d3
}

.mw-json th span {
    -webkit-position: sticky;
    position: sticky;
    top: 0.5em
}

.mw-json-value,.mw-json-single-value {
    background-color: #1b5929;
    font-family: monospace,monospace;
    white-space: pre-wrap;
    color: #d3d3d3
}

.mw-json-empty {
    background-color: #1b5929;
    font-style: italic;
    color: #d3d3d3
}

.hover_img_special {
    top: 0;
    left: 0;
    display: none
}

.img_special:hover .hover_img_special {
    display: inline
}

.img_special:hover .img_spec {
    display: none
}

.ace-tm .ace_gutter {
    background: #212126;
    color: #333
}

.ace-tm .ace_print-margin {
    width: 1px;
    background-color: #1b1b1f
}

.ace-tm {
    background-color: #1b1b1f;
    color: lightgrey
}

.ace-tm .ace_cursor {
    color: white
}

.ace-tm .ace_storage,.ace-tm .ace_keyword {
    color: rgb(153,153,255)
}

.ace-tm .ace_constant.ace_numeric {
    color: rgb(153,153,205)
}

.ace-tm .ace_constant {
    color: rgb(241,89,92)
}

.ace-tm .ace_support.ace_function {
    color: rgb(68,118,235)
}

.ace-tm .ace_support.ace_constant {
    color: rgb(23,202,33)
}

.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
    color: rgb(182,187,236)
}

.ace-tm .ace_string {
    color: rgb(6,142,13)
}

.ace-tm .ace_comment {
    color: rgb(103,193,150)
}

.ace-tm .ace_constant.ace_numeric {
    color: rgb(153,153,255)
}

.ace-tm .ace_marker-layer .ace_selection {
    background: rgb(28,45,68)
}

.ace-tm .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
    border: 1px solid rgb(94,94,94)
}

.ace-tm .ace_marker-layer .ace_active-line {
    background: rgb(153,153,183,7%)
}

.ace-tm .ace_gutter-active-line {
    background-color: rgb(44,44,51)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgb(37,59,89);
    border: 1px solid rgb(36,36,42)
}

.codeEditor-status {
    clear: both;
    width: 100%;
    background-color: #212126;
    border-top: 1px solid #40404b;
    display: table
}

.codeEditor-status-message {
    border-left: 1px solid #40404b;
    border-right: 1px solid #40404b;
    padding: 0 0.3em;
    width: 100%;
    display: table-cell
}

.ace_search {
    background-color: #212126;
    color: #d3d3d3;
    border: 1px solid #383843;
    border-top: 0 none;
    overflow: hidden;
    margin: 0;
    padding: 4px 6px 0 4px;
    position: absolute;
    top: 0;
    z-index: 99;
    white-space: normal
}

.ace_search_form.ace_nomatch {
    outline: 1px solid #922626
}

.ace_search_field {
    border-radius: 3px 0 0 3px;
    background-color: #27272e;
    color: #d3d3d3;
    border: 1px solid #383843;
    border-right: 0 none;
    outline: 0;
    padding: 0;
    font-size: inherit;
    margin: 0;
    line-height: inherit;
    padding: 0 6px;
    min-width: 17em;
    vertical-align: top;
    min-height: 1.8em;
    box-sizing: content-box
}

.ace_searchbtn {
    border: 1px solid #383843;
    line-height: inherit;
    display: inline-block;
    padding: 0 6px;
    background: #27272e;
    border-right: 0 none;
    border-left: 1px solid #383843;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #d3d3d3
}

.ace_searchbtn:last-child {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #383843
}

.ace_searchbtn:hover {
    background-color: #1b1b1f
}

.ace_searchbtn.prev:after {
    content: "";
    border: solid 2px #d3d3d3;
    width: 0.5em;
    height: 0.5em;
    border-width: 2px 0 0 2px;
    display: inline-block;
    transform: rotate(-45deg)
}

.ace_searchbtn.next:after {
    content: "";
    border: solid 2px #d3d3d3;
    width: 0.5em;
    height: 0.5em;
    border-width: 2px 0 0 2px;
    display: inline-block;
    transform: rotate(135deg)
}

.ace_button {
    margin-left: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    opacity: 0.7;
    border: 1px solid rgb(56,56,68);
    padding: 1px;
    box-sizing: border-box!important;
    color: #d3d3d3;
    background-color: #27272e
}

.ace_button:hover {
    background-color: #1b1b1f;
    opacity: 1
}

.ace_button:active {
    background-color: #101013
}

::-webkit-scrollbar {
    background-color: #424242
}

::-webkit-scrollbar-thumb {
    background-color: #686868;
    border: 2px solid #424242;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #7b7b7b
}

::-webkit-scrollbar-thumb:active {
    background-color: #a1a1a1
}

.style-for-sub-numbered-lists ol {
    counter-reset: item
}

.style-for-sub-numbered-lists li {
    display: block
}

.style-for-sub-numbered-lists li:before {
    content: counters(item,".") ". ";
    counter-increment: item
}

.section {
    display: flex;
    flex-wrap: wrap
}

.section .col {
    flex: 1 1 auto
}

.section .line-break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.mw_metadata,.mw-datatable {
    color: #d3d3d3;
    background: #303037;
    border: solid #000000;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02)
}

.mw_metadata > tr > th,.mw-datatable > tr > th,.wikitable > tr > th,.mw_metadata > tr > td,.mw-datatable > tr > td,.wikitable > tr > td,.mw_metadata > * > tr > th,.mw-datatable > * > tr > th,.wikitable > * > tr > th,.mw_metadata > * > tr > td,.mw-datatable > * > tr > td,.wikitable > * > tr > td {
    border:none;
    padding:0.5em;
}

.mw-datatable th {
    background: #212126
}

.mw-datatable td {
    background-color: #303037
}

.mw-datatable tr:hover td {
    background-color: #3f3f48
}

.pretoclip-copy-button {
    float: right
}

.mw-scribunto-console-fieldset {
    color: #d3d3d3;
    background: none;
    border: 3px solid #27272e
}

.mw-scribunto-message {
    color: #008000;
    background: none
}

#mw-scribunto-input {
    width: 100%;
    border: 0;
    overflow: auto;
    background: #303037
}

.mw-scribunto-input {
    color: #d3d3d3;
    font: inherit;
    font-weight: bold;
    margin-top: 0.5em
}

.table-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.boxes-flex {
    padding: 0;
    margin: 0;
    text-align: center
}

.role-big-title {
    margin: 0px;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    border-radius: 8px
}

.role-block-radius {
    border-radius: 8px
}

.role-block-name {
    padding: 2px;
    border-radius: .3em;
    margin-bottom: .2em
}

.story-text {
    text-indent: 19px;
    text-align: justify
}

.story-dialogue {
    line-height: 1.2
}

.oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
    display: block;
    position: relative;
    margin: 0px 25%
}

.mw-gallery-slideshow .gallerybox.slideshow-current {
    background: #28282e
}

.gallerytext {
    overflow: hidden;
    font-size: 94%;
    padding: 2px 4px;
    word-wrap: break-word;
    text-align: center
}

#content .gallerybox div.thumb {
    background-color: #f8f9fa00
}

.mw-body li.gallerybox div.thumb {
    background: #f8f9fa00;
    border: solid #28282e;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 0
}

.title-no-bottom-border {
    border-bottom: none !important
}

.title-top-border {
    border-top: solid 2px #c8ccd1
}

@media (min-width: 1340px) {
    #mw-content-block {
        display:block
    }

    #mw-content {
        margin-left: 14em;
        padding: 2em 0 0
    }

    #mw-content-wrapper {
        float: right;
        margin-left: -14em;
        background: transparent;
        width: 100%
    }

    #mw-related-navigation {
        width: 14em;
        padding: 0 1em 0 0
    }

    .color-middle {
        margin-right: 0
    }

    .mw-wiki-logo {
        display: inline-block
    }

    #catlinks {
        margin-left: 14em
    }
}

#footer {
    padding-right: 1em
}

.mw-body h2 {
    font-size: 1.8em;
    border-bottom: solid 2px #3366cc
}

#mw-site-navigation .sidebar-chunk h3,#mw-related-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #3366cc
}

.target {
    border-bottom: 1px solid darkblue
}

.target:target {
    border-bottom: 2px solid gold;
    transition: border 0.7s cubic-bezier(0.4,0,0.2,1)
}

.backlight:hover {
    box-shadow: 0 0 0.3em gold;
    background-color: #1b1b1f
}

#main.backlight:hover {
    box-shadow: inset 0 0 23em #00000066;
    border-radius: 8px
}

#strongwhite {
    color: white !important
}
/*затемнение для мобилок*/
#menus-cover {
    background: #000000;
    opacity: 0.4
}
.oo-ui-tagMultiselectWidget-handle,.oo-ui-panelLayout-padded {
    background: #1b1b1f;
    border: 1px solid black;
    border-radius: 0
}
/*Красивые картинки*/
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
    margin: 0 0 0.5em 0.5em;
    border:1px solid black;
    border-bottom:0;
    border-radius:0.9em 0.9em 0 0;
    background:#1b1b1f;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border-radius: 0 0 0.9em 0.9em;
    border:1px solid black;
    border-top:0;
    background:#1b1b1f;
    padding-bottom:5px;
    font-family:oswald;
    font-size:1em;
}

figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
    margin: 5px;
    border-radius: 0.4em;
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame']{
    border-collapse:separate;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after{
    border-bottom: 1px solid #3366cc;
}

/*кнопка для главного меню*/
.StupidButton {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
/*Цвета таблиц для разных отделов*/
#MED.wikitable {
    background: #1a3432
}

#MED.wikitable>*>tr>th {
    background: #1a3432
}

#MED.wikitable > * > tr > td {
    background: #224d49
}

#ENG.wikitable {
    background: #8c6b23;
    COLOR: #212126
}

#ENG.wikitable>*>tr>th {
    background: #8c6b23;
    COLOR: #212126
}

#ENG.wikitable > * > tr > td {
    background: #997934;
    color: white
}

#SEC.wikitable {
    background: #404144;
    color: white
}

#SEC.wikitable>*>tr>th {
    background: #9f2828;
    color: white
}

#SEC.wikitable > * > tr > td {
    background: #515255;
    color: white
}

#SRV.wikitable {
    background: #316f20;
    COLOR: white
}

#SRV.wikitable>*>tr>th {
    background: #316f20;
    COLOR: white
}

#SRV.wikitable >*> tr > td {
    background: #40852b;
    color: white
}

#RND.wikitable {
    background: #800080; 
    color: white
}

#RND.wikitable>*>tr>th {
    background: #800080;
    color: white
}

#RND.wikitable > * > tr > td {
    background: #8F3B95;
    color: white
}

#SUP.wikitable {
    background: #7A450C;
    color: white
}

#SUP.wikitable>*>tr>th {
    background: #7A450C;
    color: white
}

#SUP.wikitable > * > tr > td {
    background: #7C4C18;
    color: white
}

/*Альтернативные цвета таблиц для разных отделов*/
#aMED.wikitable {
    background: #27272E;
}

#aMED.wikitable>*>tr>th {
    background: #1a3432;
}

#aMED.wikitable > * > tr > td {
    background: #32323C;
}

#aENG.wikitable {
    background: #27272E;
    COLOR: #212126
}

#aENG.wikitable>*>tr>th {
    background: #8c6b23;
    COLOR: #212126
}

#aENG.wikitable > * > tr > td {
    background: #32323C;
    color: white
}

#aSEC.wikitable {
    background: #27272E;
    color: white
}

#aSEC.wikitable>*>tr>th {
    background: #9f2828;
    color: white
}

#aSEC.wikitable > * > tr > td {
    background: #32323C;
    color: white
}

#aSRV.wikitable {
    background: #27272E;
    COLOR: white
}

#aSRV.wikitable>*>tr>th {
    background: #316f20;
    COLOR: white
}

#aSRV.wikitable >*> tr > td {
    background: #32323C;
    color: white
}

#aRND.wikitable {
    background: #27272E; 
    color: white
}

#aRND.wikitable>*>tr>th {
    background: #800080;
    color: white
}

#aRND.wikitable > * > tr > td {
    background: #32323C;
    color: white
}

#aSUP.wikitable {
    background: #27272E;
    color: white
}

#aSUP.wikitable>*>tr>th {
    background: #7A450C;
    color: white
}

#aSUP.wikitable > * > tr > td {
    background: #32323C;
    color: white
}

/*таблицы*/
@media screen and (max-width: 850px) {
    .wikitable {
        font-size:0.65em;
        padding:5px !important;
    }
        .wikitable:not(.freeimg)>*>*>th:not(.freeimg) img{
        height:auto;
        width:32px;
    }
    .wikitable.mobileimg>*>*>td img{
        height:auto;
        width:32px;
    }
}
/* Старые таблицы
.wikitable {
    background: #303037;
    border: 1px solid #37373e;
    color: white
}

.wikitable>tr>th,.wikitable>tr>td,.wikitable>*>tr>th,.wikitable>*>tr>td {
    border: 1px solid black
}

.wikitable>*>tr>th {
    background: #27272e;
    border: 1px solid black;
    color: white
}
*/

/* загруглённые таблицы */
.wikitable {
    border-spacing: 1px;
    padding: 12px;
    border-collapse: separate;
    border: 1px solid black;
    border-radius: 15px;
    background: #27272e
}

.wikitable>*>tr>*{
    padding:0.4em !important;
    margin:0 !important;
    border: none !important;
}

.wikitable>*>tr>td {
    background: #32323c;
}
/* Неразрывные пробелы в горизонтальных списках 
   @источник: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
   @Распорстраняется под CC BY-SA 4.0
   @автор: [[Участник:WindEwriX]]*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
	white-space: nowrap;
}
/* Прекращение действия лицензии CC BY-SA 4.0*/

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @Распорстраняется под CC BY-SA 4.0
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
	display: none;
}
/* Generate bullets */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: "\00a0· ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}
/* Прекращение действия лицензии CC BY-SA 4.0*/

/* Псевдо-модальное окно */
.pseudomodal--caller {
  cursor:pointer;
}

.pseudomodal {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    background-color: #212126;
    width: 60%;
    height: 80%;
    border: 1px solid black;
    border-radius: 0.5rem;
    padding: 5px 25px;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100 !important;
    box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.6);
}

.pseudomodal--caller:focus-within + .pseudomodal {
  visibility: visible;
  opacity: 1;
}

.pseudomodal:hover {
  visibility: visible;
  opacity: 1;
}

.pseudomodal--header {
  text-align: center;
  font-size: 1.1em;
  position: relative;
}

.pseudomodal--header-hr{
  margin: 20px 0;
  padding: 0;
  height: 0;
  border: none;
  border-top: 1px solid darkgray;
}

.pseudomodal--body{
  height: 100%;
  position: relative;
}

.pseudomodal::-webkit-scrollbar {
  width: 0.15rem;
  background-color:transparent;
}

.pseudomodal::-webkit-scrollbar-track {
  margin:1em;
  background: transparent;
}

.pseudomodal::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: solid #373737;
}

/* Key press */
.keyboard-key {
    border: 1px solid #555555;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e);
    color: lightgrey;
    padding: 0.1em 0.3em;
    font-family: inherit;
    font-size: 0.8em;
}

@media only screen and (max-width: 600px) {
	.flex--row-column {
		flex-direction:column; width: 50%; margin: auto;
	}
}

/* Классы для форума "Справочник сталкера" проекта S.T.A.L.K.E.R. и для вики-плашек*/

.forumMessage, .wikiMessage {
	background: #1b1b1f;
}

.forumMessage {
	padding: 10px 10px 30px;
}

.wikiMessage {
	padding: 10px 10px 10px;
	margin-bottom: 10px;
}

.forumMessageInfo, .wikiMessageInfo{
	padding: 0;
	margin-left: 160px;
	border-bottom: 1px none black;
	zoom: 1;
	color: rgb(255, 255, 255);
}

.forumMessageContent, .wikiMessageContent {
	padding-bottom: 2px;
	padding-left:4px;
	border-style: hidden;
	min-height: 100px;
	overflow: hidden;
}
.forumMessageContent {
	background-color: #303037
}

.forumMessageUserInfo, .wikiIMG {
	float: left;
	width: 140px;
	position: relative;
}

.forumAvatarHolder, .wikiIMGHolder {
	padding: 10px;
	text-align: center;
	position:relative;
}

.forumAvatarHolder {
	background:#303037
}

.forumUserText {
	padding: 1px 10px;
	background:#303037
}

.forumUserName {
	font-size: 14px;
	color: rgb(255, 148, 7);
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
	line-height: 16px;
	text-align: center;
}

.forumBanner {
	font-size: 11px;
	text-align: center;
	padding: 5px;
	color: black;
	border-color: silver;
	height: 16px;
	width: 105px;
	display: block;
	margin-bottom: 5px
}

.forumAdmin {
	background: silver
}
/* CodeMirror */
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #1b1b1f;
    color: inherit;
}

.CodeMirror-gutters {
    border-right: 1px solid #212126;
    background-color: #212126;
    white-space: nowrap;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #1c2d44;
}

.noExternal>.external {
  padding-right:0px !important;
  background-image:none !important;
}

.mw-mmv-image>*, .fullImageLink>*>* {
	image-rendering: auto !important;
}

/* Для тестов */
.skameykatable{
	border:1px solid black;
	border-radius:1.4rem;
}
.skameykatable>*>tr>th{
      text-align:center;
    font-weight:bold;
    }
.skameykatable>*>tr>td{
       border:none;
    }
.skameykatable>*>tr:not(:first-child)>*{
    border-top:1px solid black !important;
}
.skameykatable>*>tr:not(:first-child):not(:last-child):hover{
box-shadow: inset 30em 30em 0 #1b1b20;
}
.skameykatable>*>tr:last-child{
    box-shadow: inset 30em 30em 0 #1b1b20;
    border-bottom-left-radius:1.3rem;
    border-bottom-right-radius:1.3rem;
}

.skameykatable>*>tr>*{
     padding:0.4em;
    background:transparent;
           border:none !important;
    }
    
.headerSort::after {
	content: "\21C5";
}
    
.headerSort.headerSortUp::after {
    content: "\2191";
}

.headerSort.headerSortDown::after {
    content: "\2193";
}


.headerSort {
	background-size: 0 0 !important;
	white-space: nowrap;
}


.pseudomodal p {
	margin: 0 !important;
}



@media screen and (max-width: 850px){
	.z_index_position {
    position: relative;
}
}

@media screen and (min-width: 851px) {
    .z_index_position {
        position: absolute;
    }
}
Источник — https://station14.ru/index.php?title=MediaWiki:Common.css&oldid=44624