Space Station 14 Вики

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

Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
мНет описания правки
мНет описания правки
Строка 5: Строка 5:
  * 1. Шрифты
  * 1. Шрифты
  * 2. Теги
  * 2. Теги
  * 3. Классы
  * 3. Шаблоны
  * 4. Шаблоны
  * 4. Модули
  * 5. Модули
  * 5. Расширение
  * 6. Расширение
  * 6. Основной интерфейс пользователя
  * 7. Основной интерфейс пользователя
  * 7. Классы
  * 8. Интерфейс MediaWiki
  * 8. Интерфейс MediaWiki
  * 9. Неотсортированные
  * 9. Неотсортированные
Строка 879: Строка 879:


/* ============ */
/* ============ */
/* #region Классы */
/* #region Шаблоны */
/* ============ */
/* ============ */


/* Key press */
/*=== Навигационный шаблон ===*/
.keyboard-key {
/* Default style for navigation boxes */
border: 1px solid var(--theme-border-color-100);
.navbox { /* Navbox container style */
border-radius: var(--border-radius-low);
box-sizing: border-box;
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
border: 1px solid var(--theme-border-color-base);
color: var(--theme--text-color);
width: 100%;
padding: 0.1em 0.3em;
margin: 2em auto 0; /* Prevent preceding content from clinging to navboxes */
font-family: inherit;
clear: both;
font-size: 0.8em;
font-size: 90%;
text-align: center;
padding: 3px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
}
 
.navbox-group,
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
.navbox-title,
#scroll-top {
.navbox-abovebelow {
display: none !important;
padding: 0.25em 1em;   /* Title, group and above/below styles */
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
text-align: center;
opacity: 0.5;
}
width: 57px;
.navbox-title {
height: 57px;
position: relative;
cursor: pointer;
line-height: 1.6em; /* Standard 1.6em for title */
position: fixed;
border-bottom: 2px solid var(--color-darkened-border);
right: calc(0.95em + 6px);
border-radius: var(--border-radius-low);
bottom: 30px;
border-top: 1px solid var(--color-lighter-alpha-x);
z-index: 10000;
border-bottom: 2px solid var(--color-darkened-border);  
image-rendering: pixelated;
box-shadow: var(--box-shadow-medium);
filter: var(--filter-drop-shadow);
}
}


#scroll-top:hover {
/* cell spacing for navbox cells */
opacity: 0.8;
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 1px solid var(--theme-bg-color-100); /* Must match background color */
border-bottom: 1px solid var(--theme-bg-color-100);
}
}


@media screen and (max-width: 850px) {
th.navbox-group { /* Group style */
#scroll-top {
transform: translate(-50%, -50%);
left: 50%;
right: 50%;
bottom: 15px;
opacity: 0.3;
}
}
 
/* Необходим для использования fonts.google.com/icons */
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
white-space: nowrap;
word-wrap: normal;
/* @noflip */
direction: ltr;
text-align: left;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
}
 
.navbox th,
.tools-inline li:hover {
.navbox-title {
border-bottom-width: 2px;
background: var(--color-contrast2); /* Level title color */
}
}
 
.navbox,
.tools-inline li.selected {
.navbox-subgroup {
background: transparent !important;
background: var(--theme-bg-color-100); /* Level 1 color */
border-bottom-width: 2px;
}
}
 
.navbox-subgroup .navbox-group,
#mw-indicator-mw-helplink a {
.navbox-subgroup .navbox-abovebelow {
background-image: none;
background: var(--theme-bg-color-200); /* Level 2 color */
border-right: 1px solid var(--theme-bg-color-150);
border-bottom: 1px solid var(--theme-bg-color-150);
border-top: none;
}
}
 
.navbox-abovebelow,
.mw-body-content sub,.mw-body-content sup,span.reference {
th.navbox-group,
font-size: 80%
.navbox-subgroup .navbox-title {
background: var(--theme-bg-color-250); /* Level 3 color */
}
}
 
.navbox-even {
#mw-content-block #catlinks {
background: transparent; /* Even row striping */
background: var(--theme-bg-color-100);
}
}
 
.navbox-odd {
.ns-talk .mw-body-content dd {
background: transparent; /* Odd row striping */
margin-top: 0.4em;
margin-bottom: 0.4em
}
}


#interwiki-completelist {
.navbox .hlist td dl,
font-weight: bold
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 1px 0 0;   /* Adjust hlist padding in navboxes */
}
}
 
.navbox .navbox {
.biglink {
margin-top: 0; /* No top margin for nested navboxes */
font-family: "Oswald";
font-style: oblique 10deg;
font-variant-caps: small-caps;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}
}
 
.navbox + .navbox {
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
display: none
}
}


.mw-rcfilters-enabled .mw-specialpage-summary {
.navbox td:not(:has(table)), .navbox ul {
margin-top: 1em
background: var(--theme-bg-color-150);
padding: 4px 2px !important;
}
}


.citation:target {
@media screen and (max-width: 650px) {
background: rgba(0, 127, 255, 0.133)
th.navbox-group {
white-space: unset;
}
}
}
/* КОНЕЦ */


.citation {
/* #endregion */
word-wrap: break-word
 
}
/* ============ */
/* #region Модули */
/* ============ */


ol.references {
/*=== Модуль:Краткий вызов ===*/
font-size: 90%;
.shortcut {
margin-bottom: 0.5em
clear: right;
float: right;
margin-left: 0.75em;
font-size: smaller;
background: var(--bg-color-code-light);
border: 1px solid var(--border-color-code-light);
}
}


.hlist dl,.hlist ol,.hlist ul {
.shortcut-1, .shortcut-2 {
margin: 0;
padding: 4px;
padding: 0
}
}


.hlist dd,.hlist dt,.hlist li {
.shortcut-2 {
margin: 0;
line-height: 1.25em;
display: inline
font-weight: bold;
vertical-align: middle;
}
}
/* #endregion */


.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
/* #region Расширение */
}
/* ============ */


.hlist .mw-empty-li {
/*=== CodeMirror ===*/
display: none
.CodeMirror {
height: 600px;
position: relative;
overflow: hidden;
background: var(--theme-bg-color-base);
color: inherit;
}
}


.hlist dt:after {
.CodeMirror-gutters {
content: ":"
border-right: 1px solid var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
white-space: nowrap;
}
}


.hlist dd:after,.hlist li:after {
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
content: " · ";
background: var(--color-contrast2-dark);
font-weight: bold
}
}


.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
/*=== Расширение:Popups ===*/
content: none
/* Всплывающие окна */
.mwe-popups {
background: var(--ooui--gradient-light);
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
}


