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

Материал из SS14 Backmen
Нет описания правки
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
/* Стандартные цвета:
/* Hide noscript only elements */
#1b1b1f - фон вики
.client-js *.noscript, .invisible {
#212126 - фон информационных блоков (навигация и основной блок страницы)
  display: none;
 
#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 {
/* Disable blur */
    font-family: 'Noto Sans Light';
.blurless {
    font-style: normal;
  backdrop-filter: blur(0) !important;
    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 {
/* Fill */
    font-family: 'Noto Sans Light';
.fill {
    font-style: normal;
  position: absolute;
    font-weight: 100;
  top: 0;
    font-display: swap;
  bottom: 0;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRMQ_m87A.woff2) format('woff2');
  left: 0;
    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
  right: 0;
  z-index: var(--index-low);
}
}


@font-face {
/**
    font-family: 'Noto Sans Light';
* MARK: MainPage/Content
    font-style: normal;
*/
    font-weight: 100;
.wiki-mainpage {
    font-display: swap;
  display: flex;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRCQ_k.woff2) format('woff2');
  flex-wrap: wrap;
    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
  gap: 0.75em;
}
}


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


@font-face {
/**
    font-family: 'Oswald';
* MARK: MainPage/Splash
    font-style: normal;
*/
    font-weight: 200 700;
.paradise-logo {
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  display: flex;
    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
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  background-color: var(--color-bg-section-light);
  border: var(--border-classic);
  border-radius: var(--border-radius-large);
  backdrop-filter: var(--blur-default);
}
}


@font-face {
.paradise-logo a img {
    font-family: 'Boxfont Round';
  width: 100%;
    src: url(/assets/fonts/boxfont-round/f3507eaadc95584e7358703d74e793ea/324a92fc76117885a667ae8af2be25ab/BoxfontRoundRegular.ttf) format('truetype');
  height: auto;
    font-weight: normal;
    font-style: normal
}
}


@font-face {
.paradise-welcome {
    font-family: 'noto sans';
  display: inline-flex;
    font-style: normal;
  text-align: center;
    font-weight: 400;
  font-weight: bold;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Regular.woff) format('woff')
  padding: 0 1em;
  margin: -1.5em 0.5em 0.5em 0.5em;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-large);
}
}


@font-face {
.paradise-info {
    font-family: 'noto sans';
  display: flex;
    font-style: italic;
  flex-direction: column;
    font-weight: 400;
  align-items: center;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Italic.woff) format('woff')
  text-align: center;
}
}


@font-face {
.paradise-info-string {
    font-family: 'noto sans';
  overflow: hidden;
    font-style: normal;
  display: flex;
    font-weight: 700;
  max-width: 90%;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Bold.woff) format('woff')
  margin-bottom: 0.25em;
  background-color: var(--color-bg-section-light);
  border: var(--border-classic);
  border-top: 0;
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
  box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
  backdrop-filter: var(--blur-default);
}
}


@font-face {
.paradise-info-string span:not([class]) {
    font-family: 'noto sans';
  padding: 0.5em 0.75em;
    font-style: italic;
  border-right: var(--border-classic);
    font-weight: 700;
  border-left: var(--border-classic);
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-BoldItalic.woff) format('woff')
}


@font-face {
  @media (max-width: 719px) {
     font-family: 'Noto Sans Symbols';
     display: none;
    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 {
.paradise-info-string .paradise-info-link {
    font-family: 'Noto Sans Symbols';
  min-width: 3em;
    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 {
  @media (max-width: 719px) {
     font-family: 'Noto Sans Symbols';
     min-width: 10em;
    font-style: normal;
     height: 2.5em;
     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 {
.paradise-info-string .paradise-info-link:first-of-type {
    font-family: 'Material Symbols Outlined';
  @media (max-width: 719px) {
    font-style: normal;
     border-right: var(--border-classic);
     font-weight: 400;
  }
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}
}


/* ================================================================== */
.paradise-info-string .paradise-info-link a {
 
  display: inline-flex;
/* ТЕГИ */
  align-items: center;
cite,dfn {
  justify-content: center;
    font-style: inherit;
  width: 100%;
  height: 100%;
  color: var(--color-text-semi-translucent) !important;
  transition: color var(--transition-time), background-color var(--transition-time);
}
}


q {
.paradise-info-string .paradise-info-link a:hover {
    quotes: '«' '»' "„" "“";
  background-color: var(--color-bg-hover);
  color: var(--color-text) !important;
}
}


code {
.paradise-info-string .paradise-info-link a:after {
    background-color: #303037;
  content: "";
    border-color: #303037;
  font: unset;
    color: lightgrey;
}


pre {
  @media (min-width: 720px) {
    overflow: auto;
     display: none;
    white-space: pre-wrap;
  }
     color: lightgrey;
    background-color: #303037;
    border-color: #303037;
}
}


blockquote {
.paradise-info-string .paradise-info-link:first-of-type a:after {
     overflow: hidden;
  @media (max-width: 719px) {
     margin: 1em 0;
     content: "Discord";
    padding: 0 40px
     margin-left: 1em;
  }
}
}


small {
.paradise-info-string .paradise-info-link:last-of-type a:before {
     font-size: 85%
  @media (max-width: 719px) {
     content: "GitHub";
    margin-right: 1em;
  }
}
}


/*основные изображения - пиксельные. Для остальных нужно использовать класс noSprite*/
.paradise-info-string .paradise-info-link a i {
img {
  font-size: 1.25em;
    image-rendering: pixelated;
}
}


/*Для непиксельных изображений*/
/**
.noSprite>*>* {
* MARK: MainPage/Buttons
image-rendering: auto !important;  
*/
.pagebutton-container {
  user-select: none;
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  margin: 0.25em;
  outline: 1px outset var(--color-border);
  border-radius: var(--border-radius-small);
  transition: box-shadow var(--transition-time), transform var(--transition-time);
}
}


/* ================================================================== */
.pagebutton-container:hover {
 
  box-shadow: 0 0.25em 0.5em 0;
/* КЛАССЫ */
  transform: translateY(-0.3em);
 
  z-index: 1;
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
#scroll-top {
display: none;
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
opacity: 0.3;
width: 57px;
height: 57px;
cursor: pointer;
position: fixed;
right: calc(0.95em + 6px);
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
}
}


#scroll-top:hover {
.pagebutton-container:hover:focus-within {
opacity: 0.8;
  box-shadow: 0 0.25em 0.5em 0, inset 0 0 0.5em;
}
}


@media screen and (max-width: 850px) {
.pagebutton-text a {
#scroll-top {
  display: flex;
left: calc(50% - 0.95em);
  align-items: center;
}
  justify-content: center;
  font-weight: bold;
  min-height: 21px;
  background-color: var(--color-bg-focus);
  color: var(--color-white) !important;
  border-top: var(--border-classic);
  -webkit-user-drag: none;
}
}


/* Необходим для использования fonts.google.com/icons */
.pagebutton-image a img {
.material-symbols-outlined {
  display: flex;
    font-family: 'Material Symbols Outlined';
  margin: 0 auto;
    font-weight: normal;
  padding: 0.5em;
    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 {
.pageframe-container {
    font-size: 80%
  backdrop-filter: var(--blur-default);
}
}


.ns-talk .mw-body-content dd {
/**
    margin-top: 0.4em;
* MARK: NavBar/Tabs
    margin-bottom: 0.4em
*/
.department-tabs {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  overflow: auto;
}
}


#interwiki-completelist {
.department-tabs-tab {
    font-weight: bold
  position: relative;
  display: inline-flex;
  flex-grow: 1;
  flex-basis: 5%;
}
}


.biglink {
.department-tabs-tab a {
    font-family: "Oswald";
  padding: 0.4em 1em;
    font-style: oblique 10deg;
  flex-grow: 1;
    font-variant-caps: small-caps;
  text-align: center;
    text-shadow: #1b1b1f 1px 2px,#595959dd 2px 2px 1px
  font-weight: bold;
  transition-property: background-color, color;
}
}


.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
.department-tabs-tab a,
    display: none
.department-tabs-tab a:active {
  color: var(--color-text-gray);
}
}


.mw-rcfilters-enabled .mw-specialpage-summary {
.department-tabs-tab a:hover,
    margin-top: 1em
.department-tabs-tab a:active:hover {
  background-color: var(--color-bg-hover);
  color: var(--color-text-darker);
}
}


.citation:target {
.department-tabs-tab a.mw-selflink {
    background-color: rgba(0,127,255,0.133)
  background-color: var(--color-bg-focus) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-fore);
}
}


.citation {
/**
    word-wrap: break-word
* MARK: NavBar/Buttons
*/
.navbar-button a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: var(--color-text-darker) !important;
  transition-property: background-color, color;
}
}


ol.references {
.navbar-button a:hover {
    font-size: 90%;
  background-color: var(--color-bg-hover);
    margin-bottom: 0.5em
}
}


.hlist dl,.hlist ol,.hlist ul {
/**
    margin: 0;
* MARK: TGUI Buttons
    padding: 0
*/
.custom-link {
  display: inline-flex;
}
}


.hlist dd,.hlist dt,.hlist li {
.custom-link a {
    margin: 0;
  display: inline-flex;
    display: inline
  align-items: center;
  text-align: center;
  min-height: 1.5em;
  line-height: 1rem;
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  padding: 0 0.5em;
  border-radius: var(--border-radius-small);
  transition: background-color var(--transition-time);
}
}


.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 {
.custom-link a:hover {
    display: inline
  background-color: var(--color-primary-light);
}
}


.hlist .mw-empty-li {
.custom-link i {
    display: none
  margin-right: 0.33em;
}
}


.hlist dt:after {
/**
    content: ":"
* MARK: Template/Notice
*/
.notice-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-large);
  box-shadow: var(--shadow-template--small);
}
}


.hlist dd:after,.hlist li:after {
.notice-lines {
    content: " · ";
  flex: 1;
    font-weight: bold
  min-width: 10%;
  height: 40px;
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-base);
}
}


.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
.notice-title {
    content: none
  overflow: hidden;
  position: relative;
  padding: 0.25em;
  min-width: 50%;
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-fore);
}
}


.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 {
.notice-title-text {
    content: " (";
  display: flex;
    font-weight: normal
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  font-family: "Comic Sans MS";
  text-align: center;
  color: var(--color-white);
}
}


.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 {
.notice-content {
    content: ")";
  display: flex;
    font-weight: normal
  align-items: center;
  flex-direction: column;
  margin: 1em;
}
}


