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

Версия от 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;
    }
}
Аноним

Поиск

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

Пространства имён

Ещё

Действия на странице

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

Навигация

Навигация

Corvax

Экспериментальное

Вики-инструменты

Вики-инструменты

Аноним

Поиск

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

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

Навигация

Вики-инструменты

Инструменты для страниц