.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 {
.mwe-popups img {
content: " (";
image-rendering: auto;
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 {
.mwe-popups .mwe-popups-container {
content: ")";
background: var(--ooui--gradient-light);
font-weight: normal
}
}


.hlist ol {
.mwe-popups .mwe-popups-extract {
counter-reset: listitem
color: #dddddd;
}
}


.hlist ol>li {
.mwe-popups .mwe-popups-extract:hover {
counter-increment: listitem
color: #e8e8e8;
}
}


.hlist ol>li:before {
.mwe-popups .mwe-popups-extract[dir='ltr']::after {
content: " " counter(listitem) "\a0"
background: linear-gradient(90deg, #ffffff00 0%, #2a2a3387 50%);
}
}


.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
.mwe-popups .mwe-popups-extract[dir='rtl']::after {
content: " (" counter(listitem) "\a0"
background: linear-gradient(90deg, #2a2a3387 50%, #ffffff00 0%);
}
}


.plainlist ol,.plainlist ul {
/* Настройки */
line-height: inherit;
.mwe-popups-overlay {
list-style: none none;
background: rgba(0, 0, 0, 0.6);
margin: 0
}
}


.plainlist ol li,.plainlist ul li {
#mwe-popups-settings {
margin-bottom: 0
border: 1px solid #41414d;
background: #27272f;
}
}


@media (max-width: 800px) {
#mwe-popups-settings header {
.grid-adaptive {
border-bottom: 1px solid #41414d;
grid-template-columns: 1fr !important;
}
}
}


.grid-item-adaptive {
#mwe-popups-settings main#mwe-popups-settings-form p {
display: grid;
color: var(--ooui--text-color);
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
}


.grid-small-item-adaptive {
#mwe-popups-settings main#mwe-popups-settings-form form label > span {
display: grid;
color: #dddddd;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
}


.grid-item-compressed {
/*=== Расширение:InputBox ===*/
display: grid;
.mw-ui-input {
gap: 10px;
background: var(--ooui--bg-color);
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
color: var(--ooui--text-color-light);
}
}


.grid-item-compressed {
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
display: grid;
border-radius: var(--border-radius-low);
gap: 10px;
border-color: var(--ooui--border-color);
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.link-card__flex-container {
.mw-ui-input:hover {
display: flex;
border-color: var(--ooui--border-color-light);
gap: 10px;
justify-content: center;
flex-grow: 1;
align-items: flex-start;
flex-wrap: wrap;
align-content: center;
}
}


@media (max-width: 800px) {
/*=== Расширение:SyntaxHighlight ===*/
.link-card__flex-container {
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
gap: 8px;
background: var(--theme-bg-color-100);
}
border-color: var(--ooui--border-color);
box-shadow: var(--ooui--bg-color-dark) 2.75em 0px 0px inset;
font-size: 90%;
color: var(--ooui--text-color);
}
}


/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
.mw-content-ltr.mw-highlight .linenos {
.no-margin-edges > :first-child,
color: var(--ooui--text-color-dark);
.tabs-content > :first-child,
.doc > :first-child {
margin-top: 0 !important;
}
}


.no-margin-edges > :last-child,
/*=== GrowthExperiments ===*/
.tabs-content > :last-child,
body.mw-special-Homepage.growthexperiments-homepage-desktop .growthexperiments-homepage-container .growthexperiments-homepage-group-main {
.doc > :last-child {
--width: clamp(300px, 50vw, 480px);
margin-bottom: 0 !important;
width: var(--width);
flex: 1 0 var(--width);
}
 
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue {
width: 300px;
}
}


/* Сброс и настройка отступов для списков */
.growthexperiments-homepage-module-suggested-edits .suggested-edits-filters .oo-ui-buttonGroupWidget {
.list-reset-margin ol {
gap: 0.2em;
margin: 0 0 0 24px;
padding: 0;
}
}


.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
.mw-ge-help-panel-widget-overlay,
.list-reset-margin > ul:nth-of-type(n+2) {
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
margin-top: 10px;
max-width: calc(100% - 2em);
max-height: calc(100% - 2em);
}
}


/* Кнопка копирования текста */
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
.copy-icon {
animation-fill-mode: unset;
cursor: pointer;
}
}


/* Кнопка копирования текста */
.ext-discussiontools-init-targetcomment {
.brightness-overlay::before {
background: var(--bg-color-hover);
content: "";
border-radius: var(--border-radius-low);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}
}


 
@media screen and (max-width: 850px) {
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
.mw-ge-help-panel-popup .oo-ui-dialog.oo-ui-window-setup {
.brightness-overlay::before {
box-shadow: var(--box-shadow-overlay);
content: "";
}
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--background-color);
}
}
/* #endregion */


.brightness-overlay:hover::before {
/* ============ */
filter: brightness(103%);
/* #region Основной интерфейс пользователя */
}
/* ============ */
.mw-footer .footer-icons a {
background: var(--theme-bg-color-100);
border: 1px solid var(--theme-border-color-base);
padding-right: 15px;
padding-left: 15px;
min-height: 44px;
display: inline-flex;
align-items: center;
}


/* Уменьшеная полоса прокрутки */
.mw-json th, .mw-json td {
.short-scrollbar::-webkit-scrollbar {  
border: 1px solid black;
width: 10px;
}
}


.short-scrollbar::-webkit-scrollbar-track  {  
.mw-json tr {
background: var(--ooui--bg-color-light);
background: var(--theme-bg-color-100);
}
}


.short-scrollbar::-webkit-scrollbar-thumb {  
.mw-json th {
background: #44444d; border: 2px solid var(--ooui--bg-color-light); border-radius: 0;
background: var(--theme-bg-color-250);
color: var(--theme-text-color);
}
}


/* Для для динамичного вида кнопки "[развернуть]" */
.mw-json-value, .mw-json-single-value {
.collapsible-absolute .mw-collapsible-toggle {
background: var(--bg-color-emerald-50);
position: absolute;
color: var(--theme-text-color);
left: 0;
right: 0;
}
}


/* Обводка тенью изображений и текста */
.mw-json-empty {
.with-drop-shadow,
background: var(--bg-color-emerald-50);
.mw-wiki-logo.timeless-logo img {
color: var(--theme-text-color);
filter: var(--filter-drop-shadow);
}
}


.tooltip {
.mw-ui-button {
position: relative;
    color: var(--theme-text-color);
display: inline;
}
}


.tooltiptext {
.mw-ui-button:not(:disabled):hover {
position: absolute;
    color: var(--theme-text-color-light);
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 var(--color-contrast);
border-radius: 1.4rem;
background: var(--ooui--bg-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


.tooltip:hover>.tooltiptext {
/*=== Страница ===*/
visibility: visible;
#mw-page-base {
opacity: 1;
background: var(--theme-bg-color-base);
color: var(--theme-text-color);
border: var(--theme-bg-color-base)
}
}


@media screen and (min-width: 851px) {
#mw-header-nav-hack {
.mobile {
    background: var(--theme-bg-color-base);
display:none
border-color: var(--theme-bg-color-200);
}
}


.headder {
.mediawiki, .mw-page-container {
width: 25%;
background: var(--theme-bg-color-base);
float: right;
color: var(--theme-text-color);
margin-left: 1em
border: var(--theme-bg-color-base)
}
}


.stiky {
#mw-panel {
position: sticky;
background: var(--theme-bg-color-base);
top: 0.1em
color: var(--theme-text-color);
}
border: var(--theme-bg-color-base)
}
}


@media screen and (max-width: 850px) {
#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
.nomobile {
background: var(--theme-bg-color-base);
display: none !important;
color: var(--theme-text-color);
}
border: var(--theme-bg-color-base)
}
 
.mw-code {
background: var(--theme-bg-color-100);
color: var(--theme-text-color)
}


.headder {
.wikiEditor-ui-toolbar .group .tool-select .options {
width: 100%;
border: none;
margin-left: 0;
}
}


.tooltip {
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 {
position: static;
color: var(--text-color-link-external)
}
}


.tooltiptext {
.vector-menu-tabs li {
box-shadow: var(--box-shadow-overlay);
background: var(--theme-bg-color-100)
position: fixed!important;
}
width: 80vw !important;
 
top: 40vh !important;
#mw-changeslist-links {
left: 0 !important;
background: var(--theme-bg-color-100);
margin: 0 auto !important;
color: var(--theme-text-color);
right: 0!important;
}
/*
.mobilefont {
font-size: 80%
}
*/
.mobile-image img {
width: 32px;
height: 32px;
}
}
}


/* Класс для уменьшения яркости фона tabs */
#simpleSearch {
.tabs-no-background > .tabs-container {
    background: var(--theme-bg-color-150);
background: rgba(var(--theme-color-lighter--rgb), 0.02);
    border-color: var(--theme-border-color-base);
    color: var(--theme-text-color);
    border-radius: var(--border-radius-low);
}
}
/* #endregion */


/* ============ */
#searchInput {
/* #region Шаблоны */
color: var(--theme-text-color-light)
/* ============ */
}


/*=== Навигационный шаблон ===*/
#pt-createaccount {
/* Default style for navigation boxes */
display: none !important;
.navbox { /* Navbox container style */
box-sizing: border-box;
border: 1px solid var(--theme-border-color-base);
width: 100%;
margin: 2em auto 0; /* Prevent preceding content from clinging to navboxes */
clear: both;
font-size: 90%;
text-align: center;
padding: 3px;
}
}
.navbox-inner,
 
.navbox-subgroup {
.vector-menu-tabs .selected {
width: 100%;
background: var(--theme-bg-color-base)
}
}
.navbox-group,
 