.hlist ol {
.notice-content-text {
    counter-reset: listitem
  font-size: 0.85rem;
  font-family: "Comic Sans MS";
  text-align: center;
  color: var(--color-text);
}
}


.hlist ol>li {
/* Palette Preview */
    counter-increment: listitem
.palette-preview {
  flex: 1 14em;
  text-align: center;
  margin: 0.25em;
}
}


.hlist ol>li:before {
/**
    content: " " counter(listitem) "\a0"
* MARK: Типы урона
*/
.brute {
  color: var(--color-red);
  font-weight: bold;
}
}


.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
.burn {
    content: " (" counter(listitem) "\a0"
  color: var(--color-orange);
  font-weight: bold;
}
}


.plainlist ol,.plainlist ul {
.oxygen {
    line-height: inherit;
  color: var(--color-blue);
    list-style: none none;
  font-weight: bold;
    margin: 0
}
}


.plainlist ol li,.plainlist ul li {
.toxic {
    margin-bottom: 0
  color: var(--color-green);
  font-weight: bold;
}
}


.navbox {
.gene {
    box-sizing: border-box;
  color: var(--color-purple);
    border: 1px solid #a2a9b1;
  font-weight: bold;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0
}
}


.navbox .navbox {
.electric {
    margin-top: 0
  color: var(--color-teal);
  font-weight: bold;
}
}


.navbox+.navbox {
/**
    margin-top: -1px
* MARK: Template/Rules
*/
.rule-template {
  cursor: default;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.75rem;
  border-radius: var(--border-radius-medium);
  box-shadow: 0 0 0.5rem -0.1rem, inset 0 0 0.25rem 0rem;
  transition: box-shadow var(--transition-time);
}
}


.navbox-inner,.navbox-subgroup {
.rule-template:hover {
    width: 100%
  box-shadow: 0 0 0.75rem 0, inset 0 0 0.25rem 0.1rem;
}
}


.navbox-group,.navbox-title,.navbox-abovebelow {
.rule-template:last-child {
    padding: 0.25em 1em;
  margin-bottom: 0;
    line-height: 1.5em;
    text-align: center
}
}


th.navbox-group {
.rule-template .rule-template {
    white-space: nowrap;
  margin: 0.5rem 0 0;
    text-align: right
  box-shadow: none;
  transition: none;
}
}


.navbox,.navbox-subgroup {
.rule-template .rule-template:first-child {
    background-color: #fdfdfd
  margin: 0.75rem 0 0.1rem;
}
}


.navbox-list {
.rule-title h3,
    line-height: 1.5em;
.rule-title h4 {
    border-color: #fdfdfd
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
}


tr+tr>.navbox-abovebelow,tr+tr>.navbox-group,tr+tr>.navbox-image,tr+tr>.navbox-list {
.rule-number {
    border-top: 2px solid #fdfdfd
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding: 0.33rem 0.75rem 0.15rem;
  width: 3.75em;
}
}


.navbox th,.navbox-title {
.rule-hidden {
    background-color: #ccccff
  display: none;
}
}


.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
.rule-name {
    background-color: #ddddff
  padding: 0.33rem 0.75rem 0.15rem;
}
}


.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
.rule-content {
    background-color: #e6e6ff
  padding: 0.33rem 0.5rem;
  text-align: left;
}
}


.navbox-even {
/**
     background-color: #f7f7f7
* MARK: Space Law Template
*/
.flexbox-container {
  position: relative;
  display: flex;
  flex: 1 0 30rem;
  flex-direction: column;
  border-radius: var(--border-radius-medium);
 
  @media (max-width: 719px) {
     flex: 1 0 100%;
  }
}
}


.navbox-odd {
.flexbox-container .tgui-blur {
    background-color: transparent
  border-radius: var(--border-radius-medium);
}
}


.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
.flexbox-title {
    padding: 0.125em 0
  display: flex;
  align-items: center;
  min-height: 1.75rem;
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 2px solid;
  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
}