.navbox-title,
#mw-footer-container {
.navbox-abovebelow {
border-top: solid 4px #14866d;
padding: 0.25em 1em;   /* Title, group and above/below styles */
background: var(--theme-bg-color-100);
text-align: center;
}
}
.navbox-title {
 
position: relative;
@media screen and (max-width: 850px) {
line-height: 1.6em; /* Standard 1.6em for title */
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
border-bottom: 2px solid var(--color-darkened-border);
width: 32px;
border-radius: var(--border-radius-low);
height: 32px;
border-top: 1px solid var(--color-lighter-alpha-x);
}
border-bottom: 2px solid var(--color-darkened-border);  
box-shadow: var(--box-shadow-medium);
*:not(.no-img-adaptive) img[width="64"][height="128"] {
width: 32px;
height: 64px;
}
*:not(.no-img-adaptive) img[width="128"][height="128"] {
width: 64px;
height: 64px;
}
}
}


/* cell spacing for navbox cells */
@media screen and (max-width: 650px) {
tr + tr > .navbox-abovebelow,
.mw-parser-output table {
tr + tr > .navbox-group,
table-layout: auto !important;
tr + tr > .navbox-image,
overflow: auto;
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
max-width: 100%;
border-top: 1px solid var(--theme-bg-color-100); /* Must match background color */
}
border-bottom: 1px solid var(--theme-bg-color-100);
}
}


th.navbox-group { /* Group style */
/* Заголовок */
white-space: nowrap;
.mw-body h1.firstHeading {
/* @noflip */
border-width: 3px;
text-align: left;
}
}
.navbox th,
 
.navbox-title {
/* Содержание */
background: var(--color-contrast2); /* Level title color */
.mw-body {
background: var(--theme-bg-color-100);
color: var(--theme-text-color);
padding: 12px 14px;
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow-outline);
border: none;
border-top: 1px solid var(--color-lighter-alpha-x);
}
}
.navbox,
 
.navbox-subgroup {
@media screen and (max-width: 850px) {
background: var(--theme-bg-color-100); /* Level 1 color */
.mw-body {
padding: 6px;
}
}
}
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
/* Категории */
background: var(--theme-bg-color-200); /* Level 2 color */
#content-bottom-stuff .catlinks {
border-right: 1px solid var(--theme-bg-color-150);
margin-top: 6px;
border-bottom: 1px solid var(--theme-bg-color-150);
border-radius: var(--border-radius-low);
border-top: none;
border: none;
box-shadow: var(--box-shadow-outline);
border-top: 1px solid var(--color-lighter-alpha-x);
}
}
.navbox-abovebelow,
 
th.navbox-group,
/*=== Заглавный поисковик ===*/
.navbox-subgroup .navbox-title {
/* Выдвижной блок */
background: var(--theme-bg-color-250); /* Level 3 color */
.suggestions {
box-shadow: var(--box-shadow-high);
border-radius: 0 0 0.3em 0.3em;
background: var(--theme-bg-color-100);
border: 1px solid var(--ooui--border-color);
border-top: 2px solid var(--color-contrast);
padding-top: 4px;
}
}
.navbox-even {
 
background: transparent; /* Even row striping */
.suggestions .suggestions-results, /* Блок страниц */
}
.suggestions .suggestions-special /* Блок поиска страниц, содержащих введённый текст */ {
.navbox-odd {
border-radius: 0.4em;
background: transparent; /* Odd row striping */
margin: 0.5em;
background: var(--ooui--bg-color);
border: 1px outset rgb(0 0 0 / 20%);
}
}


.navbox .hlist td dl,
/* Страницы */
.navbox .hlist td ol,
.suggestions .suggestions-result {
.navbox .hlist td ul,
color: var(--ooui--text-color-light);
.navbox td.hlist dl,
margin: 6px;
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 1px 0 0;   /* Adjust hlist padding in navboxes */
}
}
.navbox .navbox {
 
margin-top: 0; /* No top margin for nested navboxes */
/* Если пустой */
}
.suggestions .suggestions-results:empty {
.navbox + .navbox {
display: none;
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
}


.navbox td:not(:has(table)), .navbox ul {
.suggestions-special .special-label {
background: var(--theme-bg-color-150);
color: var(--ooui--text-color);
padding: 4px 2px !important;
}
}


@media screen and (max-width: 650px) {
.suggestions-special .special-query {
th.navbox-group {
color: var(--ooui--text-color-light);
white-space: unset;
}
}
}
/* КОНЕЦ */


/* #endregion */
/* Подсветка при наведении */
.suggestions .suggestions-result-current {
background: var(--color-contrast-dark);
outline: 1px solid var(--color-contrast);
border-radius: var(--border-radius-low);
border-color: var(--color-contrast-dark);
}


/* ============ */
/* Общие стили */
/* #region Модули */
.suggestions .suggestions-result,
/* ============ */
.suggestions .suggestions-special {
 
padding: 0.5em 0.5em 0.35em;
/*=== Модуль:Краткий вызов ===*/
.shortcut {
clear: right;
float: right;
margin-left: 0.75em;
font-size: smaller;
background: var(--bg-color-code-light);
border: 1px solid var(--border-color-code-light);
}
}


.shortcut-1, .shortcut-2 {
/*=== Боковая панель ===*/
padding: 4px;
/* Основной блок */
#mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody {
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
}


.shortcut-2 {
/* Блок навигации */
line-height: 1.25em;
@media (min-width: 1100px) {
font-weight: bold;
#mw-related-navigation {
vertical-align: middle;
margin-top: 0;
}
}
}
/* #endregion */


/* ============ */
/* Блоки */
/* #region Расширение */
@media (min-width: 1100px) {
/* ============ */
.sidebar-inner .mw-portlet {
padding: 0;
margin: 0.5em 8px 2px 6px !important;
border-radius: 0.2em;
box-shadow: var(--box-shadow);
}
}


/*=== CodeMirror ===*/
@media screen and (min-width: 1340px) {
.CodeMirror {
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
height: 600px;
margin-bottom: 1em;
position: relative;
}
overflow: hidden;
background: var(--theme-bg-color-base);
color: inherit;
}
}


.CodeMirror-gutters {
@media screen and (min-width: 1100px) and (max-width: 1339px) {
border-right: 1px solid var(--theme-bg-color-100);
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {
background: var(--theme-bg-color-100);
margin-bottom: 1em;
white-space: nowrap;
}
}
}


.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
/* Заголовок */
background: var(--color-contrast2-dark);
@media (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk h3,  
#mw-related-navigation .sidebar-chunk h3 {
margin: 0;
padding: calc(0.4em + 2px);
border-top: 2px solid var(--color-lighter-alpha-x);
border-bottom: 2px solid var(--color-darkened-border);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
background: var(--ooui--bg-color);
font-size: 1.05em;
font-weight: bold;
}
}
}


/*=== Расширение:Popups ===*/
/* Содержание */
/* Всплывающие окна */
@media (min-width: 1100px) {
.mwe-popups {
#mw-site-navigation .sidebar-chunk .mw-portlet-body,
background: var(--ooui--gradient-light);
#mw-related-navigation .sidebar-chunk .mw-portlet-body {
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1);
margin: 0;
padding: 0.3em 0.5em;
border: 2px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-top: 0;
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
background: var(--theme-bg-color-100);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
}
}
}


.mwe-popups img {
/* Для телефонов */
image-rendering: auto;
@media screen and (max-width: 1099px) {
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner {
padding: 1em 2em;
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
}
#mw-related-navigation .sidebar-inner::before, #mw-related-navigation .sidebar-inner::after {
display: none;
}
}
}


.mwe-popups .mwe-popups-container {
@media screen and (max-width: 850px) {
background: var(--ooui--gradient-light);
#mw-content-block {
background: var(--theme-bg-color-100);
}
}
}


.mwe-popups .mwe-popups-extract {
/*=== Верхняя панель ===*/
color: #dddddd;
/* Контейнер и сетка заголовка */
#mw-header-container {
}
}


.mwe-popups .mwe-popups-extract:hover {
#mw-header {
color: #e8e8e8;
display: grid;
align-items: center;
grid-template-columns: auto 1fr auto;
gap: 6px;
grid-template-areas:
"a c b";
}
}


.mwe-popups .mwe-popups-extract[dir='ltr']::after {
/* Логотип */
background: linear-gradient(90deg, #ffffff00 0%, #2a2a3387 50%);
#p-logo-text {
grid-area: a;
padding: 0;
position: unset;
}
}


.mwe-popups .mwe-popups-extract[dir='rtl']::after {
#p-logo-text a.long {
background: linear-gradient(90deg, #2a2a3387 50%, #ffffff00 0%);
color: var(--ooui--text-color);
font-size: 1.3em;
font-weight: bold;
font-style: italic;
font-family: unset;
}
}


/* Настройки */
/* Пользовательские инструменты */
.mwe-popups-overlay {
#personal-extra ul,
background: rgba(0, 0, 0, 0.6);
#user-tools {
}
display: flex;
 
align-items: center;
#mwe-popups-settings {
justify-content: flex-start;
border: 1px solid #41414d;
gap: 0.2em;
background: #27272f;
grid-area: b;
}
}


#mwe-popups-settings header {
#user-tools ul {
border-bottom: 1px solid #41414d;
list-style: none;
margin: 0;
}
}


#mwe-popups-settings main#mwe-popups-settings-form p {
/* Поиск */
color: var(--ooui--text-color);
#p-search {
grid-area: c;
}
}


#mwe-popups-settings main#mwe-popups-settings-form form label > span {
/* Персональный блок внутри пользовательских инструментов */
color: #dddddd;
#personal {
padding: 0;
}
}


/*=== Расширение:InputBox ===*/
#personal h2 {
.mw-ui-input {
margin: 0;
background: var(--ooui--bg-color);
padding: 0;
color: var(--ooui--text-color-light);
font-size: 1em;
}
font-weight: bold;
 
display: flex;
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
align-items: center;
border-radius: var(--border-radius-low);
position: unset;
border-color: var(--ooui--border-color);
font-family: unset;
background-image: none;
}
}


.mw-ui-input:hover {
#personal h2::before {
border-color: var(--ooui--border-color-light);
mask-image: var(--icon-personal);
}
}


/*=== Расширение:SyntaxHighlight ===*/
#personal h2::after {
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
display: none;
background: var(--theme-bg-color-100);
border-color: var(--ooui--border-color);
box-shadow: var(--ooui--bg-color-dark) 2.75em 0px 0px inset;
font-size: 90%;
color: var(--ooui--text-color);
}
}


.mw-content-ltr.mw-highlight .linenos {
#personal h2 span {
color: var(--ooui--text-color-dark);
margin-left: 4px;
}
}


/*=== GrowthExperiments ===*/
#site-navigation h2 {
body.mw-special-Homepage.growthexperiments-homepage-desktop .growthexperiments-homepage-container .growthexperiments-homepage-group-main {
mask-image: var(--icon-menu-large);
--width: clamp(300px, 50vw, 480px);
background: var(--theme-text-color-light) !important;
width: var(--width);
flex: 1 0 var(--width);
}
}


.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue {
/* Медиа-запросы для экранов меньше 850px */
width: 300px;
@media screen and (max-width: 850px) {
}
#mw-header-container {
padding: 0.7em 0.45em 0.35em;
}
#mw-header {
grid-template-columns: 1fr 0.6fr;
grid-template-areas:
"a b"
"c c";
}
#p-logo-text {
margin-left: calc(30px + 6px + 0.3em);
}


.growthexperiments-homepage-module-suggested-edits .suggested-edits-filters .oo-ui-buttonGroupWidget {
#user-tools {
gap: 0.2em;
justify-content: flex-start;
flex-direction: row-reverse;
}
#user-tools h2::after, .sidebar-chunk h2::after {
display: none;
}
#user-tools h2 span {
display: none;
}
}
}


.mw-ge-help-panel-widget-overlay,
/*=== Полоса прок ===*/
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
body:not(.wgl-theme-light)::-webkit-scrollbar,
max-width: calc(100% - 2em);
body:not(.wgl-theme-light) *::-webkit-scrollbar {
max-height: calc(100% - 2em);
background: #313137;
}
}


.mw-echo-ui-notificationItemWidget-initiallyUnseen {
body:not(.wgl-theme-light)::-webkit-scrollbar-thumb,
animation-fill-mode: unset;
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb {
border-style: solid;
border-width: 3px;
border-radius: 0.3em;
}
}


.ext-discussiontools-init-targetcomment {
body::-webkit-scrollbar-thumb,
background: var(--bg-color-hover);
body *::-webkit-scrollbar-thumb {
border-radius: var(--border-radius-low);
background: #505057;
border-color: #313137;
border-radius: 0.3em;
}
}


@media screen and (max-width: 850px) {
body:not(.wgl-theme-light)::-webkit-scrollbar-thumb:hover,
.mw-ge-help-panel-popup .oo-ui-dialog.oo-ui-window-setup {
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb:hover {
box-shadow: var(--box-shadow-overlay);
background: #616169;
}
}
}
/* #endregion */


/* ============ */
body:not(.wgl-theme-light)::-webkit-scrollbar-thumb:active,
/* #region Основной интерфейс пользователя */
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb:active {
/* ============ */
background: #72727b;
.mw-footer .footer-icons a {
background: var(--theme-bg-color-100);
border: 1px solid var(--theme-border-color-base);
padding-right: 15px;
padding-left: 15px;
min-height: 44px;
display: inline-flex;
align-items: center;
}
}


.mw-json th, .mw-json td {
@media (hover: none) and (pointer: coarse) {
border: 1px solid black;
::-webkit-scrollbar {
}
all: unset;
width: 0;
height: 0;
}


.mw-json tr {
::-webkit-scrollbar-thumb {
background: var(--theme-bg-color-100);
all: unset;
}
}
}


.mw-json th {
/*=== Чекбоксы ===*/
background: var(--theme-bg-color-250);
/* При нажатии */
color: var(--theme-text-color);
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
box-shadow: none;
}
}


.mw-json-value, .mw-json-single-value {
/* В фокусе */
background: var(--bg-color-emerald-50);
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
color: var(--theme-text-color);
box-shadow: none;
}
}


.mw-json-empty {
/*=== Стиль для таблиц ===*/
background: var(--bg-color-emerald-50);
/* wikitable */
.wikitable {
background-color: var(--theme-bg-color-100);
color: var(--theme-text-color);
color: var(--theme-text-color);
margin: 1em 0;
border: 1px solid var(--theme-bg-color-250);
padding: 3px;
border-collapse: separate;
border-spacing: 1px;
border-radius: var(--border-radius-medium);
}
}


.mw-ui-button {
.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 {
    color: var(--theme-text-color);
border: none;
padding: 0.4em 0.5em;
}
}


.mw-ui-button:not(:disabled):hover {
.wikitable>*>tr>th {
    color: var(--theme-text-color-light);
background: var(--theme-bg-color-250);
}
}


/*=== Страница ===*/
.wikitable>*>tr>td {
#mw-page-base {
background: var(--theme-bg-color-175);
background: var(--theme-bg-color-base);
color: var(--theme-text-color);
border: var(--theme-bg-color-base)
}
}


#mw-header-nav-hack {
.wikitable.plainrowheaders th[scope=row] {
    background: var(--theme-bg-color-base);
font-weight: normal;
border-color: var(--theme-bg-color-200);
text-align: left
}
}


.mediawiki, .mw-page-container {
.wikitable td ul,.wikitable td ol,.wikitable td dl {
background: var(--theme-bg-color-base);
text-align: left
color: var(--theme-text-color);
border: var(--theme-bg-color-base)
}
}


#mw-panel {
/* Закругление верхнего левого угла первой ячейки */
background: var(--theme-bg-color-base);
.wikitable thead tr:first-child th:first-child,
color: var(--theme-text-color);
.wikitable thead tr:first-child td:first-child,
border: var(--theme-bg-color-base)
.wikitable:not(:has(thead)) tr:first-child th:first-child,
.wikitable:not(:has(thead)) tr:first-child td:first-child {
border-top-left-radius: var(--border-radius-low);
}
}