.mw-parser-output .mw-collapsible-toggle {
.flexbox-title .flexbox-name {
    font-weight: normal;
  flex: 1 !important;
    text-align: right;
  margin: 0 !important;
    padding-right: 0.2em;
  padding: 0.25rem 0.5rem !important;
    padding-left: 0.2em
  font-size: 0.95rem !important;
  line-height: 0.95rem !important;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.flexbox-subtitle {
    float: left;
  min-width: 2.6rem;
    text-align: left
  height: 100%;
  padding: 0 0.33em;
  text-align: center;
  align-content: center;
  color: var(--color-white);
  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
}


.infobox {
.flexbox-content {
    border: 1px solid #a2a9b1;
  display: flex;
    border-spacing: 3px;
  flex: 1;
    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 {
.flexbox-image {
    vertical-align: top
  overflow: hidden;
  display: flex;
  align-items: center;
  border: 2px solid;
  border-top: 0;
  border-radius: 0 0 0 var(--border-radius-medium);
}
}


.infobox-label,.infobox-data,.infobox th,.infobox td {
.flexbox-container__text {
    text-align: left
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-radius: 0 0 var(--border-radius-medium) 0;
}
}


.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
.flexbox-desc {
    font-size: 125%;
  flex: 1;
    font-weight: bold;
  padding: 0.33rem;
    text-align: center
  line-height: 1.125rem;
}
}


.infobox-title,.infobox caption {
/**
    padding: 0.2em
* MARK: JSLink
*/
.jslink {
  cursor: pointer;
  user-select: none;
  font-size: 0.66em;
  padding: 0.25em 0.5em;
  margin-left: 0.5em;
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  border-radius: var(--border-radius-small);
  transition: background-color var(--transition-time);
}
}


.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
.jslink:hover {
    text-align: center
  background-color: var(--color-primary-light);
}
}


.infobox .infobox-navbar {
/* Стиль таблиц с предметами и т.п. */
    text-align: right
.items-table {
  width: 100%;
  border: var(--border-classic);
  border-radius: var(--border-radius-medium);
  background-color: var(--color-bg-section-light-opaque);
}
}


.wikitable.plainrowheaders th[scope=row] {
.items-table th {
    font-weight: normal;
  border: 0.2em double var(--color-border);
    text-align: left
  border-radius: var(--border-radius-small);
  background-color: var(--color-bg-section-light);
  color: var(--color-text);
  padding: 0.2em;
}
}


.wikitable td ul,.wikitable td ol,.wikitable td dl {
.items-table td {
    text-align: left
  background-color: var(--color-bg-section-light);
  color: var(--color-text);
  padding: 0.2em;
}
}


table.mw-hiero-table td {
.items-table:not(.regular) td:not(.regular):first-of-type,
    vertical-align: middle
td.capital {
  background-color: var(--color-bg-section-light);
  font-weight: bold;
  color: var(--color-text);
  border: var(--border-classic);
  border-radius: var(--border-radius-small);
  text-align: center;
}
}


.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;
.colors-secure,
    padding-right: 18px
.colors-Security,
tr.colors-secure,
tr.colors-Security {
  background-color: var(--security-light);
  border-color: var(--security-secondary);
}
}
 
.colors-secure th,
.messagebox {
.colors-Security th,
    border: 1px solid #a2a9b1;
tr.colors-secure th,
    background-color: #f8f9fa;
tr.colors-Security th {
    width: 80%;
  background-color: var(--security-primary);
    margin: 0 auto 1em auto;
  border-color: var(--security-opaque);
    padding: .2em
}
}
 
.colors-secure td,
.messagebox.merge {
.colors-Security td,
    border: 1px solid #c0b8cc;
tr.colors-secure td,
    background-color: #f0e5ff;
tr.colors-Security td {
    text-align: center
  background-color: var(--security-transparent);
}
}
 
:not(.regular).colors-secure td:not(.regular):first-of-type,
.messagebox.cleanup {
:not(.regular).colors-Security td:not(.regular):first-of-type,
    border: 1px solid #9f9fff;
.colors-secure td.capital,
    background-color: #efefff;
.colors-Security td.capital,
    text-align: center
:not(.regular) tr.colors-secure td:not(.regular):first-of-type,
:not(.regular) tr.colors-Security td:not(.regular):first-of-type {
  background-color: var(--security-light);
  color: var(--color-text);
  border-color: var(--security-opaque);
}
}


.messagebox.standard-talk {
/* Цвета научного отдела */
    border: 1px solid #c0c090;
.colors-science,
    background-color: #f8eaba;
.colors-Science,
    margin: 4px auto
tr.colors-science,
tr.colors-Science {
  background-color: var(--science-light);
  border-color: var(--science-secondary);
}
}
 
.colors-science th,
.mbox-inside .standard-talk {
.colors-Science th,
    border: 1px solid #c0c090;
tr.colors-science th,
    background-color: #f8eaba;
tr.colors-Science th {
    width: 100%;
  background-color: var(--science-primary);
    margin: 2px 0;
  border-color: var(--science-opaque);
    padding: 2px
}
}
 
.colors-science td,
.messagebox.small {
.colors-Science td,
    width: 238px;
tr.colors-science td,
    font-size: 85%;
tr.colors-Science td {
    float: right;
  background-color: var(--science-transparent);
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em
}
}
 
:not(.regular).colors-science td:not(.regular):first-of-type,
.messagebox.small-talk {
:not(.regular).colors-Science td:not(.regular):first-of-type,
    width: 238px;
.colors-science td.capital,
    font-size: 85%;
.colors-Science td.capital,
    float: right;
:not(.regular) tr.colors-science td:not(.regular):first-of-type,
    clear: both;
:not(.regular) tr.colors-Science td:not(.regular):first-of-type {
    margin: 0 0 1em 1em;
  background-color: var(--science-light);
    line-height: 1.25em;
  color: var(--color-text);
    background-color: #f8eaba
  border-color: var(--science-opaque);
}
}


th.mbox-text,td.mbox-text {
/* Цвета сервисного отдела */
    border: none;
.colors-service,
    padding: 0.25em 0.9em;
.colors-Service,
    width: 100%
tr.colors-service,
tr.colors-Service {
  background-color: var(--civilian-light);
  border-color: var(--civilian-secondary);
}
}
 
.colors-service th,
td.mbox-image {
.colors-Service th,
    border: none;
tr.colors-service th,
    padding: 2px 0 2px 0.9em;
tr.colors-Service th {
    text-align: center
  background-color: var(--civilian-primary);
  border-color: var(--civilian-opaque);
}
}
 
.colors-service td,
td.mbox-imageright {
.colors-Service td,
    border: none;
tr.colors-service td,
    padding: 2px 0.9em 2px 0;
tr.colors-Service td {
    text-align: center
  background-color: var(--civilian-transparent);
}
}
 
:not(.regular).colors-service td:not(.regular):first-of-type,
td.mbox-empty-cell {
:not(.regular).colors-Service td:not(.regular):first-of-type,
    border: none;
.colors-service td.capital,
    padding: 0;
.colors-Service td.capital,
    width: 1px
:not(.regular) tr.colors-service td:not(.regular):first-of-type,
:not(.regular) tr.colors-Service td:not(.regular):first-of-type {
  background-color: var(--civilian-light);
  color: var(--color-text);
  border-color: var(--civilian-opaque);
}
}


table.ambox {
/* Цвета инженерного отдела */
    margin: 0 10%;
.colors-engine,
    border: 1px solid #a2a9b1;
.colors-Engineering,
    border-left: 10px solid #36c;
tr.colors-engine,
    background-color: #fbfbfb;
tr.colors-Engineering {
    box-sizing: border-box
  background-color: var(--engineer-light);
  border-color: var(--engineer-secondary);
}
}
 
.colors-engine th,
table.ambox+table.ambox,table.ambox+.mw-empty-elt+table.ambox {
.colors-Engineering th,
    margin-top: -1px
tr.colors-engine th,
tr.colors-Engineering th {
  background-color: var(--engineer-primary);
  border-color: var(--engineer-opaque);
}
}
 
.colors-engine td,
.ambox th.mbox-text,.ambox td.mbox-text {
.colors-Engineering td,
    padding: 0.25em 0.5em
tr.colors-engine td,
tr.colors-Engineering td {
  background-color: var(--engineer-transparent);
}
}
 
:not(.regular).colors-engine td:not(.regular):first-of-type,
.ambox td.mbox-image {
:not(.regular).colors-Engineering td:not(.regular):first-of-type,
    padding: 2px 0 2px 0.5em
.colors-engine td.capital,
.colors-Engineering td.capital,
:not(.regular) tr.colors-engine td:not(.regular):first-of-type,
:not(.regular) tr.colors-Engineering td:not(.regular):first-of-type {
  background-color: var(--engineer-light);
  color: var(--color-text);
  border-color: var(--engineer-opaque);
}
}


.ambox td.mbox-imageright {
/* Цвета командного отдела */
    padding: 2px 0.5em 2px 0
.colors-command,
.colors-Command,
tr.colors-command,
tr.colors-Command {
  background-color: var(--command-light);
  border-color: var(--command-secondary);
}
}
 
.colors-command th,
table.ambox-notice {
.colors-Command th,
    border-left: 10px solid #36c
tr.colors-command th,
tr.colors-Command th {
  background-color: var(--command-primary);
  border-color: var(--command-opaque);
}
}
 
.colors-command td,
table.ambox-speedy {
.colors-Command td,
    border-left: 10px solid #b32424;
tr.colors-command td,
    background-color: #fee7e6
tr.colors-Command td {
  background-color: var(--command-transparent);
}
}
 
:not(.regular).colors-command td:not(.regular):first-of-type,
table.ambox-delete {
:not(.regular).colors-Command td:not(.regular):first-of-type,
    border-left: 10px solid #b32424
.colors-command td.capital,
.colors-Command td.capital,
:not(.regular) tr.colors-command td:not(.regular):first-of-type,
:not(.regular) tr.colors-Command td:not(.regular):first-of-type {
  background-color: var(--command-light);
  color: var(--color-white);
  border-color: var(--command-opaque);
}
}


table.ambox-content {
/* Цвета медицинского отдела */
    border-left: 10px solid #f28500
.colors-medik,
.colors-Medical,
tr.colors-medik,
tr.colors-Medical {
  background-color: var(--medical-light);
  border-color: var(--medical-secondary);
}
}
 
.colors-medik th,
table.ambox-style {
.colors-Medical th,
    border-left: 10px solid #fc3
tr.colors-medik th,
tr.colors-Medical th {
  background-color: var(--medical-primary);
  border-color: var(--medical-opaque);
}
}
 
.colors-medik td,
table.ambox-move {
.colors-Medical td,
    border-left: 10px solid #9932cc
tr.colors-medik td,
tr.colors-Medical td {
  background-color: var(--medical-transparent);
}
}
 
:not(.regular).colors-medik td:not(.regular):first-of-type,
table.ambox-protection {
:not(.regular).colors-Medical td:not(.regular):first-of-type,
    border-left: 10px solid #a2a9b1
.colors-medik td.capital,
.colors-Medical td.capital,
:not(.regular) tr.colors-medik td:not(.regular):first-of-type,
:not(.regular) tr.colors-Medical td:not(.regular):first-of-type {
  background-color: var(--medical-light);
  color: var(--color-text);
  border-color: var(--medical-opaque);
}
}


table.imbox {
/* Цвета снабжающего отдела */
    margin: 4px 10%;
.colors-suply,
    border-collapse: collapse;
.colors-Supply,
    border: 3px solid #36c;
tr.colors-suply,
    background-color: #fbfbfb;
tr.colors-Supply {
    box-sizing: border-box
  background-color: var(--supply-light);
  border-color: var(--supply-secondary);
}
}
 
.colors-suply th,
.imbox .mbox-text .imbox {
.colors-Supply th,
    margin: 0 -0.5em;
tr.colors-suply th,
    display: block
tr.colors-Supply th {
  background-color: var(--supply-primary);
  border-color: var(--supply-opaque);
}
}
 
.colors-suply td,
.mbox-inside .imbox {
.colors-Supply td,
    margin: 4px
tr.colors-suply td,
tr.colors-Supply td {
  background-color: var(--supply-transparent);
}
}
 
:not(.regular).colors-suply td:not(.regular):first-of-type,
table.imbox-notice {
:not(.regular).colors-Supply td:not(.regular):first-of-type,
    border: 3px solid #36c
.colors-suply td.capital,
.colors-Supply td.capital,
:not(.regular) tr.colors-suply td:not(.regular):first-of-type,
:not(.regular) tr.colors-Supply td:not(.regular):first-of-type {
  background-color: var(--supply-light);
  color: var(--color-text);
  border-color: var(--supply-opaque);
}
}


table.imbox-speedy {
/* Цвета планетарного отдела */
    border: 3px solid #b32424;
.colors-lava,
    background-color: #fee7e6
.colors-Lavaland,
tr.colors-lava,
tr.colors-Lavaland {
  background-color: var(--lavaland-light);
  border-color: var(--lavaland-secondary);
}
}
 
.colors-lava th,
table.imbox-delete {
.colors-Lavaland th,
    border: 3px solid #b32424
tr.colors-lava th,
tr.colors-Lavaland th {
  background-color: var(--lavaland-primary);
  border-color: var(--lavaland-opaque);
}
}
 
.colors-lava td,
table.imbox-content {
.colors-Lavaland td,
    border: 3px solid #f28500
tr.colors-lava td,
}
tr.colors-Lavaland td {
 
  background-color: var(--lavaland-transparent);
table.imbox-style {
    border: 3px solid #fc3
}
 
table.imbox-move {
    border: 3px solid #9932cc
}
 
table.imbox-protection {
    border: 3px solid #a2a9b1
}
}
 
:not(.regular).colors-lava td:not(.regular):first-of-type,
table.imbox-license {
:not(.regular).colors-Lavaland td:not(.regular):first-of-type,
    border: 3px solid #88a;
.colors-lava td.capital,
    background-color: #f7f8ff
.colors-Lavaland td.capital,
:not(.regular) tr.colors-lava td:not(.regular):first-of-type,
:not(.regular) tr.colors-Lavaland td:not(.regular):first-of-type {
  background-color: var(--lavaland-light);
  color: var(--color-text);
  border-color: var(--lavaland-opaque);
}
}


table.imbox-featured {
/* Цвета синтетического отдела */
    border: 3px solid #cba135
.colors-synth,
.colors-Synthetic,
tr.colors-synth,
tr.colors-Synthetic {
  background-color: var(--synthetic-light);
  border-color: var(--synthetic-secondary);
}
}
 
.colors-synth th,
table.cmbox {
.colors-Synthetic th,
    margin: 3px 10%;
tr.colors-synth th,
    border-collapse: collapse;
tr.colors-Synthetic th {
    border: 1px solid #a2a9b1;
  background-color: var(--synthetic-primary);
    background-color: #dfe8ff;
  border-color: var(--synthetic-opaque);
    box-sizing: border-box
}
}
 
.colors-synth td,
table.cmbox-notice {
.colors-Synthetic td,
    background-color: #d8e8ff
tr.colors-synth td,
tr.colors-Synthetic td {
  background-color: var(--synthetic-transparent);
}
}
 
:not(.regular).colors-synth td:not(.regular):first-of-type,
table.cmbox-speedy {
:not(.regular).colors-Synthetic td:not(.regular):first-of-type,
    margin-top: 4px;
.colors-synth td.capital,
    margin-bottom: 4px;
.colors-Synthetic td.capital,
    border: 4px solid #b32424;
:not(.regular) tr.colors-synth td:not(.regular):first-of-type,
    background-color: #ffdbdb
:not(.regular) tr.colors-Synthetic td:not(.regular):first-of-type {
  background-color: var(--synthetic-light);
  color: var(--color-white);
  border-color: var(--synthetic-opaque);
}
}


table.cmbox-delete {
/* Цвета антагского отдела */
    background-color: #ffdbdb
.colors-antag,
.colors-Antagonist,
tr.colors-antag,
tr.colors-Antagonist {
  background-color: var(--antag-light);
  border-color: var(--antag-secondary);
}
}
 
.colors-antag th,
table.cmbox-content {
.colors-Antagonist th,
    background-color: #ffe7ce
tr.colors-antag th,
tr.colors-Antagonist th {
  background-color: var(--antag-primary);
  border-color: var(--antag-opaque);
}
}
 
.colors-antag td,
table.cmbox-style {
.colors-Antagonist td,
    background-color: #fff9db
tr.colors-antag td,
tr.colors-Antagonist td {
  background-color: var(--antag-transparent);
}
}
 
:not(.regular).colors-antag td:not(.regular):first-of-type,
table.cmbox-move {
:not(.regular).colors-Antagonist td:not(.regular):first-of-type,
    background-color: #e4d8ff
.colors-antag td.capital,
.colors-Antagonist td.capital,
:not(.regular) tr.colors-antag td:not(.regular):first-of-type,
:not(.regular) tr.colors-Antagonist td:not(.regular):first-of-type {
  background-color: var(--antag-light);
  color: var(--color-red);
  border-color: var(--antag-opaque);
}
}


table.cmbox-protection {
/* Цвета культистского отдела */
    background-color: #efefe1
.colors-cult,
.colors-Cultist,
tr.colors-cult,
tr.colors-Cultist {
  background-color: var(--cult-light);
  border-color: var(--cult-secondary);
}
}
 
.colors-cult th,
table.ombox {
.colors-Cultist th,
    margin: 4px 10%;
tr.colors-cult th,
    border-collapse: collapse;
tr.colors-Cultist th {
    border: 1px solid #a2a9b1;
  background-color: var(--cult-primary);
    background-color: #f8f9fa;
  border-color: var(--cult-opaque);
    box-sizing: border-box
}
}
 
.colors-cult td,
table.ombox-notice {
.colors-Cultist td,
    border: 1px solid #a2a9b1
tr.colors-cult td,
tr.colors-Cultist td {
  background-color: var(--cult-transparent);
}
}
 
:not(.regular).colors-cult td:not(.regular):first-of-type,
table.ombox-speedy {
:not(.regular).colors-Cultist td:not(.regular):first-of-type,
    border: 2px solid #b32424;
.colors-cult td.capital,
    background-color: #fee7e6
.colors-Cultist td.capital,
:not(.regular) tr.colors-cult td:not(.regular):first-of-type,
:not(.regular) tr.colors-Cultist td:not(.regular):first-of-type {
  background-color: var(--cult-light);
  color: var(--color-red);
  border-color: var(--cult-opaque);
}
}


table.ombox-delete {
/* Цвета ратваровского отдела */
    border: 2px solid #b32424
.colors-ratvar,
.colors-Ratvar,
tr.colors-ratvar,
tr.colors-Ratvar {
  background-color: var(--ratvar-light);
  border-color: var(--ratvar-secondary);
}
}
 
.colors-ratvar th,
table.ombox-content {
.colors-Ratvar th,
    border: 1px solid #f28500
tr.colors-ratvar th,
tr.colors-Ratvar th {
  background-color: var(--ratvar-primary);
  border-color: var(--ratvar-opaque);
}
}
 
.colors-ratvar td,
table.ombox-style {
.colors-Ratvar td,
    border: 1px solid #fc3
tr.colors-ratvar td,
tr.colors-Ratvar td {
  background-color: var(--ratvar-transparent);
}
}
 
:not(.regular).colors-ratvar td:not(.regular):first-of-type,
table.ombox-move {
:not(.regular).colors-Ratvar td:not(.regular):first-of-type,
    border: 1px solid #9932cc
.colors-ratvar td.capital,
.colors-Ratvar td.capital,
:not(.regular) tr.colors-ratvar td:not(.regular):first-of-type,
:not(.regular) tr.colors-Ratvar td:not(.regular):first-of-type {
  background-color: var(--ratvar-light);
  color: var(--color-white);
  border-color: var(--ratvar-opaque);
}
}


table.ombox-protection {
/* Цвета ксеноморфного отдела */
    border: 2px solid #a2a9b1
.colors-xenom,
.colors-Xenomorph,
tr.colors-xenom,
tr.colors-Xenomorph {
  background-color: var(--special-light);
  border-color: var(--special-secondary);
}
}
 
.colors-xenom th,
table.tmbox {
.colors-Xenomorph th,
    margin: 4px 10%;
tr.colors-xenom th,
    border-collapse: collapse;
tr.colors-Xenomorph th {
    border: 1px solid #c0c090;
  background-color: var(--special-primary);
    background-color: #f8eaba;
  border-color: var(--special-opaque);
    min-width: 80%;
    box-sizing: border-box
}
}
 
.colors-xenom td,
.tmbox.mbox-small {
.colors-Xenomorph td,
    min-width: 0
tr.colors-xenom td,
tr.colors-Xenomorph td {
  background-color: var(--special-transparent);
}
}
 
:not(.regular).colors-xenom td:not(.regular):first-of-type,
.mediawiki .mbox-inside .tmbox {
:not(.regular).colors-Xenomorph td:not(.regular):first-of-type,
    margin: 2px 0;
.colors-xenom td.capital,
    width: 100%
.colors-Xenomorph td.capital,
:not(.regular) tr.colors-xenom td:not(.regular):first-of-type,
:not(.regular) tr.colors-Xenomorph td:not(.regular):first-of-type {
  background-color: var(--special-light);
  color: var(--color-white);
  border-color: var(--special-opaque);
}
}


.mbox-inside .tmbox.mbox-small {
/* Цвета марининого отдела */
    line-height: 1.5em;
.colors-marine,
    font-size: 100%
.colors-Marine,
tr.colors-marine,
tr.colors-Marine {
  background-color: var(--centcom-light);
  border-color: var(--centcom-secondary);
}
}
 
.colors-marine th,
table.tmbox-speedy {
.colors-Marine th,
    border: 2px solid #b32424;
tr.colors-marine th,
    background-color: #fee7e6
tr.colors-Marine th {
  background-color: var(--centcom-primary);
  border-color: var(--centcom-opaque);
}
}
 
.colors-marine td,
table.tmbox-delete {
.colors-Marine td,
    border: 2px solid #b32424
tr.colors-marine td,
tr.colors-Marine td {
  background-color: var(--centcom-transparent);
}
}
 
:not(.regular).colors-marine td:not(.regular):first-of-type,
table.tmbox-content {
:not(.regular).colors-Marine td:not(.regular):first-of-type,
    border: 2px solid #f28500
.colors-marine td.capital,
.colors-Marine td.capital,
:not(.regular) tr.colors-marine td:not(.regular):first-of-type,
:not(.regular) tr.colors-Marine td:not(.regular):first-of-type {
  background-color: var(--centcom-light);
  color: var(--color-text);
  border-color: var(--centcom-opaque);
}
}


table.tmbox-style {
/* Цвета волшебного отдела */
    border: 2px solid #fc3
.colors-wizard,
.colors-Wizard,
tr.colors-wizard,
tr.colors-Wizard {
  background-color: var(--wizard-light);
  border-color: var(--wizard-secondary);
}
}
 
.colors-wizard th,
table.tmbox-move {
.colors-Wizard th,
    border: 2px solid #9932cc
tr.colors-wizard th,
tr.colors-Wizard th {
  background-color: var(--wizard-primary);
  border-color: var(--wizard-opaque);
}
}
 
.colors-wizard td,
table.tmbox-protection,table.tmbox-notice {
.colors-Wizard td,
    border: 1px solid #c0c090
tr.colors-wizard td,
tr.colors-Wizard td {
  background-color: var(--wizard-transparent);
}
}
 
:not(.regular).colors-wizard td:not(.regular):first-of-type,
table.fmbox {
:not(.regular).colors-Wizard td:not(.regular):first-of-type,
    clear: both;
.colors-wizard td.capital,
    margin: 0.2em 0;
.colors-Wizard td.capital,
    width: 100%;
:not(.regular) tr.colors-wizard td:not(.regular):first-of-type,
    border: 1px solid #a2a9b1;
:not(.regular) tr.colors-Wizard td:not(.regular):first-of-type {
    background-color: #f8f9fa;
  background-color: var(--wizard-light);
    box-sizing: border-box
  color: var(--color-text);
  border-color: var(--wizard-opaque);
}
}


table.fmbox-system {
/* Цвета похитнического отдела */
    background-color: #191970
.colors-abductor,
.colors-Abductor,
tr.colors-abductor,
tr.colors-Abductor {
  background-color: var(--gray-light);
  border-color: var(--gray-secondary);
}
}
 
.colors-abductor th,
table.fmbox-warning {
.colors-Abductor th,
    border: 1px solid #bb7070;
tr.colors-abductor th,
    background-color: #ffdbdb
tr.colors-Abductor th {
  background-color: var(--gray-primary);
  border-color: var(--gray-opaque);
}
}
 
.colors-abductor td,
table.fmbox-editnotice {
.colors-Abductor td,
    background-color: transparent
tr.colors-abductor td,
tr.colors-Abductor td {
  background-color: var(--gray-transparent);
}
}
 
:not(.regular).colors-abductor td:not(.regular):first-of-type,
div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
:not(.regular).colors-Abductor td:not(.regular):first-of-type,
    clear: both;
.colors-abductor td.capital,
    margin: 0.2em 0;
.colors-Abductor td.capital,
    border: 1px solid #bb7070;
:not(.regular) tr.colors-abductor td:not(.regular):first-of-type,
    background-color: #ffdbdb;
:not(.regular) tr.colors-Abductor td:not(.regular):first-of-type {
    padding: 0.25em 0.9em;
  background-color: var(--gray-light);
    box-sizing: border-box
  color: var(--color-text);
  border-color: var(--gray-opaque);
}
}


.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
/* Цвет заголовков сворачиваемых разделов в sidebar обратно в серый */
    border-color: #fc3;
#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading,
    background-color: #fef6e7
#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading:hover,
#mw-panel.collapsible-nav .portal .vector-menu-heading * {
  color: var(--gray-opaque);
  text-decoration: none;
}
}


html body.mediawiki .mbox-small {
/* Таблица брони и оружия */
    clear: right;
.weapon-table td,
    float: right;
.armor-table {
    margin: 4px 0 4px 1em;
  text-align: center;
    box-sizing: border-box;
  font-weight: bold;
    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 */
.wikitable {
    border-spacing: 1px;
    padding: 12px;
    border-collapse: separate;
    border: 1px solid black;
    border-radius: 1em;
    background: #27272e;
    color: #dfdfdf;
}
 
.wikitable>*>tr>*{
    padding: 0.4em !important;
    margin: 0 !important;
    border: none;
}
 
.wikitable>*>tr>th {
    background: #27272e;
    color: #ededed;
}
 
.wikitable>*>tr>td {
    background: #32323c;
}
 
.wikitable p, .wikitable h1, .wikitable h2, .wikitable h3, .wikitable h4, .wikitable h5, .wikitable h6, .wikitable li {
    color: #dbdbdb;
}
 
/* Закругление верхнего левого угла первой ячейки */
.wikitable thead tr:first-child th:first-child,
.wikitable thead tr:first-child td:first-child,
.wikitable:not(:has(thead)) tr:first-child th:first-child,
.wikitable:not(:has(thead)) tr:first-child td:first-child {
    border-top-left-radius: 4px;
}
 
/* Закругление верхнего правого угла последней ячейки */
.wikitable thead tr:first-child th:last-child,
.wikitable thead tr:first-child td:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
    border-top-right-radius: 4px;
}
 
/* Закругление нижнего левого угла первой ячейки последнего ряда
.wikitable tbody tr:last-child th:first-child,
.wikitable tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}*/
 
/* Закругление нижнего правого угла последней ячейки последнего ряда
.wikitable tbody tr:last-child th:last-child,
.wikitable tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}*/
 
/* Старые таблицы
.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
}
*/
 
/* Таблицы на телефонах */
@media screen and (max-width: 850px) {
    .wikitable {
        font-size: 0.65em;
        padding: 5px !important;
    }
   
.wikitable img[width="64"][height="64"] {
width: 32px;
height: 32px;
}
.wikitable img[width="64"][height="128"] {
width: 32px;
height: 64px;
}
.wikitable img[width="128"][height="128"] {
width: 64px;
height: 64px;
}
}
 
.toc {
    background: #27272E;
    border: 1px solid black;
    color: white
}
 
.mw-content-ltr .tocnumber {
    color: grey
}
 
.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;
    border: 1px solid black;
}
 