#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
/* Закругление верхнего правого угла последней ячейки */
background: var(--theme-bg-color-base);
.wikitable thead tr:first-child th:last-child,
color: var(--theme-text-color);
.wikitable thead tr:first-child td:last-child,
border: var(--theme-bg-color-base)
.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: var(--border-radius-low);
}
}


.mw-code {
/* Закругление нижнего левого угла первой ячейки последнего ряда
background: var(--theme-bg-color-100);
.wikitable tbody tr:last-child th:first-child,
color: var(--theme-text-color)
.wikitable tbody tr:last-child td:first-child {
border-bottom-left-radius: var(--border-radius-low);
}*/
 
/* Закругление нижнего правого угла последней ячейки последнего ряда
.wikitable tbody tr:last-child th:last-child,
.wikitable tbody tr:last-child td:last-child {
border-bottom-right-radius: var(--border-radius-low);
}*/
 
/* Таблицы на телефонах */
@media screen and (max-width: 850px) {
.wikitable {
font-size: 0.8em;
}
}
}


.wikiEditor-ui-toolbar .group .tool-select .options {
/* standard */
border: none;
.standard {
background: none;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid var(--theme-border-color-base);
border-collapse: collapse;
}
}


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 {
.standard > tr > th, .standard > * > tr > th {
color: var(--text-color-link-external)
background-color: var(--theme-bg-color-150);
}
}


.vector-menu-tabs li {
.standard > tr > th, .standard > tr > td, .standard > * > tr > th, .standard > * > tr > td {
background: var(--theme-bg-color-100)
border: 1px solid var(--theme-border-color-base);
padding: 0.2em 0.4em;
}
}
/* КОНЕЦ */


#mw-changeslist-links {
/*=== Сollapsible ===*/
background: var(--theme-bg-color-100);
.mw-parser-output .mw-collapsible-toggle {
color: var(--theme-text-color);
position: relative;
font-weight: normal;
text-align: right;
top: 0;
right: 0;
}
}


#simpleSearch {
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
    background: var(--theme-bg-color-150);
float: left;
    border-color: var(--theme-border-color-base);
text-align: left
    color: var(--theme-text-color);
    border-radius: var(--border-radius-low);
}
}


#searchInput {
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--theme-text-color-light)
color: var(--text-color-link);
}
}


#pt-createaccount {
.mw-collapsible-toggle-default .mw-collapsible-text:hover {
display: none !important;
color: var(--text-color-link);
}
}


.vector-menu-tabs .selected {
.mw-collapsible-toggle-default .mw-collapsible-text:active {
background: var(--theme-bg-color-base)
color: var(--text-color-link);
}
}


#mw-footer-container {
/*=== Картинки с обёрткой ===*/
border-top: solid 4px #14866d;
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
border-collapse: unset;
}
}


@media screen and (max-width: 850px) {
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
margin: 0.5em;
width: 32px;
border-radius: var(--border-radius-high);
height: 32px;
border: none;
}
*:not(.no-img-adaptive) img[width="64"][height="128"] {
width: 32px;
height: 64px;
}
*:not(.no-img-adaptive) img[width="128"][height="128"] {
width: 64px;
height: 64px;
}
}
}


@media screen and (max-width: 650px) {
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
.mw-parser-output table {
padding: 0.25em 0.5em 0.5em 0.5em;
table-layout: auto !important;
background: var(--theme-bg-color-150);
overflow: auto;
border-color: var(--theme-border-color-base);
max-width: 100%;
border-radius: var(--border-radius-low);
}
}
}


/* Заголовок */
/*=== Gallery ===*/
.mw-body h1.firstHeading {
.mw-body li.gallerybox div.thumb {
border-width: 3px;
background: var(--theme-bg-color-150);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}
}


/* Содержание */
/*=== Медиа-просмотрщике ===*/
.mw-body {
.mw-mmv-post-image {
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
color: var(--theme-text-color);
color: var(--theme-text-color);
padding: 12px 14px;
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow-outline);
border: none;
border-top: 1px solid var(--color-lighter-alpha-x);
}
}


@media screen and (max-width: 850px) {
.mw-mmv-image-metadata {
.mw-body {
background: var(--theme-border-color-base);
padding: 6px;
border-color: var(--theme-border-color-200);
}
}
}


/* Категории */
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
#content-bottom-stuff .catlinks {
background: var(--color-contrast-dark);
margin-top: 6px;
border-color: var(--color-contrast);
border-radius: var(--border-radius-low);
border: none;
box-shadow: var(--box-shadow-outline);
border-top: 1px solid var(--color-lighter-alpha-x);
}
}


/*=== Заглавный поисковик ===*/
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
/* Выдвижной блок */
background: var(--color-contrast);
.suggestions {
border-color: var(--color-contrast);
box-shadow: var(--box-shadow-high);
border-radius: 0 0 0.3em 0.3em;
background: var(--theme-bg-color-100);
border: 1px solid var(--ooui--border-color);
border-top: 2px solid var(--color-contrast);
padding-top: 4px;
}
}


.suggestions .suggestions-results, /* Блок страниц */
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon {
.suggestions .suggestions-special  /* Блок поиска страниц, содержащих введённый текст */ {
background: var(--theme-bg-color-base);
border-radius: 0.4em;
margin: 0.5em;
background: var(--ooui--bg-color);
border: 1px outset rgb(0 0 0 / 20%);
}
}


/* Страницы */
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon {
.suggestions .suggestions-result {
background: var(--theme-bg-color-base);
color: var(--ooui--text-color-light);
}
margin: 6px;
 
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
    border-color: transparent;
}
}


/* Если пустой */
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
.suggestions .suggestions-results:empty {
background: var(--bg-color-focus);
display: none;
}
}


.suggestions-special .special-label {
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
color: var(--ooui--text-color);
    background: var(--theme-bg-color-150);
    color: var(--theme-text-color);
    border-color: var(--theme-border-color-base);
}
}


.suggestions-special .special-query {
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
color: var(--ooui--text-color-light);
    background: var(--theme-bg-color-200);
    color: var(--theme-text-color-light);
    border-color: var(--theme-border-color-base);
}
}


/* Подсветка при наведении */
.mw-mmv-title-para.mw-mmv-ttf-normal {
.suggestions .suggestions-result-current {
font-size: 18px;
background: var(--color-contrast-dark);
font-weight: bold;
outline: 1px solid var(--color-contrast);
border-radius: var(--border-radius-low);
border-color: var(--color-contrast-dark);
}
}


/* Общие стили */
.mw-mmv-dialog {
.suggestions .suggestions-result,
    background-color: var(--theme-bg-color-100);
.suggestions .suggestions-special {
padding: 0.5em 0.5em 0.35em;
}
}


/*=== Боковая панель ===*/
.mw-mmv-dialog .mw-mmv-dialog-warning {
/* Основной блок */
    background-color: var(--bg-color-warning-subtle);
#mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody {
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
}


/* Блок навигации */
.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
@media (min-width: 1100px) {
    background-color: var(--theme-bg-color-100);
#mw-related-navigation {
margin-top: 0;
}
}
}


/* Блоки */
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
@media (min-width: 1100px) {
    background-color: var(--theme-bg-color-100);
.sidebar-inner .mw-portlet {
padding: 0;
margin: 0.5em 8px 2px 6px !important;
border-radius: 0.2em;
box-shadow: var(--box-shadow);
}
}
}


@media screen and (min-width: 1340px) {
.cdx-select:enabled {
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
    background-color: var(--theme-bg-color-150);
margin-bottom: 1em;
    color: var(--theme-text-color);
}
    border-color: var(--theme-border-color-base);
}
}


@media screen and (min-width: 1100px) and (max-width: 1339px) {
.cdx-select:enabled:hover {
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {
    background-color: var(--theme-bg-color-150);
margin-bottom: 1em;
    color: var(--theme-text-color-light);
}
    border-color: var(--theme-border-color-base);
}
}