.tabs-label:hover {
    z-index: 2;
    background: #ddddff0d !important;
    transition: all 0.1s;
}
 
/* Стили для активных вкладок */
.tabs-tabbox > .tabs-input:checked + .tabs-label,
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    background: #ddddff0d;
    border-top: 1px solid rgb(255 255 255 / 15%);
    border-bottom: 1px solid #3366cc;
    z-index: 2;
}
 
/* Стили для структуры вкладок */
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
    margin: 0;
}
 
.tabs-tabbox > .tabs-label {
    margin: 0;
    vertical-align: baseline;
    border-radius: 0;
    background: transparent;
    border: 1px solid rgb(0 0 0 / 50%);
    border-top: 1px solid rgb(255 255 255 / 10%);
}
 
/* Стили для контейнера вкладок */
.tabs-tabbox > .tabs-container {
    padding: 14px 10px;
    background: #ddddff0d;
    border-radius: 0;
    border: 1px solid rgb(0 0 0 / 50%);
}
 
.tabs-content ol {
    margin: 0.3em 0 0 2.5em;
}
 
.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.05s;
    border: 1px solid #3366cc;
    border-radius: 1.4rem;
    background-color: #27272E;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
 
.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%
    }
    */
   
    .mobile-image img {
        width: 32px;
        height: 32px;
    }
}
 
.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;
}
 
ol.references li:target,sup.reference:target {
    background-color: #ffffff0f;
    padding: 0px 1px 3px 1px;
}
 
.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)
.weapon-table td:last-of-type,
.armor-table td:last-of-type {
  text-align: left;
  font-weight: unset;
}
}


.ace-tm .ace_constant.ace_numeric {
/* Таблица контрабанды */
    color: rgb(153,153,255)
.ContrabandItemList {
  backdrop-filter: var(--blur-intensity);
}
}


.ace-tm .ace_marker-layer .ace_selection {
.ContrabandItemCore {
    background: rgb(28,45,68)
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  padding: 0.5rem;
}
}


.ace-tm .ace_marker-layer .ace_bracket {
.ContrabandItem {
    margin: -1px 0 0 -1px;
   hyphens: auto;
    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: #00000025;
}
 
#main.backlight:hover {
    box-shadow: inset 0 0 23em #00000066;
    border-radius: 8px
}
 
#strongwhite, #strongwhite p, #strongwhite h1, #strongwhite h2, #strongwhite h3, #strongwhite h4, #strongwhite h5, #strongwhite h6, #strongwhite li {
    color: #e9e9e9 !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;
    z-index: 100;
}
 
/*Цвета таблиц для разных отделов*/
 
/* Таблица */
#MED.wikitable {
background: #01453e;
border-spacing: 0px;
}
 
/* Заголовок */
#MED.wikitable thead tr th,
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #01453e;
    border-bottom: 3px solid #00000015;
}
 
/* Заглавная ячейка */
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#MED.wikitable thead + tbody > tr th {
    background: #005b53;
    border-bottom: 1px solid #01453e;
}
 
/* Ячейка с содержимым */
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#MED.wikitable thead + tbody > tr td {
    background: #1f635d;
    border-bottom: 1px solid #01453e;
    border-left: 1px solid #005b53;
}
 
/* Таблица */
#ENG.wikitable {
background: #775f0e;
border-spacing: 0px;
}
 
/* Заголовок */
#ENG.wikitable thead tr th,
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #775f0e;
    border-bottom: 3px solid #00000015;
}
 
/* Заглавная ячейка */
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#ENG.wikitable thead + tbody > tr th {
    background: #8f7210;
    border-bottom: 1px solid #775f0e;
}
 
/* Ячейка с содержимым */
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#ENG.wikitable thead + tbody > tr td {
    background: #977e31;
    border-bottom: 1px solid #775f0e;
    border-left: 1px solid #8f7210;
}
 
#SEC.wikitable {
    background: #404144;
    color: #dddddd;
}
 
#SEC.wikitable>*>tr>th {
    background: #912424;
    color: #dddddd;
}
 
#SEC.wikitable > * > tr > td {
    background: #515255;
    color: #dddddd;
}
 
#SRV.wikitable {
    background: #316f20;
    color: #dddddd;
}
 
#SRV.wikitable>*>tr>th {
    background: #316f20;
    color: #dddddd;
}
 
#SRV.wikitable >*> tr > td {
    background: #40852b;
    color: #dddddd;
}
 
/* Таблица */
#RND.wikitable {
background: #630069;
border-spacing: 0px;
}
 
/* Заголовок */
#RND.wikitable thead tr th,
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #630069;
    border-bottom: 3px solid #00000015;
}
 
/* Заглавная ячейка */
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#RND.wikitable thead + tbody > tr th {
    background: #7c0183;
    border-bottom: 1px solid #630069;
}
 
/* Ячейка с содержимым */
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#RND.wikitable thead + tbody > tr td {
    background: #84328f;
    border-bottom: 1px solid #630069;
    border-left: 1px solid #7c0183;
}
 
/* Таблица */
#SUP.wikitable {
background: #6f3d0a;
border-spacing: 0px;
}
 
/* Заголовок */
#SUP.wikitable thead tr th,
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #6f3d0a;
    border-bottom: 3px solid #00000015;
}
 
/* Заглавная ячейка */
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#SUP.wikitable thead + tbody > tr th {
    background: #85490c;
    border-bottom: 1px solid #6f3d0a;
}
 
/* Ячейка с содержимым */
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#SUP.wikitable thead + tbody > tr td {
    background: #8f5a23;
    border-bottom: 1px solid #6f3d0a;
    border-left: 1px solid #85490c;
}
 
 
/*Альтернативные цвета таблиц для разных отделов*/
#aMED.wikitable thead tr th,
#aMED.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #004d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#aMED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aMED.wikitable thead + tbody > tr th {
    background: #0d747f;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
#aENG.wikitable thead tr th,
#aENG.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #715609;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#aENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aENG.wikitable thead + tbody > tr th {
    background: #957710;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
#aRND.wikitable thead tr th,
#aRND.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #4e0163;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#aRND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aRND.wikitable thead + tbody > tr th {
    background: #78027f;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
#aSUP.wikitable thead tr th,
#aSUP.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #6f390a;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#aSUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aSUP.wikitable thead + tbody > tr th {
    background: #874b0e;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
#aSEC.wikitable {
    background: #27272E;
    color: #dddddd;
}
 
#aSEC.wikitable>*>tr>th {
    background: #912424;
    color: #dddddd;
}
 
#aSEC.wikitable > * > tr > td {
    background: #32323C;
    color: #dddddd;
}
 
/* Таблица */
#aSRV.wikitable {
background: #216321;
border-spacing: 0px;
}
 
/* Заголовок */
#aSRV.wikitable thead tr th,
#aSRV.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #216321;
    border-bottom: 0.2em solid #00000021;
}
 
/* Заглавная ячейка */
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aSRV.wikitable thead + tbody > tr th {
    background: #297929;
    border-bottom: 1px solid #216321;
}
 
/* Ячейка с содержимым */
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#aSRV.wikitable thead + tbody > tr td {
    background: #3f833f;
    border-bottom: 1px solid #216321;
    border-left: 1px solid #297929;
}   
 
/* Таблица */
#BOTANY.wikitable {
background: #0d3f28;
}
 
/* Заголовок */
#BOTANY.wikitable thead tr th,
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #04673e !important;
    border-bottom: 0.2em solid #00000021;
}
 
/* Заглавные ячейки */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#BOTANY.wikitable thead + tbody > tr th {
    background: #0d7b39;
}
 
/* Первая заглавная ячейка */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
#BOTANY.wikitable thead + tbody > tr th:first-of-type {
    border-left: 0.2em solid #0000003b;
}
 
/* Ячейка с содержимым */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#BOTANY.wikitable thead + tbody > tr td {
    background: #2a834e;
}
 
/* Таблица */
#MUTATION.wikitable {
background: #220f3b;
}
 
/* Заголовок */
#MUTATION.wikitable thead tr th,
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #330b65 !important;
    border-bottom: 0.2em solid #00000021;
}
 
/* Заглавные ячейки */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#MUTATION.wikitable thead + tbody > tr th {
    background: #3a1769;
}
 
/* Первая заглавная ячейка */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
#MUTATION.wikitable thead + tbody > tr th:first-of-type {
    border-left: 0.2em solid #0000003b;
}
 
/* Ячейка с содержимым */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#MUTATION.wikitable thead + tbody > tr td {
    background: #422371;
}
 
/* Неразрывные пробелы в горизонтальных списках
  @источник: 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;
   text-align: center;
  font-size: 1.1em;
   background-color: var(--color-bg-section);
  position: relative;
  border: var(--border-classic);
}
   border-radius: var(--border-radius-medium);
 
  padding: 0.25em;
.pseudomodal--header-hr{
  flex: 1 0 12em;
  margin: 20px 0;
  justify-content: center;
  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;
}
 
/**
* SS220 import
*
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
*/
 
/* Hide noscript only elements */
.client-js *.noscript {
    display: none;
}
 
 
/* SS220 import end*/
 
 
/* Стили для заголовков в таблицах с thead */
#highlighted-header.wikitable thead tr th,
/* Стили для первого ряда в таблицах без thead */
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
/* Стили для последующих строк в таблицах без thead */
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
/* Стили для последующих строк в таблицах с thead */
#highlighted-header.wikitable thead + tbody > tr th {
    background: #972626;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
/* Серый заголовок и серые ячейки */
#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #323240;
    border-bottom: 0.2em solid #00000025;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-classic.wikitable thead + tbody > tr th {
    background: #393947;
    border-bottom: 0.1em solid #0000000d;
    border-left: 0.2em solid #00000024;
}
 
/* Холодный цвет ячеек */
#highlighted-header-cold.wikitable thead tr th,
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #006587;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-cold.wikitable thead + tbody > tr th {
    background: #00707b;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
/* Серый заголовок и темно-красные ячейки */
#highlighted-header-dark.wikitable thead tr th,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-dark.wikitable thead + tbody > tr th {
    background: #8d2121;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
/* Палитра для Морпехов */
#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #313d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-CM.wikitable thead + tbody > tr th {
    background: #355f54;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
/* Палитра для Ксеноморфов */
#highlighted-header-xenomorph.wikitable thead tr th,
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3c1d5f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
 
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
    background: #5d1c55;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
 
/* Если не нужен другой стиль кроме цвета */
#no-highlight {
    border-bottom: none !important;
    box-shadow: none !important;
}
 
 
/* Таблица */
#VIOLET.wikitable {
background: #391b5d;
border-spacing: 0px;
}
 
/* Заголовок */
#VIOLET.wikitable thead tr th,
#VIOLET.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #391b5d;
    border-bottom: 0.2em solid #00000021;
}
 
/* Заглавная ячейка */
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#VIOLET.wikitable thead + tbody > tr th {
    background: #44206f;
    border-bottom: 1px solid #391b5d;
}
 
/* Ячейка с содержимым */
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#VIOLET.wikitable thead + tbody > tr td {
    background: #4a2b6f;
    border-bottom: 1px solid #391b5d;
}
 
 
/* Таблица */
#YELLOW.wikitable {
background: #405d1b;
border-spacing: 0px;
}
 
/* Заголовок */
#YELLOW.wikitable thead tr th,
#YELLOW.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #405d1b;
    border-bottom: 0.2em solid #00000021;
}
 
/* Заглавная ячейка */
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#YELLOW.wikitable thead + tbody > tr th {
    background: #4c6d20;
    border-bottom: 1px solid #405d1b;
}
 
/* Ячейка с содержимым */
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#YELLOW.wikitable thead + tbody > tr td {
    background: #577332;
    border-bottom: 1px solid #405d1b;
}
 
@media (max-width: 800px) {
    .grid-adaptive {
        grid-template-columns: 1fr !important;
    }
}
 
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
.no-margin-edges > :first-child,
.tabs-content   > :first-child,
.doc            > :first-child {
    margin-top: 0 !important;
}
 
.no-margin-edges > :last-child,
.tabs-content    > :last-child,
.doc            > :last-child {
    margin-bottom: 0 !important;
}
 
/* Сброс и настройка отступов для списков */
.list-reset-margin ol {
    margin: 0 0 0 24px;
}
 
.list-reset-margin li {
    margin-top: 2px;
}
 
.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
.list-reset-margin > ul:nth-of-type(n+2) {
    margin-top: 10px;
}
 
/* Кнопка копирования текста */
.copy-icon {
cursor: pointer;
}
 
 
/* Кнопка копирования текста */
.brightness-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: var(--background-color);
}
 
 
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
.brightness-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: var(--background-color);
}
 
.brightness-overlay:hover::before {
filter: brightness(103.5%);
}
 
/* Уменьшеная полоса прокрутки */
.short-scrollbar::-webkit-scrollbar {
width: 10px;
}
 
.short-scrollbar::-webkit-scrollbar-track  {
background: #2c2c33;
}
 
.short-scrollbar::-webkit-scrollbar-thumb {
background: #44444d; border: 2px solid #2c2c33; border-radius: 0;
}
 
/* Нужен для красивого вида примеров шаблона или кода */
.doc {
    white-space: pre-wrap;
    font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
    background: #d0d0ff0b;
    padding: 12px 10px;
    margin-bottom: 20px;
    color: lightgrey;
}
}

Версия от 19:38, 26 января 2025

/* Hide noscript only elements */
.client-js *.noscript, .invisible {
  display: none;
}

/* Disable blur */
.blurless {
  backdrop-filter: blur(0) !important;
}

/* Fill */
.fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--index-low);
}

/**
 * MARK: MainPage/Content
 */
.wiki-mainpage {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
}

.wiki-mainpage-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.75em;
}

/**
 * MARK: MainPage/Splash
 */
.paradise-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  background-color: var(--color-bg-section-light);
  border: var(--border-classic);
  border-radius: var(--border-radius-large);
  backdrop-filter: var(--blur-default);
}

.paradise-logo a img {
  width: 100%;
  height: auto;
}

.paradise-welcome {
  display: inline-flex;
  text-align: center;
  font-weight: bold;
  padding: 0 1em;
  margin: -1.5em 0.5em 0.5em 0.5em;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-large);
}

.paradise-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.paradise-info-string {
  overflow: hidden;
  display: flex;
  max-width: 90%;
  margin-bottom: 0.25em;
  background-color: var(--color-bg-section-light);
  border: var(--border-classic);
  border-top: 0;
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
  box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
  backdrop-filter: var(--blur-default);
}

.paradise-info-string span:not([class]) {
  padding: 0.5em 0.75em;
  border-right: var(--border-classic);
  border-left: var(--border-classic);

  @media (max-width: 719px) {
    display: none;
  }
}

.paradise-info-string .paradise-info-link {
  min-width: 3em;

  @media (max-width: 719px) {
    min-width: 10em;
    height: 2.5em;
  }
}

.paradise-info-string .paradise-info-link:first-of-type {
  @media (max-width: 719px) {
    border-right: var(--border-classic);
  }
}

.paradise-info-string .paradise-info-link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-text-semi-translucent) !important;
  transition: color var(--transition-time), background-color var(--transition-time);
}

.paradise-info-string .paradise-info-link a:hover {
  background-color: var(--color-bg-hover);
  color: var(--color-text) !important;
}

.paradise-info-string .paradise-info-link a:after {
  content: "";
  font: unset;

  @media (min-width: 720px) {
    display: none;
  }
}

.paradise-info-string .paradise-info-link:first-of-type a:after {
  @media (max-width: 719px) {
    content: "Discord";
    margin-left: 1em;
  }
}

.paradise-info-string .paradise-info-link:last-of-type a:before {
  @media (max-width: 719px) {
    content: "GitHub";
    margin-right: 1em;
  }
}

.paradise-info-string .paradise-info-link a i {
  font-size: 1.25em;
}

/**
 * MARK: MainPage/Buttons
 */
.pagebutton-container {
  user-select: none;
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  margin: 0.25em;
  outline: 1px outset var(--color-border);
  border-radius: var(--border-radius-small);
  transition: box-shadow var(--transition-time), transform var(--transition-time);
}

.pagebutton-container:hover {
  box-shadow: 0 0.25em 0.5em 0;
  transform: translateY(-0.3em);
  z-index: 1;
}

.pagebutton-container:hover:focus-within {
  box-shadow: 0 0.25em 0.5em 0, inset 0 0 0.5em;
}

.pagebutton-text a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  min-height: 21px;
  background-color: var(--color-bg-focus);
  color: var(--color-white) !important;
  border-top: var(--border-classic);
  -webkit-user-drag: none;
}

.pagebutton-image a img {
  display: flex;
  margin: 0 auto;
  padding: 0.5em;
}

.pageframe-container {
  backdrop-filter: var(--blur-default);
}

/**
 * MARK: NavBar/Tabs
 */
.department-tabs {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  overflow: auto;
}

.department-tabs-tab {
  position: relative;
  display: inline-flex;
  flex-grow: 1;
  flex-basis: 5%;
}

.department-tabs-tab a {
  padding: 0.4em 1em;
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  transition-property: background-color, color;
}

.department-tabs-tab a,
.department-tabs-tab a:active {
  color: var(--color-text-gray);
}

.department-tabs-tab a:hover,
.department-tabs-tab a:active:hover {
  background-color: var(--color-bg-hover);
  color: var(--color-text-darker);
}

.department-tabs-tab a.mw-selflink {
  background-color: var(--color-bg-focus) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-fore);
}

/**
 * MARK: NavBar/Buttons
 */
.navbar-button a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: var(--color-text-darker) !important;
  transition-property: background-color, color;
}

.navbar-button a:hover {
  background-color: var(--color-bg-hover);
}

/**
 * MARK: TGUI Buttons
 */
.custom-link {
  display: inline-flex;
}

.custom-link a {
  display: inline-flex;
  align-items: center;
  text-align: center;
  min-height: 1.5em;
  line-height: 1rem;
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  padding: 0 0.5em;
  border-radius: var(--border-radius-small);
  transition: background-color var(--transition-time);
}

.custom-link a:hover {
  background-color: var(--color-primary-light);
}

.custom-link i {
  margin-right: 0.33em;
}

/**
 * MARK: Template/Notice
 */
.notice-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-large);
  box-shadow: var(--shadow-template--small);
}

.notice-lines {
  flex: 1;
  min-width: 10%;
  height: 40px;
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-base);
}

.notice-title {
  overflow: hidden;
  position: relative;
  padding: 0.25em;
  min-width: 50%;
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-fore);
}

.notice-title-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  font-family: "Comic Sans MS";
  text-align: center;
  color: var(--color-white);
}

.notice-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 1em;
}

.notice-content-text {
  font-size: 0.85rem;
  font-family: "Comic Sans MS";
  text-align: center;
  color: var(--color-text);
}

/* Palette Preview */
.palette-preview {
  flex: 1 14em;
  text-align: center;
  margin: 0.25em;
}

/**
 * MARK: Типы урона
 */
.brute {
  color: var(--color-red);
  font-weight: bold;
}

.burn {
  color: var(--color-orange);
  font-weight: bold;
}

.oxygen {
  color: var(--color-blue);
  font-weight: bold;
}

.toxic {
  color: var(--color-green);
  font-weight: bold;
}

.gene {
  color: var(--color-purple);
  font-weight: bold;
}

.electric {
  color: var(--color-teal);
  font-weight: bold;
}

/**
 * MARK: Template/Rules
 */