/* Заголовок */
.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header {
@media (min-width: 1100px) {
    background-color: transparent;
#mw-site-navigation .sidebar-chunk h3,
    border-color: var(--theme-border-color-base);
#mw-related-navigation .sidebar-chunk h3 {
margin: 0;
padding: calc(0.4em + 2px);
border-top: 2px solid var(--color-lighter-alpha-x);
border-bottom: 2px solid var(--color-darkened-border);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
background: var(--ooui--bg-color);
font-size: 1.05em;
font-weight: bold;
}
}
}


/* Содержание */
.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=false] {
@media (min-width: 1100px) {
    color: var(--theme-text-color-dark);
#mw-site-navigation .sidebar-chunk .mw-portlet-body,
#mw-related-navigation .sidebar-chunk .mw-portlet-body {
margin: 0;
padding: 0.3em 0.5em;
border: 2px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-top: 0;
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
background: var(--theme-bg-color-100);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
}
}
}


/* Для телефонов */
.cdx-text-input__input:enabled {
@media screen and (max-width: 1099px) {
background-color: var(--theme-bg-color-150);
#mw-site-navigation .sidebar-inner,
color: var(--theme-text-color-light);
#mw-related-navigation .sidebar-inner {
border-color: var(--theme-border-color-base);
padding: 1em 2em;
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
}
#mw-related-navigation .sidebar-inner::before, #mw-related-navigation .sidebar-inner::after {
display: none;
}
}
}


@media screen and (max-width: 850px) {
.cdx-text-input__input:enabled:hover {
#mw-content-block {
    border-color: var(--theme-border-color-100);
background: var(--theme-bg-color-100);
}
}
}


/*=== Верхняя панель ===*/
/*=== ace ===*/
/* Контейнер и сетка заголовка */
.ace-tm .ace_gutter {
#mw-header-container {
background: var(--theme-bg-color-100);
color: var(--ooui--text-color-dark);
}
}


#mw-header {
.ace-tm .ace_print-margin {
display: grid;
width: 1px;
align-items: center;
background: var(--theme-bg-color-base)
grid-template-columns: auto 1fr auto;
gap: 6px;
grid-template-areas:
"a c b";
}
}


/* Логотип */
.ace_mobile-menu {
#p-logo-text {
color: var(--theme-text-color);
grid-area: a;
background: var(--ooui--bg-color);
padding: 0;
border-color: var(--ooui--border-color-light);
position: unset;
box-shadow: var(--box-shadow-medium);
}
}


#p-logo-text a.long {
.ace-tm {
background: var(--theme-bg-color-base);
color: var(--ooui--text-color);
color: var(--ooui--text-color);
font-size: 1.3em;
font-weight: bold;
font-style: italic;
font-family: unset;
}
}


/* Пользовательские инструменты */
.ace-tm .ace_cursor {
#personal-extra ul,
color: var(--ooui--text-color-light);
#user-tools {
}
display: flex;
 
align-items: center;
body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword {
justify-content: flex-start;
color: rgb(153,153,255);
gap: 0.2em;
grid-area: b;
}
}


#user-tools ul {
body:not(.wgl-theme-light) .ace-tm .ace_constant {
list-style: none;
color: rgb(241,89,92);
margin: 0;
}
}


/* Поиск */
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function {
#p-search {
color: rgb(68,118,235);
grid-area: c;
}
}


/* Персональный блок внутри пользовательских инструментов */
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant {
#personal {
color: rgb(23,202,33);
padding: 0;
}
}


#personal h2 {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
margin: 0;
color: rgb(182,187,236);
padding: 0;
font-size: 1em;
font-weight: bold;
display: flex;
align-items: center;
position: unset;
font-family: unset;
background-image: none;
}
}


#personal h2::before {
body:not(.wgl-theme-light) .ace-tm .ace_string {
mask-image: var(--icon-personal);
color: rgb(6,142,13);
}
}


#personal h2::after {
body:not(.wgl-theme-light) .ace-tm .ace_comment {
display: none;
color: rgb(103,193,150);
}
}


#personal h2 span {
body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric {
margin-left: 4px;
color: rgb(153,153,255);
}
}


#site-navigation h2 {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection {
mask-image: var(--icon-menu-large);
background: rgb(28,45,68);
background: var(--theme-text-color-light) !important;
}
}


/* Медиа-запросы для экранов меньше 850px */
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket {
@media screen and (max-width: 850px) {
margin: -1px 0 0 -1px;
#mw-header-container {
border: 1px solid rgb(94,94,94);
padding: 0.7em 0.45em 0.35em;
}
}
#mw-header {
grid-template-columns: 1fr 0.6fr;
grid-template-areas:
"a b"
"c c";
}
#p-logo-text {
margin-left: calc(30px + 6px + 0.3em);
}


#user-tools {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line {
justify-content: flex-start;
background: rgb(153,153,183,7%);
flex-direction: row-reverse;
}
#user-tools h2::after, .sidebar-chunk h2::after {
display: none;
}
#user-tools h2 span {
display: none;
}
}
}


/*=== Полоса прок ===*/
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word {
body:not(.wgl-theme-light)::-webkit-scrollbar,
background: rgb(37,59,89);
body:not(.wgl-theme-light) *::-webkit-scrollbar {
border: 1px solid rgb(36,36,42);
background: #313137;
}
}


body:not(.wgl-theme-light)::-webkit-scrollbar-thumb,
/*=== tabs ===*/
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb {
/* Стили для блока */
border-style: solid;
.tabs-tabbox, .tabs-togglebox {
border-width: 3px;
display: flow-root;
border-radius: 0.3em;
}
}


body::-webkit-scrollbar-thumb,
/* Стили для активных вкладок */
body *::-webkit-scrollbar-thumb {
.tabs-tabbox > .tabs-input:checked + .tabs-label,
background: #505057;
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
border-color: #313137;
background: var(--theme-bg-color-200);
border-radius: 0.3em;
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
border-bottom: 1px solid var(--color-contrast);
z-index: 2;
}
}


body:not(.wgl-theme-light)::-webkit-scrollbar-thumb:hover,
/* Стили для стили для вкладок */
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb:hover {
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
background: #616169;
margin: 0;
}
}


body:not(.wgl-theme-light)::-webkit-scrollbar-thumb:active,
.tabs-tabbox > .tabs-label {
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb:active {
cursor: pointer;
background: #72727b;
padding: 1px 6px;
margin: 0;
vertical-align: baseline;
border-radius: 0;
background: transparent;
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
}
}


@media (hover: none) and (pointer: coarse) {
.tabs-tabbox > .tabs-label:hover {
::-webkit-scrollbar {
z-index: 2;
all: unset;
background: var(--theme-bg-color-200);
width: 0;
transition: all 0.1s;
height: 0;
}
 
::-webkit-scrollbar-thumb {
all: unset;
}
}
}


/*=== Чекбоксы ===*/
/* Стили для контейнера вкладок */
/* При нажатии */
.tabs-tabbox > .tabs-container {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
padding: 14px 10px;
box-shadow: none;
background: var(--theme-bg-color-175);
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-radius: var(--border-radius-low);
}
}


/* В фокусе */
/*=== toc ===*/
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
ul#filetoc, .toc, .toccolours, .mw-warning {
box-shadow: none;
border-radius: 0.5em;
}
background: var(--theme-bg-color-150);
 
padding: 12px;
/*=== Стиль для таблиц ===*/
box-sizing: border-box;
/* wikitable */
margin: 12px 0;
.wikitable {
min-width: 12em;
background-color: var(--theme-bg-color-100);
color: var(--theme-text-color);
margin: 1em 0;
border: 1px solid var(--theme-bg-color-250);
padding: 3px;
border-collapse: separate;
border-spacing: 1px;
border-radius: var(--border-radius-medium);
}
 
.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;
border: none;
padding: 0.4em 0.5em;
box-shadow: var(--box-shadow-outline);
line-height: 1.3;
}
}


.wikitable>*>tr>th {
.toc, .toc * {
background: var(--theme-bg-color-250);
box-sizing: border-box;
}
}


.wikitable>*>tr>td {
.toc .toctitle {
background: var(--theme-bg-color-175);
font-size: 0.95em;
padding: 0 8px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
text-align: left;
border: none;
}
}