.rule-template {
  cursor: default;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.75rem;
  border-radius: var(--border-radius-medium);
  box-shadow: 0 0 0.5rem -0.1rem, inset 0 0 0.25rem 0rem;
  transition: box-shadow var(--transition-time);
}

.rule-template:hover {
  box-shadow: 0 0 0.75rem 0, inset 0 0 0.25rem 0.1rem;
}

.rule-template:last-child {
  margin-bottom: 0;
}

.rule-template .rule-template {
  margin: 0.5rem 0 0;
  box-shadow: none;
  transition: none;
}

.rule-template .rule-template:first-child {
  margin: 0.75rem 0 0.1rem;
}

.rule-title h3,
.rule-title h4 {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

.rule-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding: 0.33rem 0.75rem 0.15rem;
  width: 3.75em;
}

.rule-hidden {
  display: none;
}

.rule-name {
  padding: 0.33rem 0.75rem 0.15rem;
}

.rule-content {
  padding: 0.33rem 0.5rem;
  text-align: left;
}

/**
 * MARK: Space Law Template
 */
.flexbox-container {
  position: relative;
  display: flex;
  flex: 1 0 30rem;
  flex-direction: column;
  border-radius: var(--border-radius-medium);
  
  @media (max-width: 719px) {
    flex: 1 0 100%;
  }
}

.flexbox-container .tgui-blur {
  border-radius: var(--border-radius-medium);
}

.flexbox-title {
  display: flex;
  align-items: center;
  min-height: 1.75rem;
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 2px solid;
  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}

.flexbox-title .flexbox-name {
  flex: 1 !important;
  margin: 0 !important;
  padding: 0.25rem 0.5rem !important;
  font-size: 0.95rem !important;
  line-height: 0.95rem !important;
}

.flexbox-subtitle {
  min-width: 2.6rem;
  height: 100%;
  padding: 0 0.33em;
  text-align: center;
  align-content: center;
  color: var(--color-white);
  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}

.flexbox-content {
  display: flex;
  flex: 1;
}

.flexbox-image {
  overflow: hidden;
  display: flex;
  align-items: center; 
  border: 2px solid;
  border-top: 0;
  border-radius: 0 0 0 var(--border-radius-medium);
}

.flexbox-container__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-radius: 0 0 var(--border-radius-medium) 0;
}

.flexbox-desc {
  flex: 1;
  padding: 0.33rem;
  line-height: 1.125rem;
}

/**
 * MARK: JSLink
 */
.jslink {
  cursor: pointer;
  user-select: none;
  font-size: 0.66em;
  padding: 0.25em 0.5em;
  margin-left: 0.5em;
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  border-radius: var(--border-radius-small);
  transition: background-color var(--transition-time);
}

.jslink:hover {
  background-color: var(--color-primary-light);
}

/* Стиль таблиц с предметами и т.п. */
.items-table {
  width: 100%;
  border: var(--border-classic);
  border-radius: var(--border-radius-medium);
  background-color: var(--color-bg-section-light-opaque);
}

.items-table th {
  border: 0.2em double var(--color-border);
  border-radius: var(--border-radius-small);
  background-color: var(--color-bg-section-light);
  color: var(--color-text);
  padding: 0.2em;
}

.items-table td {
  background-color: var(--color-bg-section-light);
  color: var(--color-text);
  padding: 0.2em;
}

.items-table:not(.regular) td:not(.regular):first-of-type,
td.capital {
  background-color: var(--color-bg-section-light);
  font-weight: bold;
  color: var(--color-text);
  border: var(--border-classic);
  border-radius: var(--border-radius-small);
  text-align: center;
}

/* Цвета охранного отдела */
.colors-secure,
.colors-Security,
tr.colors-secure,
tr.colors-Security {
  background-color: var(--security-light);
  border-color: var(--security-secondary);
}
.colors-secure th,
.colors-Security th,
tr.colors-secure th,
tr.colors-Security th {
  background-color: var(--security-primary);
  border-color: var(--security-opaque);
}
.colors-secure td,
.colors-Security td,
tr.colors-secure td,
tr.colors-Security td {
  background-color: var(--security-transparent);
}
:not(.regular).colors-secure td:not(.regular):first-of-type,
:not(.regular).colors-Security td:not(.regular):first-of-type,
.colors-secure td.capital,
.colors-Security td.capital,
:not(.regular) tr.colors-secure td:not(.regular):first-of-type,
:not(.regular) tr.colors-Security td:not(.regular):first-of-type {
  background-color: var(--security-light);
  color: var(--color-text);
  border-color: var(--security-opaque);
}

/* Цвета научного отдела */
.colors-science,
.colors-Science,
tr.colors-science,
tr.colors-Science {
  background-color: var(--science-light);
  border-color: var(--science-secondary);
}
.colors-science th,
.colors-Science th,
tr.colors-science th,
tr.colors-Science th {
  background-color: var(--science-primary);
  border-color: var(--science-opaque);
}
.colors-science td,
.colors-Science td,
tr.colors-science td,
tr.colors-Science td {
  background-color: var(--science-transparent);
}
:not(.regular).colors-science td:not(.regular):first-of-type,
:not(.regular).colors-Science td:not(.regular):first-of-type,
.colors-science td.capital,
.colors-Science td.capital,
:not(.regular) tr.colors-science td:not(.regular):first-of-type,
:not(.regular) tr.colors-Science td:not(.regular):first-of-type {
  background-color: var(--science-light);
  color: var(--color-text);
  border-color: var(--science-opaque);
}

/* Цвета сервисного отдела */
.colors-service,
.colors-Service,
tr.colors-service,
tr.colors-Service {
  background-color: var(--civilian-light);
  border-color: var(--civilian-secondary);
}
.colors-service th,
.colors-Service th,
tr.colors-service th,
tr.colors-Service th {
  background-color: var(--civilian-primary);
  border-color: var(--civilian-opaque);
}
.colors-service td,
.colors-Service td,
tr.colors-service td,
tr.colors-Service td {
  background-color: var(--civilian-transparent);
}
:not(.regular).colors-service td:not(.regular):first-of-type,
:not(.regular).colors-Service td:not(.regular):first-of-type,
.colors-service td.capital,
.colors-Service td.capital,
:not(.regular) tr.colors-service td:not(.regular):first-of-type,
:not(.regular) tr.colors-Service td:not(.regular):first-of-type {
  background-color: var(--civilian-light);
  color: var(--color-text);
  border-color: var(--civilian-opaque);
}

/* Цвета инженерного отдела */
.colors-engine,
.colors-Engineering,
tr.colors-engine,
tr.colors-Engineering {
  background-color: var(--engineer-light);
  border-color: var(--engineer-secondary);
}
.colors-engine th,
.colors-Engineering th,
tr.colors-engine th,
tr.colors-Engineering th {
  background-color: var(--engineer-primary);
  border-color: var(--engineer-opaque);
}
.colors-engine td,
.colors-Engineering td,
tr.colors-engine td,
tr.colors-Engineering td {
  background-color: var(--engineer-transparent);
}
:not(.regular).colors-engine td:not(.regular):first-of-type,
:not(.regular).colors-Engineering td:not(.regular):first-of-type,
.colors-engine td.capital,
.colors-Engineering td.capital,
:not(.regular) tr.colors-engine td:not(.regular):first-of-type,
:not(.regular) tr.colors-Engineering td:not(.regular):first-of-type {
  background-color: var(--engineer-light);
  color: var(--color-text);
  border-color: var(--engineer-opaque);
}

/* Цвета командного отдела */
.colors-command,
.colors-Command,
tr.colors-command,
tr.colors-Command {
  background-color: var(--command-light);
  border-color: var(--command-secondary);
}
.colors-command th,
.colors-Command th,
tr.colors-command th,
tr.colors-Command th {
  background-color: var(--command-primary);
  border-color: var(--command-opaque);
}
.colors-command td,
.colors-Command td,
tr.colors-command td,
tr.colors-Command td {
  background-color: var(--command-transparent);
}
:not(.regular).colors-command td:not(.regular):first-of-type,
:not(.regular).colors-Command td:not(.regular):first-of-type,
.colors-command td.capital,
.colors-Command td.capital,
:not(.regular) tr.colors-command td:not(.regular):first-of-type,
:not(.regular) tr.colors-Command td:not(.regular):first-of-type {
  background-color: var(--command-light);
  color: var(--color-white);
  border-color: var(--command-opaque);
}

/* Цвета медицинского отдела */
.colors-medik,
.colors-Medical,
tr.colors-medik,
tr.colors-Medical {
  background-color: var(--medical-light);
  border-color: var(--medical-secondary);
}
.colors-medik th,
.colors-Medical th,
tr.colors-medik th,
tr.colors-Medical th {
  background-color: var(--medical-primary);
  border-color: var(--medical-opaque);
}
.colors-medik td,
.colors-Medical td,
tr.colors-medik td,
tr.colors-Medical td {
  background-color: var(--medical-transparent);
}
:not(.regular).colors-medik td:not(.regular):first-of-type,
:not(.regular).colors-Medical td:not(.regular):first-of-type,
.colors-medik td.capital,
.colors-Medical td.capital,
:not(.regular) tr.colors-medik td:not(.regular):first-of-type,
:not(.regular) tr.colors-Medical td:not(.regular):first-of-type {
  background-color: var(--medical-light);
  color: var(--color-text);
  border-color: var(--medical-opaque);
}

/* Цвета снабжающего отдела */
.colors-suply,
.colors-Supply,
tr.colors-suply,
tr.colors-Supply {
  background-color: var(--supply-light);
  border-color: var(--supply-secondary);
}
.colors-suply th,
.colors-Supply th,
tr.colors-suply th,
tr.colors-Supply th {
  background-color: var(--supply-primary);
  border-color: var(--supply-opaque);
}
.colors-suply td,
.colors-Supply td,
tr.colors-suply td,
tr.colors-Supply td {
  background-color: var(--supply-transparent);
}
:not(.regular).colors-suply td:not(.regular):first-of-type,
:not(.regular).colors-Supply td:not(.regular):first-of-type,
.colors-suply td.capital,
.colors-Supply td.capital,
:not(.regular) tr.colors-suply td:not(.regular):first-of-type,
:not(.regular) tr.colors-Supply td:not(.regular):first-of-type {
  background-color: var(--supply-light);
  color: var(--color-text);
  border-color: var(--supply-opaque);
}

/* Цвета планетарного отдела */
.colors-lava,
.colors-Lavaland,
tr.colors-lava,
tr.colors-Lavaland {
  background-color: var(--lavaland-light);
  border-color: var(--lavaland-secondary);
}
.colors-lava th,
.colors-Lavaland th,
tr.colors-lava th,
tr.colors-Lavaland th {
  background-color: var(--lavaland-primary);
  border-color: var(--lavaland-opaque);
}
.colors-lava td,
.colors-Lavaland td,
tr.colors-lava td,
tr.colors-Lavaland td {
  background-color: var(--lavaland-transparent);
}
:not(.regular).colors-lava td:not(.regular):first-of-type,
:not(.regular).colors-Lavaland td:not(.regular):first-of-type,
.colors-lava td.capital,
.colors-Lavaland td.capital,
:not(.regular) tr.colors-lava td:not(.regular):first-of-type,
:not(.regular) tr.colors-Lavaland td:not(.regular):first-of-type {
  background-color: var(--lavaland-light);
  color: var(--color-text);
  border-color: var(--lavaland-opaque);
}

/* Цвета синтетического отдела */
.colors-synth,
.colors-Synthetic,
tr.colors-synth,
tr.colors-Synthetic {
  background-color: var(--synthetic-light);
  border-color: var(--synthetic-secondary);
}
.colors-synth th,
.colors-Synthetic th,
tr.colors-synth th,
tr.colors-Synthetic th {
  background-color: var(--synthetic-primary);
  border-color: var(--synthetic-opaque);
}
.colors-synth td,
.colors-Synthetic td,
tr.colors-synth td,
tr.colors-Synthetic td {
  background-color: var(--synthetic-transparent);
}
:not(.regular).colors-synth td:not(.regular):first-of-type,
:not(.regular).colors-Synthetic td:not(.regular):first-of-type,
.colors-synth td.capital,
.colors-Synthetic td.capital,
:not(.regular) tr.colors-synth td:not(.regular):first-of-type,
:not(.regular) tr.colors-Synthetic td:not(.regular):first-of-type {
  background-color: var(--synthetic-light);
  color: var(--color-white);
  border-color: var(--synthetic-opaque);
}

/* Цвета антагского отдела */
.colors-antag,
.colors-Antagonist,
tr.colors-antag,
tr.colors-Antagonist {
  background-color: var(--antag-light);
  border-color: var(--antag-secondary);
}
.colors-antag th,
.colors-Antagonist th,
tr.colors-antag th,
tr.colors-Antagonist th {
  background-color: var(--antag-primary);
  border-color: var(--antag-opaque);
}
.colors-antag td,
.colors-Antagonist td,
tr.colors-antag td,
tr.colors-Antagonist td {
  background-color: var(--antag-transparent);
}
:not(.regular).colors-antag td:not(.regular):first-of-type,
:not(.regular).colors-Antagonist td:not(.regular):first-of-type,
.colors-antag td.capital,
.colors-Antagonist td.capital,
:not(.regular) tr.colors-antag td:not(.regular):first-of-type,
:not(.regular) tr.colors-Antagonist td:not(.regular):first-of-type {
  background-color: var(--antag-light);
  color: var(--color-red);
  border-color: var(--antag-opaque);
}

/* Цвета культистского отдела */
.colors-cult,
.colors-Cultist,
tr.colors-cult,
tr.colors-Cultist {
  background-color: var(--cult-light);
  border-color: var(--cult-secondary);
}
.colors-cult th,
.colors-Cultist th,
tr.colors-cult th,
tr.colors-Cultist th {
  background-color: var(--cult-primary);
  border-color: var(--cult-opaque);
}
.colors-cult td,
.colors-Cultist td,
tr.colors-cult td,
tr.colors-Cultist td {
  background-color: var(--cult-transparent);
}
:not(.regular).colors-cult td:not(.regular):first-of-type,
:not(.regular).colors-Cultist td:not(.regular):first-of-type,
.colors-cult td.capital,
.colors-Cultist td.capital,
:not(.regular) tr.colors-cult td:not(.regular):first-of-type,
:not(.regular) tr.colors-Cultist td:not(.regular):first-of-type {
  background-color: var(--cult-light);
  color: var(--color-red);
  border-color: var(--cult-opaque);
}

/* Цвета ратваровского отдела */
.colors-ratvar,
.colors-Ratvar,
tr.colors-ratvar,
tr.colors-Ratvar {
  background-color: var(--ratvar-light);
  border-color: var(--ratvar-secondary);
}
.colors-ratvar th,
.colors-Ratvar th,
tr.colors-ratvar th,
tr.colors-Ratvar th {
  background-color: var(--ratvar-primary);
  border-color: var(--ratvar-opaque);
}
.colors-ratvar td,
.colors-Ratvar td,
tr.colors-ratvar td,
tr.colors-Ratvar td {
  background-color: var(--ratvar-transparent);
}
:not(.regular).colors-ratvar td:not(.regular):first-of-type,
:not(.regular).colors-Ratvar td:not(.regular):first-of-type,
.colors-ratvar td.capital,
.colors-Ratvar td.capital,
:not(.regular) tr.colors-ratvar td:not(.regular):first-of-type,
:not(.regular) tr.colors-Ratvar td:not(.regular):first-of-type {
  background-color: var(--ratvar-light);
  color: var(--color-white);
  border-color: var(--ratvar-opaque);
}

/* Цвета ксеноморфного отдела */
.colors-xenom,
.colors-Xenomorph,
tr.colors-xenom,
tr.colors-Xenomorph {
  background-color: var(--special-light);
  border-color: var(--special-secondary);
}
.colors-xenom th,
.colors-Xenomorph th,
tr.colors-xenom th,
tr.colors-Xenomorph th {
  background-color: var(--special-primary);
  border-color: var(--special-opaque);
}
.colors-xenom td,
.colors-Xenomorph td,
tr.colors-xenom td,
tr.colors-Xenomorph td {
  background-color: var(--special-transparent);
}
:not(.regular).colors-xenom td:not(.regular):first-of-type,
:not(.regular).colors-Xenomorph td:not(.regular):first-of-type,
.colors-xenom td.capital,
.colors-Xenomorph td.capital,
:not(.regular) tr.colors-xenom td:not(.regular):first-of-type,
:not(.regular) tr.colors-Xenomorph td:not(.regular):first-of-type {
  background-color: var(--special-light);
  color: var(--color-white);
  border-color: var(--special-opaque);
}

/* Цвета марининого отдела */
.colors-marine,
.colors-Marine,
tr.colors-marine,
tr.colors-Marine {
  background-color: var(--centcom-light);
  border-color: var(--centcom-secondary);
}
.colors-marine th,
.colors-Marine th,
tr.colors-marine th,
tr.colors-Marine th {
  background-color: var(--centcom-primary);
  border-color: var(--centcom-opaque);
}
.colors-marine td,
.colors-Marine td,
tr.colors-marine td,
tr.colors-Marine td {
  background-color: var(--centcom-transparent);
}
:not(.regular).colors-marine td:not(.regular):first-of-type,
:not(.regular).colors-Marine td:not(.regular):first-of-type,
.colors-marine td.capital,
.colors-Marine td.capital,
:not(.regular) tr.colors-marine td:not(.regular):first-of-type,
:not(.regular) tr.colors-Marine td:not(.regular):first-of-type {
  background-color: var(--centcom-light);
  color: var(--color-text);
  border-color: var(--centcom-opaque);
}

/* Цвета волшебного отдела */
.colors-wizard,
.colors-Wizard,
tr.colors-wizard,
tr.colors-Wizard {
  background-color: var(--wizard-light);
  border-color: var(--wizard-secondary);
}
.colors-wizard th,
.colors-Wizard th,
tr.colors-wizard th,
tr.colors-Wizard th {
  background-color: var(--wizard-primary);
  border-color: var(--wizard-opaque);
}
.colors-wizard td,
.colors-Wizard td,
tr.colors-wizard td,
tr.colors-Wizard td {
  background-color: var(--wizard-transparent);
}
:not(.regular).colors-wizard td:not(.regular):first-of-type,
:not(.regular).colors-Wizard td:not(.regular):first-of-type,
.colors-wizard td.capital,
.colors-Wizard td.capital,
:not(.regular) tr.colors-wizard td:not(.regular):first-of-type,
:not(.regular) tr.colors-Wizard td:not(.regular):first-of-type {
  background-color: var(--wizard-light);
  color: var(--color-text);
  border-color: var(--wizard-opaque);
}

/* Цвета похитнического отдела */
.colors-abductor,
.colors-Abductor,
tr.colors-abductor,
tr.colors-Abductor {
  background-color: var(--gray-light);
  border-color: var(--gray-secondary);
}
.colors-abductor th,
.colors-Abductor th,
tr.colors-abductor th,
tr.colors-Abductor th {
  background-color: var(--gray-primary);
  border-color: var(--gray-opaque);
}
.colors-abductor td,
.colors-Abductor td,
tr.colors-abductor td,
tr.colors-Abductor td {
  background-color: var(--gray-transparent);
}
:not(.regular).colors-abductor td:not(.regular):first-of-type,
:not(.regular).colors-Abductor td:not(.regular):first-of-type,
.colors-abductor td.capital,
.colors-Abductor td.capital,
:not(.regular) tr.colors-abductor td:not(.regular):first-of-type,
:not(.regular) tr.colors-Abductor td:not(.regular):first-of-type {
  background-color: var(--gray-light);
  color: var(--color-text);
  border-color: var(--gray-opaque);
}

/* Цвет заголовков сворачиваемых разделов в sidebar обратно в серый */
#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading,
#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading:hover,
#mw-panel.collapsible-nav .portal .vector-menu-heading * {
  color: var(--gray-opaque);
  text-decoration: none;
}

/* Таблица брони и оружия */
.weapon-table td,
.armor-table {
  text-align: center;
  font-weight: bold;
}

/* Последний столбец */
.weapon-table td:last-of-type,
.armor-table td:last-of-type {
  text-align: left;
  font-weight: unset;
}

/* Таблица контрабанды */
.ContrabandItemList {
  backdrop-filter: var(--blur-intensity);
}

.ContrabandItemCore {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  padding: 0.5rem;
}

.ContrabandItem {
  hyphens: auto;
  text-align: center;
  background-color: var(--color-bg-section);
  border: var(--border-classic);
  border-radius: var(--border-radius-medium);
  padding: 0.25em;
  flex: 1 0 12em;
  justify-content: center;
}
Источник — https://wiki.backmen.ru/index.php?title=MediaWiki:Common.css&oldid=8391