.wikitable.plainrowheaders th[scope=row] {
.toc .toctitle h2 {
font-weight: normal;
font-size: 1.1em;
text-align: left
font-weight: bold;
display: flex;
align-items: center;
}
}


.wikitable td ul,.wikitable td ol,.wikitable td dl {
.toc .toctitle h2::before {
text-align: left
content: "";
}
display: block;
 
width: 12px;
/* Закругление верхнего левого угла первой ячейки */
height: 12px;
.wikitable thead tr:first-child th:first-child,
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
.wikitable thead tr:first-child td:first-child,
-webkit-mask: var(--mask);
.wikitable:not(:has(thead)) tr:first-child th:first-child,
mask: var(--mask);
.wikitable:not(:has(thead)) tr:first-child td:first-child {
-webkit-mask-size: 100% 100%;
border-top-left-radius: var(--border-radius-low);
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--theme-icon-color);
margin: 0 6px 0 0;
}
}


/* Закругление верхнего правого угла последней ячейки */
.toc .toctogglelabel {
.wikitable thead tr:first-child th:last-child,
position: absolute;
.wikitable thead tr:first-child td:last-child,
width: 100%;
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
height: 100%;
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
left: 0;
border-top-right-radius: var(--border-radius-low);
top: 0;
padding: 0 8px;
font-size: unset;
line-height: unset;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: "noto sans";
}
}


/* Закругление нижнего левого угла первой ячейки последнего ряда
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after,
.wikitable tbody tr:last-child th:first-child,
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
.wikitable tbody tr:last-child td:first-child {
content: "";
border-bottom-left-radius: var(--border-radius-low);
display: block;
}*/
pointer-events: none;
--mask: var(--icon-chevron-down) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--theme-icon-color);
width: 14px;
height: 14px;
flex: 0 0 auto;
transform: scaleY(-1);
}


/* Закругление нижнего правого угла последней ячейки последнего ряда
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
.wikitable tbody tr:last-child th:last-child,
transform: none;
.wikitable tbody tr:last-child td:last-child {
border-bottom-right-radius: var(--border-radius-low);
}*/
 
/* Таблицы на телефонах */
@media screen and (max-width: 850px) {
.wikitable {
font-size: 0.8em;
}
}
}


/* standard */
.toc > ul {
.standard {
margin: 6px 0 0 0;
background: none;
border-top: 1px solid var(--theme-border-color-base);
margin-top: 1em;
padding-top: 2px;
margin-bottom: 1em;
border: 1px solid var(--theme-border-color-base);
border-collapse: collapse;
}
}


.standard > tr > th, .standard > * > tr > th {
#searchInput:focus {
background-color: var(--theme-bg-color-150);
outline: 2px solid var(--color-contrast);
}
}


.standard > tr > th, .standard > tr > td, .standard > * > tr > th, .standard > * > tr > td {
.toctogglecheckbox:focus + .toctitle .toctogglelabel {
border: 1px solid var(--theme-border-color-base);
outline: none;
padding: 0.2em 0.4em;
}
}
/* КОНЕЦ */
/* #endregion */


/*=== Сollapsible ===*/
/* ============ */
.mw-parser-output .mw-collapsible-toggle {
/* #region Классы */
position: relative;
/* ============ */
font-weight: normal;
text-align: right;
top: 0;
right: 0;
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* Key press */
float: left;
.keyboard-key {
text-align: left
border: 1px solid var(--theme-border-color-100);
border-radius: var(--border-radius-low);
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
color: var(--theme--text-color);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


.mw-collapsible-toggle-default .mw-collapsible-text {
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
color: var(--text-color-link);
#scroll-top {
display: none !important;
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
opacity: 0.5;
width: 57px;
height: 57px;
cursor: pointer;
position: fixed;
right: calc(0.95em + 6px);
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
filter: var(--filter-drop-shadow);
}
}


.mw-collapsible-toggle-default .mw-collapsible-text:hover {
#scroll-top:hover {
color: var(--text-color-link);
opacity: 0.8;
}
}


.mw-collapsible-toggle-default .mw-collapsible-text:active {
@media screen and (max-width: 850px) {
color: var(--text-color-link);
#scroll-top {
transform: translate(-50%, -50%);
left: 50%;
right: 50%;
bottom: 15px;
opacity: 0.3;
}
}
}


/*=== Картинки с обёрткой ===*/
/* Необходим для использования fonts.google.com/icons */
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
.material-symbols-outlined {
background: var(--theme-bg-color-100);
font-family: 'Material Symbols Outlined';
border-color: var(--theme-border-color-base);
font-weight: normal;
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
font-style: normal;
border-collapse: unset;
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
}
}


figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
.tools-inline li:hover {
margin: 0.5em;
border-bottom-width: 2px;
border-radius: var(--border-radius-high);
}
border: none;
 
.tools-inline li.selected {
background: transparent !important;
border-bottom-width: 2px;
}
}


figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
#mw-indicator-mw-helplink a {
padding: 0.25em 0.5em 0.5em 0.5em;
background-image: none;
background: var(--theme-bg-color-150);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low);
}
}


/*=== Gallery ===*/
.mw-body-content sub,.mw-body-content sup,span.reference {
.mw-body li.gallerybox div.thumb {
font-size: 80%
background: var(--theme-bg-color-150);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}
}


/*=== Медиа-просмотрщике ===*/
#mw-content-block #catlinks {
.mw-mmv-post-image {
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
color: var(--theme-text-color);
}
}


.mw-mmv-image-metadata {
.ns-talk .mw-body-content dd {
background: var(--theme-border-color-base);
margin-top: 0.4em;
border-color: var(--theme-border-color-200);
margin-bottom: 0.4em
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
#interwiki-completelist {
background: var(--color-contrast-dark);
font-weight: bold
border-color: var(--color-contrast);
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
.biglink {
background: var(--color-contrast);
font-family: "Oswald";
border-color: var(--color-contrast);
font-style: oblique 10deg;
font-variant-caps: small-caps;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon {
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
background: var(--theme-bg-color-base);
display: none
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon {
.mw-rcfilters-enabled .mw-specialpage-summary {
background: var(--theme-bg-color-base);
margin-top: 1em
}
}


.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
.citation:target {
    border-color: transparent;
background: rgba(0, 127, 255, 0.133)
}
}


.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
.citation {
background: var(--bg-color-focus);
word-wrap: break-word
}
}


.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
ol.references {
    background: var(--theme-bg-color-150);
font-size: 90%;
    color: var(--theme-text-color);
margin-bottom: 0.5em
    border-color: var(--theme-border-color-base);
}
}


.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
.hlist dl,.hlist ol,.hlist ul {
    background: var(--theme-bg-color-200);
margin: 0;
    color: var(--theme-text-color-light);
padding: 0
    border-color: var(--theme-border-color-base);
}
}


.mw-mmv-title-para.mw-mmv-ttf-normal {
.hlist dd,.hlist dt,.hlist li {
font-size: 18px;
margin: 0;
font-weight: bold;
display: inline
}
}


.mw-mmv-dialog {
.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 {
    background-color: var(--theme-bg-color-100);
display: inline
}
}


.mw-mmv-dialog .mw-mmv-dialog-warning {
.hlist .mw-empty-li {
    background-color: var(--bg-color-warning-subtle);
display: none
}
}


.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
.hlist dt:after {
    background-color: var(--theme-bg-color-100);
content: ":"
}
}


.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
.hlist dd:after,.hlist li:after {
    background-color: var(--theme-bg-color-100);
content: " · ";
font-weight: bold
}
}


.cdx-select:enabled {
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    background-color: var(--theme-bg-color-150);
content: none
    color: var(--theme-text-color);
    border-color: var(--theme-border-color-base);
}
}


.cdx-select:enabled:hover {
.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 {
    background-color: var(--theme-bg-color-150);
content: " (";
    color: var(--theme-text-color-light);
font-weight: normal
    border-color: var(--theme-border-color-base);
}
}


.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header {
.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 {
    background-color: transparent;
content: ")";
    border-color: var(--theme-border-color-base);
font-weight: normal
}
}


.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=false] {
.hlist ol {
    color: var(--theme-text-color-dark);
counter-reset: listitem
}
}


.cdx-text-input__input:enabled {
.hlist ol>li {
background-color: var(--theme-bg-color-150);
counter-increment: listitem
color: var(--theme-text-color-light);
border-color: var(--theme-border-color-base);
}
}


.cdx-text-input__input:enabled:hover {
.hlist ol>li:before {
    border-color: var(--theme-border-color-100);
content: " " counter(listitem) "\a0"
}
}


/*=== ace ===*/
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
.ace-tm .ace_gutter {
content: " (" counter(listitem) "\a0"
background: var(--theme-bg-color-100);
color: var(--ooui--text-color-dark);
}
}


.ace-tm .ace_print-margin {
.plainlist ol,.plainlist ul {
width: 1px;
line-height: inherit;
background: var(--theme-bg-color-base)
list-style: none none;
margin: 0
}
}


.ace_mobile-menu {
.plainlist ol li,.plainlist ul li {
color: var(--theme-text-color);
margin-bottom: 0
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
box-shadow: var(--box-shadow-medium);
}
}


.ace-tm {
@media (max-width: 800px) {
background: var(--theme-bg-color-base);
.grid-adaptive {
color: var(--ooui--text-color);
grid-template-columns: 1fr !important;
}
}
}


.ace-tm .ace_cursor {
.grid-item-adaptive {
color: var(--ooui--text-color-light);
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
}


body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword {
.grid-small-item-adaptive {
color: rgb(153,153,255);
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
}


body:not(.wgl-theme-light) .ace-tm .ace_constant {
.grid-item-compressed {
color: rgb(241,89,92);
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function {
.grid-item-compressed {
color: rgb(68,118,235);
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant {
.link-card__flex-container {
color: rgb(23,202,33);
display: flex;
gap: 10px;
justify-content: center;
flex-grow: 1;
align-items: flex-start;
flex-wrap: wrap;
align-content: center;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
@media (max-width: 800px) {
color: rgb(182,187,236);
.link-card__flex-container {
gap: 8px;
}
}
}


body:not(.wgl-theme-light) .ace-tm .ace_string {
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
color: rgb(6,142,13);
.no-margin-edges > :first-child,
.tabs-content > :first-child,
.doc > :first-child {
margin-top: 0 !important;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_comment {
.no-margin-edges > :last-child,
color: rgb(103,193,150);
.tabs-content > :last-child,
.doc > :last-child {
margin-bottom: 0 !important;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric {
/* Сброс и настройка отступов для списков */
color: rgb(153,153,255);
.list-reset-margin ol {
margin: 0 0 0 24px;
padding: 0;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection {
.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
background: rgb(28,45,68);
.list-reset-margin > ul:nth-of-type(n+2) {
margin-top: 10px;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket {
/* Кнопка копирования текста */
margin: -1px 0 0 -1px;
.copy-icon {
border: 1px solid rgb(94,94,94);
cursor: pointer;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line {
/* Кнопка копирования текста */
background: rgb(153,153,183,7%);
.brightness-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word {
 
background: rgb(37,59,89);
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
border: 1px solid rgb(36,36,42);
.brightness-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--background-color);
}
}


/*=== tabs ===*/
.brightness-overlay:hover::before {
/* Стили для блока */
filter: brightness(103%);
.tabs-tabbox, .tabs-togglebox {
display: flow-root;
}
}


/* Стили для активных вкладок */
/* Уменьшеная полоса прокрутки */
.tabs-tabbox > .tabs-input:checked + .tabs-label,
.short-scrollbar::-webkit-scrollbar {  
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
width: 10px;
background: var(--theme-bg-color-200);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
border-bottom: 1px solid var(--color-contrast);
z-index: 2;
}
}


/* Стили для стили для вкладок */
.short-scrollbar::-webkit-scrollbar-track  {  
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
background: var(--ooui--bg-color-light);
margin: 0;
}
}


.tabs-tabbox > .tabs-label {
.short-scrollbar::-webkit-scrollbar-thumb {
cursor: pointer;
background: #44444d; border: 2px solid var(--ooui--bg-color-light); border-radius: 0;
padding: 1px 6px;
margin: 0;
vertical-align: baseline;
border-radius: 0;
background: transparent;
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
}
}


.tabs-tabbox > .tabs-label:hover {
/* Для для динамичного вида кнопки "[развернуть]" */
z-index: 2;
.collapsible-absolute .mw-collapsible-toggle {
background: var(--theme-bg-color-200);
position: absolute;
transition: all 0.1s;
left: 0;
right: 0;
}
}


/* Стили для контейнера вкладок */
/* Обводка тенью изображений и текста */
.tabs-tabbox > .tabs-container {
.with-drop-shadow,
padding: 14px 10px;
.mw-wiki-logo.timeless-logo img {
background: var(--theme-bg-color-175);
filter: var(--filter-drop-shadow);
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-radius: var(--border-radius-low);
}
}


/*=== toc ===*/
.tooltip {
ul#filetoc, .toc, .toccolours, .mw-warning {
position: relative;
border-radius: 0.5em;
display: inline;
background: var(--theme-bg-color-150);
padding: 12px;
box-sizing: border-box;
margin: 12px 0;
min-width: 12em;
border: none;
box-shadow: var(--box-shadow-outline);
line-height: 1.3;
}
}


.toc, .toc * {
.tooltiptext {
box-sizing: border-box;
position: absolute;
}
min-width: 240px;
 
max-width: 100%;
.toc .toctitle {
left: -240px;
font-size: 0.95em;
right: -240px;
padding: 0 8px;
top: 125%;
display: flex;
margin-left: auto;
align-items: center;
margin-right: auto;
position: relative;
z-index: 99;
overflow: hidden;
padding: 22px;
text-align: left;
pointer-events: none;
border: none;
visibility: hidden;
transition: all 0.05s;
border: 1px solid var(--color-contrast);
border-radius: 1.4rem;
background: var(--ooui--bg-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


.toc .toctitle h2 {
.tooltip:hover>.tooltiptext {
font-size: 1.1em;
visibility: visible;
font-weight: bold;
opacity: 1;
display: flex;
align-items: center;
}
}


.toc .toctitle h2::before {
@media screen and (min-width: 851px) {
content: "";
.mobile {
display: block;
display:none
width: 12px;
}
height: 12px;
 
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
.headder {
-webkit-mask: var(--mask);
width: 25%;
mask: var(--mask);
float: right;
-webkit-mask-size: 100% 100%;
margin-left: 1em
mask-size: 100% 100%;
}
-webkit-mask-position: center center;
 
mask-position: center center;
.stiky {
background: var(--theme-icon-color);
position: sticky;
margin: 0 6px 0 0;
top: 0.1em
}
}
}


.toc .toctogglelabel {
@media screen and (max-width: 850px) {
position: absolute;
.nomobile {
width: 100%;
display: none !important;
height: 100%;
}
left: 0;
top: 0;
padding: 0 8px;
font-size: unset;
line-height: unset;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: "noto sans";
}


.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after,
.headder {
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
width: 100%;
content: "";
margin-left: 0;
display: block;
}
pointer-events: none;
--mask: var(--icon-chevron-down) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--theme-icon-color);
width: 14px;
height: 14px;
flex: 0 0 auto;
transform: scaleY(-1);
}


.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
.tooltip {
transform: none;
position: static;
}
}


.toc > ul {
.tooltiptext {
margin: 6px 0 0 0;
box-shadow: var(--box-shadow-overlay);
border-top: 1px solid var(--theme-border-color-base);
position: fixed!important;
padding-top: 2px;
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;
}
}
}


#searchInput:focus {
/* Класс для уменьшения яркости фона tabs */
outline: 2px solid var(--color-contrast);
.tabs-no-background > .tabs-container {
}
background: rgba(var(--theme-color-lighter--rgb), 0.02);
 
.toctogglecheckbox:focus + .toctitle .toctogglelabel {
outline: none;
}
}
/* #endregion */
/* #endregion */
Источник — https://station14.ru/wiki/MediaWiki:Common.css