MediaWiki:Common.css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 41: | Строка 41: | ||
--font-family-heading: 'Verdana', 'Roboto', sans-serif; | --font-family-heading: 'Verdana', 'Roboto', sans-serif; | ||
--font-family-monospace: 'Consolas', 'Courier New', monospace; | --font-family-monospace: 'Consolas', 'Courier New', monospace; | ||
--invert-0: invert(0); | |||
--invert-100: invert(1); | |||
--invert-75: invert(0.75); | |||
--invert-50: invert(0.5); | |||
/*== Значение прозрачности ==*/ | /*== Значение прозрачности ==*/ | ||
| Строка 56: | Строка 61: | ||
/*== Контрастный цвет (синий) ==*/ | /*== Контрастный цвет (синий) ==*/ | ||
--color-contrast: #2f5fbf; | --color-contrast: #2f5fbf; | ||
--color-contrast-dark: #294582; | |||
--color-contrast-dark: # | --color-contrast2: #22335b; | ||
--color- | --color-contrast2-dark: #172138; | ||
--color-contrast2 | |||
/*== Цвет фона ==*/ | /*== Цвет фона ==*/ | ||
| Строка 381: | Строка 384: | ||
} | } | ||
/* | /* ============ */ | ||
/* #region Шрифты */ | |||
/* ============ */ | |||
@font-face { | @font-face { | ||
font-family: 'Noto Sans Light'; | font-family: 'Noto Sans Light'; | ||
| Строка 499: | Строка 505: | ||
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2') | src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2') | ||
} | } | ||
/* #endregion */ | |||
/* ============ | /* ============ */ | ||
/* #region Теги */ | |||
/* ============ */ | |||
cite,dfn { | cite,dfn { | ||
font-style: inherit; | font-style: inherit; | ||
| Строка 620: | Строка 628: | ||
border: 1px solid var(--ooui--border-color); | border: 1px solid var(--ooui--border-color); | ||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Классы */ | |||
/* ============ */ | |||
/* | /* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */ | ||
#scroll-top { | |||
display: none; | |||
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; | |||
} | |||
#scroll-top:hover { | |||
# | opacity: 0.8; | ||
} | } | ||
@media screen and (max-width: 850px) { | |||
@media ( | #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; | |||
word-wrap: normal; | |||
direction: ltr; | |||
-webkit-font-feature-settings: 'liga'; | |||
-webkit-font-smoothing: antialiased | |||
} | |||
.tools-inline li:hover { | |||
border-bottom-width: 2px; | |||
} | } | ||
.tools-inline li.selected { | |||
background: transparent !important; | |||
border-bottom-width: 2px; | |||
} | } | ||
#mw-indicator-mw-helplink a { | |||
background-image: none; | |||
} | } | ||
.mw-body-content sub,.mw-body-content sup,span.reference { | |||
font-size: 80% | |||
} | |||
.mw-body h1.firstHeading { | |||
border-color: var(--color-contrast); | |||
} | } | ||
#mw-content-block #catlinks { | |||
background: var(--theme-bg-color-100); | |||
} | } | ||
.ns-talk .mw-body-content dd { | |||
margin-top: 0.4em; | |||
margin-bottom: 0.4em | |||
} | } | ||
#interwiki-completelist { | |||
font-weight: bold | |||
} | } | ||
.biglink { | |||
font-family: "Oswald"; | |||
font-style: oblique 10deg; | |||
font-variant-caps: small-caps; | |||
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px | |||
} | } | ||
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars { | |||
. | display: none | ||
} | } | ||
.mw-rcfilters-enabled .mw-specialpage-summary { | |||
margin-top: 1em | |||
} | |||
.citation:target { | |||
background: rgba(0, 127, 255, 0.133) | |||
} | |||
.citation { | |||
word-wrap: break-word | |||
} | } | ||
ol.references { | |||
font-size: 90%; | |||
margin-bottom: 0.5em | |||
} | } | ||
.hlist dl,.hlist ol,.hlist ul { | |||
margin: 0; | |||
padding: 0 | |||
} | } | ||
.hlist dd,.hlist dt,.hlist li { | |||
. | margin: 0; | ||
display: inline | |||
display: inline | |||
} | } | ||
. | .hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul { | ||
display: inline | |||
} | } | ||
. | .hlist .mw-empty-li { | ||
display: none | |||
} | } | ||
.hlist dt:after { | |||
content: ":" | |||
} | } | ||
. | .hlist dd:after,.hlist li:after { | ||
font- | content: " · "; | ||
font-weight: bold | |||
} | } | ||
. | .hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after { | ||
content: none | |||
} | } | ||
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before { | |||
content: " ("; | |||
font-weight: normal | |||
} | } | ||
. | .hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after { | ||
content: ")"; | |||
font-weight: normal | |||
} | } | ||
.hlist ol { | |||
counter-reset: listitem | |||
} | } | ||
. | .hlist ol>li { | ||
counter-increment: listitem | |||
} | } | ||
. | .hlist ol>li:before { | ||
content: " " counter(listitem) "\a0" | |||
} | } | ||
. | .hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before { | ||
content: " (" counter(listitem) "\a0" | |||
} | } | ||
. | .plainlist ol,.plainlist ul { | ||
line-height: inherit; | |||
list-style: none none; | |||
margin: 0 | |||
} | } | ||
. | .plainlist ol li,.plainlist ul li { | ||
margin-bottom: 0 | |||
} | } | ||
@media (max-width: 800px) { | |||
.grid-adaptive { | |||
grid-template-columns: 1fr !important; | |||
} | |||
} | } | ||
. | .grid-item-adaptive { | ||
display: grid; | |||
gap: 8px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr)); | |||
} | } | ||
. | .grid-small-item-adaptive { | ||
display: grid; | |||
gap: 8px; | |||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); | |||
} | } | ||
. | .grid-item-compressed { | ||
display: | display: grid; | ||
gap: 10px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr)); | |||
} | } | ||
. | .grid-item-compressed { | ||
display: | display: grid; | ||
gap: 10px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr)); | |||
} | } | ||
. | .link-card__flex-container { | ||
content: | display: flex; | ||
gap: 10px; | |||
justify-content: center; | |||
flex-grow: 1; | |||
align-items: flex-start; | |||
flex-wrap: wrap; | |||
align-content: center; | |||
} | } | ||
@media (max-width: 800px) { | |||
.link-card__flex-container { | |||
gap: 8px; | |||
} | |||
} | } | ||
. | /* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */ | ||
.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; | |||
padding: 0; | |||
} | } | ||
. | .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; | |||
} | } | ||
. | /* Кнопка копирования текста */ | ||
content: " " | .brightness-overlay::before { | ||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
z-index: -1; | |||
background: var(--background-color); | |||
} | } | ||
content: " | /* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */ | ||
.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%); | |||
} | } | ||
. | /* Уменьшеная полоса прокрутки */ | ||
.short-scrollbar::-webkit-scrollbar { | |||
width: 10px; | |||
} | |||
.short-scrollbar::-webkit-scrollbar-track { | |||
background: var(--ooui--bg-color-light); | |||
} | |||
.short-scrollbar::-webkit-scrollbar-thumb { | |||
background: #44444d; border: 2px solid var(--ooui--bg-color-light); border-radius: 0; | |||
} | |||
/* Для для динамичного вида кнопки "[развернуть]" */ | |||
.collapsible-absolute .mw-collapsible-toggle { | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
} | } | ||
/* #endregion */ | |||
/* | /* ============ */ | ||
/* #region Шаблоны */ | |||
/* ============ */ | |||
/*=== Навигационный шаблон ===*/ | |||
/* Default style for navigation boxes */ | /* Default style for navigation boxes */ | ||
.navbox { /* Navbox container style */ | .navbox { /* Navbox container style */ | ||
| Строка 948: | Строка 986: | ||
.navbox th, | .navbox th, | ||
.navbox-title { | .navbox-title { | ||
background: | background: var(--color-contrast2); /* Level title color */ | ||
} | } | ||
.navbox, | .navbox, | ||
| Строка 998: | Строка 1036: | ||
} | } | ||
} | } | ||
/* КОНЕЦ */ | |||
/* | /* #endregion */ | ||
/* ============ */ | |||
/* #region Модули */ | |||
/* ============ */ | |||
. | /*=== Модуль:Краткий вызов ===*/ | ||
.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; | |||
} | } | ||
. | .shortcut-2 { | ||
line-height: 1.25em; | |||
font-weight: bold; | |||
vertical-align: middle; | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Расширение */ | |||
/* ============ */ | |||
. | /*=== CodeMirror ===*/ | ||
.CodeMirror { | |||
height: 600px; | |||
position: relative; | |||
overflow: hidden; | |||
background: var(--theme-bg-color-base); | |||
color: inherit; | |||
} | } | ||
. | .CodeMirror-gutters { | ||
border-right: 1px solid var(--theme-bg-color-100); | |||
background: var(--theme-bg-color-100); | |||
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; | |||
} | } | ||
/*=== Расширение:Popups ===*/ | |||
background: | /* Всплывающие окна */ | ||
.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); | |||
} | } | ||
.mwe-popups img { | |||
image-rendering: auto; | |||
} | } | ||
. | .mwe-popups .mwe-popups-container { | ||
background: var(--ooui--gradient-light); | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract { | ||
color: #dddddd; | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract:hover { | ||
color: #e8e8e8; | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract[dir='ltr']::after { | ||
background: linear-gradient(90deg, #ffffff00 0%, #2a2a3387 50%); | |||
} | } | ||
.mwe-popups .mwe-popups-extract[dir='rtl']::after { | |||
background: linear-gradient(90deg, #2a2a3387 50%, #ffffff00 0%); | |||
} | } | ||
. | /* Настройки */ | ||
.mwe-popups-overlay { | |||
background: | background: rgba(0, 0, 0, 0.6); | ||
} | } | ||
#mwe-popups-settings { | |||
border: solid | border: 1px solid #41414d; | ||
background: #27272f; | |||
} | } | ||
# | #mwe-popups-settings header { | ||
border-bottom: 1px solid #41414d; | |||
} | } | ||
#mwe-popups-settings main#mwe-popups-settings-form p { | |||
color: lightgray; | |||
} | } | ||
#mwe-popups-settings main#mwe-popups-settings-form form label > span { | |||
color: #dddddd; | |||
} | } | ||
. | /*=== Расширение:InputBox ===*/ | ||
.mw-ui-input { | |||
background: var(--ooui--bg-color); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
. | form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input { | ||
border-radius: var(--border-radius-low); | |||
border-color: var(--ooui--border-color); | |||
} | } | ||
. | .mw-ui-input:hover { | ||
border-color: var(--ooui--border-color-light); | |||
} | } | ||
. | /*=== Расширение:SyntaxHighlight ===*/ | ||
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { | |||
background: var(--theme-bg-color-50); | |||
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 { | |||
color: var(--ooui--text-color-dark); | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Основной интерфейс пользователя */ | |||
/* ============ */ | |||
/*=== Страница ===*/ | |||
/* Заголовок */ | |||
.mw-body h1.firstHeading { | |||
border-width: 3px; | |||
} | } | ||
/* Содержание */ | |||
.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 rgba(var(--theme-color-lighter--rgb), var(--alpha-x)); | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
.mw-body { | |||
padding: 6px; | |||
} | |||
} | } | ||
/* Категории */ | |||
#content-bottom-stuff .catlinks { | |||
margin-top: 6px; | |||
border-radius: var(--border-radius-low); | |||
border: none; | |||
box-shadow: var(--box-shadow-outline); | |||
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x)); | |||
} | } | ||
. | /*=== Заглавный поисковик ===*/ | ||
/* Выдвижной блок */ | |||
.suggestions { | |||
box-shadow: var(--box-shadow-high); | |||
border-radius: 0 0 0.3em 0.3em; | |||
background: var(--theme-bg-color-50); | |||
border: 1px solid var(--ooui--border-color); | |||
border-top: 2px solid var(--color-contrast); | |||
padding-top: 4px; | |||
} | } | ||
. | .suggestions .suggestions-results, /* Блок страниц */ | ||
.suggestions .suggestions-special /* Блок поиска страниц, содержащих введённый текст */ { | |||
border-radius: 0.4em; | |||
margin: 0.5em; | |||
background: var(--ooui--bg-color); | |||
border: 1px outset rgb(0 0 0 / 20%); | |||
} | } | ||
. | /* Страницы */ | ||
.suggestions .suggestions-result { | |||
color: var(--ooui--text-color-light); | |||
margin: 6px; | |||
} | } | ||
. | /* Если пустой */ | ||
.suggestions .suggestions-results:empty { | |||
display: none; | |||
} | } | ||
.suggestions-special .special-label { | |||
color: lightgray; | |||
} | } | ||
. | .suggestions-special .special-query { | ||
color: var(--ooui--text-color-light); | |||
} | } | ||
/* Подсветка при наведении */ | |||
.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); | |||
} | } | ||
/* Общие стили */ | |||
.suggestions .suggestions-result, | |||
.suggestions .suggestions-special { | |||
padding: 0.5em 0.5em 0.35em; | |||
} | } | ||
#mw- | /*=== Боковая панель ===*/ | ||
/* Основной блок */ | |||
#mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody { | |||
border: | margin: 1.5em 0; | ||
padding: 0; | |||
border: 0; | |||
border-radius: 0; | |||
background: none; | |||
} | } | ||
/* Блок навигации */ | |||
@media (min-width: 1100px) { | |||
#mw-related-navigation { | |||
margin-top: 0; | |||
} | |||
} | } | ||
/* Блоки */ | |||
@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); | |||
} | |||
} | } | ||
#mw- | @media screen and (min-width: 1340px) { | ||
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body { | |||
margin-bottom: 1em; | |||
} | |||
} | } | ||
@media screen and (min-width: 1100px) and (max-width: 1339px) { | |||
#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 { | |||
margin-bottom: 1em; | |||
} | |||
} | } | ||
/* | /* Заголовок */ | ||
/* | @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 rgba(var(--theme-color-lighter--rgb), var(--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; | |||
} | |||
} | |||
/* Содержание */ | |||
@media (min-width: 1100px) { | |||
#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-50); | |||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15); | |||
} | |||
} | |||
/* | /* Для телефонов */ | ||
. | @media screen and (max-width: 850px) { | ||
.sidebar-inner, .dropdown { | |||
padding: 1em 2em; | |||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color); | |||
} | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
#mw-content-block { | |||
background: var(--theme-bg-color-100); | |||
} | |||
} | } | ||
/* invert(1) */ | /*=== Чекбоксы ===*/ | ||
.wikiEditor-ui-toolbar .page-characters div span, | /* При нажатии */ | ||
.shortcut-1 > span > span > img, | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span { | ||
.tools-inline li:not(.selected) a, | box-shadow: none; | ||
.tools-inline li.selected a, | } | ||
/* В фокусе */ | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { | |||
box-shadow: none; | |||
} | |||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Интерфейс MediaWiki */ | |||
/* ============ */ | |||
/* invert(0) */ | |||
.tools-inline .selected span { | |||
filter: var(--invert-0); | |||
} | |||
.oo-ui-image-progressive { | |||
filter: var(--invert-0) !important; | |||
} | |||
/* invert(1) */ | |||
.wikiEditor-ui-toolbar .page-characters div span, | |||
.shortcut-1 > span > span > img, | |||
.tools-inline li:not(.selected) a, | |||
.tools-inline li.selected a, | |||
#personal h2, #site-tools h2, #site-navigation h2, #searchButton, | #personal h2, #site-tools h2, #site-navigation h2, #searchButton, | ||
#personal h2 span, | #personal h2 span, | ||
| Строка 1243: | Строка 1387: | ||
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, | .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, | ||
.oo-ui-icon-template-format-block.oo-ui-image-invert{ | .oo-ui-icon-template-format-block.oo-ui-image-invert{ | ||
filter: invert | filter: var(--invert-100); | ||
} | } | ||
.tools-inline li.selected span { | .tools-inline li.selected span { | ||
filter: invert | filter: var(--invert-100); | ||
color: var(--ooui--text-color); | color: var(--ooui--text-color); | ||
font-weight: bold; | font-weight: bold; | ||
| Строка 1253: | Строка 1397: | ||
.tools-inline span { | .tools-inline span { | ||
filter: invert | filter: var(--invert-100); | ||
margin-left: 2px; | margin-left: 2px; | ||
font-size: 15px; | font-size: 15px; | ||
| Строка 1277: | Строка 1421: | ||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, | .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, | ||
.mw-special-Contribute .mw-contribute-card-icon--article { | .mw-special-Contribute .mw-contribute-card-icon--article { | ||
filter: invert | filter: var(--invert-75); | ||
} | } | ||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon { | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon { | ||
filter: invert | filter: var(--invert-75) !important; | ||
} | } | ||
| Строка 1288: | Строка 1432: | ||
.mw-enhancedchanges-arrow-space, | .mw-enhancedchanges-arrow-space, | ||
#mw-indicator-mw-helplink a .mw-helplink-icon { | #mw-indicator-mw-helplink a .mw-helplink-icon { | ||
filter: invert | filter: var(--invert-50); | ||
} | } | ||
| Строка 1580: | Строка 1724: | ||
.ace_searchbtn.prev:after, | .ace_searchbtn.prev:after, | ||
.ace_searchbtn.next:after, | .ace_searchbtn.next:after, | ||
.wikiEditor-ui-toolbar .group .label, | .wikiEditor-ui-toolbar .group .tool-select .label, | ||
.mw-special-Contribute .mw-contribute-card-content | .mw-special-Contribute .mw-contribute-card-content, | ||
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | |||
color: var(--ooui--text-color); | color: var(--ooui--text-color); | ||
} | } | ||
| Строка 1605: | Строка 1749: | ||
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button, | .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button, | ||
.mw-portlet-body #ca-move.selected { | .mw-portlet-body #ca-move.selected { | ||
background: | background: var(--color-contrast2-dark); | ||
} | } | ||
| Строка 1612: | Строка 1756: | ||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, | ||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { | ||
background: var(--color- | background: var(--color-contrast-dark); | ||
} | } | ||
| Строка 1618: | Строка 1762: | ||
.ace_button.checked, | .ace_button.checked, | ||
.ace_editor.ace_autocomplete .ace_line-hover { | .ace_editor.ace_autocomplete .ace_line-hover { | ||
background: var(--color- | background: var(--color-contrast-dark); | ||
border-color: var(--color-contrast); | border-color: var(--color-contrast); | ||
color: var(--ooui--text-color-light); | color: var(--ooui--text-color-light); | ||
| Строка 1713: | Строка 1857: | ||
top: 2px; | top: 2px; | ||
} | } | ||
/* #endregion */ | |||
/* | /* ============ */ | ||
/* #region Неотсортированные */ | |||
/* ============ */ | |||
. | .mw-parser-output .mw-collapsible-toggle { | ||
position: relative; | |||
font-weight: normal; | |||
text-align: right; | |||
top: 0; | |||
right: 0; | |||
} | } | ||
. | .mw-collapsible-leftside-toggle .mw-collapsible-toggle { | ||
float: left; | |||
text-align: left | |||
} | } | ||
. | .mw-collapsible-toggle-default .mw-collapsible-text { | ||
color: var( | color: var(--text-color-link); | ||
} | } | ||
. | .mw-collapsible-toggle-default .mw-collapsible-text:hover { | ||
color: var( | color: var(--text-color-link); | ||
} | } | ||
. | .mw-collapsible-toggle-default .mw-collapsible-text:active { | ||
color: var(--text-color-link); | |||
} | } | ||
.wikitable.plainrowheaders th[scope=row] { | |||
font-weight: normal; | |||
text-align: left | |||
} | } | ||
. | .wikitable td ul,.wikitable td ol,.wikitable td dl { | ||
text-align: left | |||
} | } | ||
table.mw-hiero-table td { | |||
vertical-align: middle | |||
} | } | ||
# | .mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external { | ||
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right; | |||
padding-right: 18px | |||
} | } | ||
#mw- | div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning { | ||
background: | clear: both; | ||
margin: 0.2em 0; | |||
border: 1px solid #bb7070; | |||
background: #ffdbdb; | |||
padding: 0.25em 0.9em; | |||
box-sizing: border-box | |||
} | } | ||
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt { | |||
border-color: #fc3; | |||
border | background: #fef6e7 | ||
} | } | ||
.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 { | ||
background: var(-- | min-width: 100px; | ||
background: #303037; | |||
border: solid var(--ooui--border-color) | |||
} | } | ||
.thumbinner .thumbimage,.thumbborder { | |||
border: solid 1px var(--ooui--border-color) | |||
} | } | ||
#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: #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 | |||
display: | |||
} | } | ||
. | span.comment { | ||
overflow-wrap: break-word | |||
} | |||
} | |||
#mw-page-base { | |||
background: var(--theme-bg-color-base); | |||
color: var(--ooui--text-color); | |||
border: var(--theme-bg-color-base) | |||
} | } | ||
. | .mediawiki, .mw-page-container { | ||
background: var(--theme-bg-color-base); | |||
border | color: var(--ooui--text-color); | ||
border: var(--theme-bg-color-base) | |||
} | } | ||
# | #mw-panel { | ||
background: var(--theme-bg-color-base); | |||
color: var(--ooui--text-color); | |||
border: var(--theme-bg-color-base) | |||
} | } | ||
#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo { | |||
background: var(--theme-bg-color-base); | |||
color: var(--ooui--text-color); | |||
border: var(--theme-bg-color-base) | |||
} | } | ||
.mw- | .mw-code { | ||
color: | background: var(--theme-bg-color-100); | ||
color: var(--ooui--text-color) | |||
} | } | ||
. | .wikiEditor-ui-toolbar .group .tool-select .options { | ||
border: none; | |||
} | } | ||
. | .wikiEditor-ui-toolbar .sections .section { | ||
border- | border-color: var(--ooui--border-color-light); | ||
} | } | ||
. | .wikiEditor-ui-toolbar .page-table th { | ||
color: var(--ooui--text-color); | |||
} | } | ||
. | .wikiEditor-ui-toolbar .page-table td { | ||
color: var(--ooui--text-color | color: var(--ooui--text-color); | ||
} | } | ||
. | .oo-ui-indicatorElement-indicator { | ||
background-size: contain; | |||
background-position: center center; | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
top: 0; | |||
min-width: 12px; | |||
width: 0.8571429em; | |||
min-height: 12px; | |||
height: 100%; | |||
} | } | ||
. | 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: var(--text-color-link-external) | |||
} | } | ||
. | .vector-menu-tabs li { | ||
background: var(--theme-bg-color-100) | |||
} | } | ||
#p-logo-text a { | |||
color: var(--ooui--text-color); | |||
} | } | ||
#ca-nstab-mediawiki.a { | |||
color: var(--ooui--text-color); | |||
} | } | ||
#mw-changeslist-links { | |||
background: var(--theme-bg-color-100); | |||
color: var(--ooui--text-color); | |||
} | } | ||
#simpleSearch { | |||
background: var(--ooui--bg-color); | |||
border: 1px solid var(--ooui--border-color); | |||
color: var(--ooui--text-color); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
#searchInput { | |||
color: var(--ooui--text-color-light) | |||
} | } | ||
#pt-createaccount { | |||
visibility: hidden; | |||
display: none | |||
} | } | ||
@media screen and (min-width: 851px) { | |||
#personal .dropdown:before, #personal .dropdown:after { | |||
border-bottom: 10px solid var(--ooui--border-color-light); | |||
} | |||
} | } | ||
@media screen and (min-width: 851px) { | |||
#personal .dropdown:after { | |||
border-bottom: 10px solid var(--ooui--bg-color-dark); | |||
} | |||
} | } | ||
. | .vector-menu-tabs .selected { | ||
background: var(-- | background: var(--theme-bg-color-base) | ||
} | } | ||
. | #pagehistory li.selected { | ||
background: | 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 { | ||
border | background: #7C0A02; | ||
border: 1px solid #bb7070 | |||
} | } | ||
. | /* | ||
Стиль для таблиц wikitable | |||
*/ | |||
.wikitable { | |||
background-color: var(--theme-bg-color-100); | |||
color: var(--theme-text-color); | |||
margin: 1em 0; | |||
border: 1px solid var(--theme-bg-color-300); | |||
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; | |||
padding: 0.4em 0.5em; | |||
} | } | ||
. | .wikitable>*>tr>th { | ||
background: var(--theme-bg-color-300); | |||
} | } | ||
. | .wikitable>*>tr>td { | ||
background: var(--theme-bg-color-250); | |||
} | } | ||
. | /* Закругление верхнего левого угла первой ячейки */ | ||
border- | .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: var(--border-radius-low); | |||
} | } | ||
. | /* Закругление верхнего правого угла последней ячейки */ | ||
border- | .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: var(--border-radius-low); | |||
} | } | ||
. | /* Закругление нижнего левого угла первой ячейки последнего ряда | ||
.wikitable tbody tr:last-child th:first-child, | |||
.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; | |||
} | |||
} | } | ||
/* КОНЕЦ */ | |||
. | @media screen and (max-width: 850px) { | ||
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] { | |||
} | width: 32px; | ||
height: 32px; | |||
} | |||
*: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) { | |||
.mw-parser-output table { | |||
display: table-cell; | |||
overflow: auto; | |||
max-width: 100%; | |||
} | |||
} | } | ||
.mw- | ul#filetoc, .toc, .toccolours, .mw-warning { | ||
border- | border-radius: 0.5em; | ||
background: var(--theme-bg-color-200); | |||
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 * { | ||
box-sizing: border-box; | |||
} | } | ||
. | .toc .toctitle { | ||
font-size: 0.95em; | |||
padding: 0 8px; | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
position: relative; | |||
overflow: hidden; | |||
text-align: left; | |||
border: none; | |||
} | } | ||
. | .toc .toctitle h2 { | ||
font-size: 1.1em; | |||
font-weight: bold; | |||
display: flex; | |||
align-items: center; | |||
} | } | ||
. | .toc .toctitle h2::before { | ||
margin | content: ""; | ||
display: block; | |||
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; | |||
-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); | |||
margin: 0 6px 0 0; | |||
} | } | ||
. | .toc .toctogglelabel { | ||
position: absolute; | |||
width: 100%; | |||
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, | ||
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after { | |||
content: ""; | |||
display: block; | |||
pointer-events: none; | |||
--mask: var(--icon-chevron-down) no-repeat; | |||
-webkit-mask: var(--mask); | |||
background: var(-- | 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 { | ||
transform: none; | |||
} | } | ||
. | .toc > ul { | ||
margin: 6px 0 0 0; | |||
border-top: 1px solid var(--theme-border-color-base); | |||
padding-top: 2px; | |||
} | } | ||
#searchInput:focus { | |||
outline: 2px solid var(--color-contrast); | |||
} | } | ||
. | .toctogglecheckbox:focus + .toctitle .toctogglelabel { | ||
outline: none; | |||
} | } | ||
.mw- | .mw-content-ltr .tocnumber { | ||
color: | color: grey | ||
} | } | ||
.quickbox { | |||
border: 1px solid var(--ooui--border-color); | |||
background: var(--ooui--bg-color); | |||
border- | |||
} | } | ||
.quickboxhead { | |||
. | border-bottom: 1px solid var(--ooui--border-color); | ||
background: var(--theme-bg-color-base); | |||
text-align: center | |||
} | } | ||
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | |||
margin: 0; | |||
} | } | ||
.results-info { | |||
color: var(--ooui--text-color-dark); | |||
} | } | ||
.mw-search-result-data { | |||
color: var(--ooui--text-color-dark); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button { | |||
. | font-size: 14px; | ||
} | } | ||
. | .mw-rcfilters-ui-filterWrapperWidget-bottom { | ||
gap: 4px; | |||
} | } | ||
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget { | |||
. | padding: 0.6em; | ||
border: 1px solid var(--ooui--border-color); | |||
} | } | ||
.mw-changeslist-legend { | |||
. | max-width: 300px; | ||
} | } | ||
. | .mw-changeslist-legend { | ||
display: none; | |||
} | } | ||
. | .mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend { | ||
display: block; | |||
} | } | ||
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { | |||
color: lightgray; | |||
} | } | ||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
. | color: var(--ooui--bg-color); | ||
} | } | ||
.mw-rcfilters-ui- | .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget { | ||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color); | border-color: var(--ooui--border-color); | ||
color: var(--ooui--text-color-light); | |||
border-radius: 0.4em 0.4em 0 0; | |||
} | } | ||
.mw-rcfilters-ui- | .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { | ||
color: var(--ooui--text-color); | color: var(--ooui--text-color-dark); | ||
} | } | ||
.mw-rcfilters-ui- | .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none { | ||
background: | background: var(--ooui--border-color-light); | ||
border: 1px solid var(--color-contrast); | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { | ||
background: var(--color-contrast-dark); | |||
border-color: var(--color-contrast-dark); | |||
} | } | ||
.oo-ui- | .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover { | ||
border-color: var(--color-contrast); | |||
} | } | ||
.oo-ui- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | ||
background: var(--color-contrast-dark); | |||
border-color: var(--color-contrast); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
.oo-ui- | .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { | ||
background: var(--color- | background: var(--color-contrast-dark); | ||
border-color: var(--color-contrast); | border-color: var(--color-contrast); | ||
color: var(--ooui--text-color-light); | color: var(--ooui--text-color-light); | ||
} | } | ||
. | .tdg-templateDataParamWidget-param-description { | ||
color: var(--ooui--text-color-dark); | |||
} | } | ||
.oo-ui- | .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { | ||
background: var(--color-contrast-dark); | |||
border-color: var(--color-contrast); | |||
} | } | ||
.mw- | .mw-revslider-container { | ||
border-color: var(--ooui--border-color | border-color: var(--ooui--border-color-light); | ||
} | } | ||
.mw- | .mw-revslider-slider-wrapper { | ||
border-color: var(--ooui--border-color-light); | border-color: var(--ooui--border-color-light); | ||
} | } | ||
.oo-ui- | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { | ||
border- | background: var(--ooui--bg-color); | ||
border-color: var(--ooui--border-color-light); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
.oo-ui- | .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { | ||
color: var(--ooui--text-color-light); | |||
} | } | ||
.oo-ui-buttonElement- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { | ||
background: var(--color- | background: var(--color-contrast-dark); | ||
} | } | ||
. | .oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot { | ||
outline-color: var(--ooui--border-color); | |||
background: var(--ooui--bg-color); | |||
} | } | ||
.oo-ui- | .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { | ||
background: transparent; | |||
} | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { | |||
background: transparent; | |||
} | } | ||
. | .mw-templateData-template-map-list-menu-panel { | ||
color: var(--ooui-- | border-color: var(--ooui--border-color); | ||
} | } | ||
. | .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { | ||
color: | background: var(--color-contrast2-dark); | ||
color: var(--ooui--text-color-light); | |||
} | } | ||
.mw- | .mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel { | ||
display: flex; | |||
align-items: center; | |||
} | } | ||
. | .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { | ||
border-radius: 0; | |||
} | } | ||
.mw- | .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-ui-highlights > div { | ||
margin-right: 8px; | |||
} | } | ||
. | .oo-ui-popupWidget-popup { | ||
border: | background: var(--ooui--bg-color-light); | ||
border-color: var(--ooui--border-color-light); | |||
color: lightgray; | |||
} | } | ||
. | .oo-ui-menuSelectWidget { | ||
border-color: var(--ooui--border-color); | |||
background: var(--ooui--gradient); | |||
box-shadow: var(--box-shadow); | |||
} | } | ||
.oo-ui- | .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { | ||
background: var(--ooui--border-color); | background: var(--ooui--border-color); | ||
} | } | ||
.oo-ui- | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | ||
background: var(--ooui--bg-color--hover); | |||
outline: 1px solid var(--ooui--border-color); | |||
} | } | ||
. | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | ||
background: var(--color-contrast2-dark) !important; | |||
} | } | ||
. | .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | ||
border-color: var(--ooui--border-color); | border-color: var(--ooui--border-color); | ||
color: var(--ooui--text-color); | |||
transition: all 0.01s; | |||
cursor: pointer; | |||
} | } | ||
. | .mw-rcfilters-ui-itemMenuOptionWidget-label-title { | ||
color: var(--ooui--text-color); | |||
cursor: pointer; | |||
} | } | ||
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc { | |||
color: var(--ooui--text-color-dark); | color: var(--ooui--text-color-dark); | ||
cursor: pointer; | |||
} | } | ||
. | .mw-rcfilters-ui-menuSelectWidget-footer { | ||
border-color: var(--ooui--border-color); | |||
background: var(--ooui--bg-color); | background: var(--ooui--bg-color); | ||
} | } | ||
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { | |||
color: var(--ooui--text-color); | |||
} | } | ||
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { | |||
background: | background: transparent; | ||
} | } | ||
.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table { | |||
font-size: 0.9em; | |||
} | |||
.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-dropdownWidget-handle, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-tagMultiselectWidget-handle { | |||
margin: 0; | |||
} | } | ||
. | .oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout { | ||
margin: 0.5em 0; | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | ||
color: | background: var(--color-contrast-dark); | ||
border-color: var(--color-contrast); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) { | ||
opacity: 0.87; | |||
} | } | ||
. | .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { | ||
box-shadow: none; | |||
} | } | ||
.mw- | .mw-widget-dateInputWidget-calendar { | ||
border-color: var(--ooui--border-color); | |||
background: var(--ooui--gradient); | |||
} | } | ||
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { | |||
. | border-color: var(--ooui--border-color-light); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { | |||
. | border-radius: var(--border-radius-low); | ||
. | } | ||
border- | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | |||
. | font-weight: bold; | ||
} | } | ||
. | .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover { | ||
background: var(--color-contrast-dark); | |||
color: var(--ooui--text-color-light); | |||
background: | |||
} | } | ||
. | .tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover { | ||
background: var(--color-contrast2-dark); | |||
background: var(-- | transition: all 0.01s; | ||
transition: all 0. | |||
} | } | ||
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button { | |||
. | display: flex; | ||
align-items: center; | |||
} | } | ||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | |||
. | color: var(--ooui--text-color); | ||
} | } | ||
. | .mw-widget-calendarWidget-day-heading { | ||
color: lightgray; | |||
} | } | ||
. | .mw-widget-calendarWidget-day { | ||
color: lightgray; | |||
} | } | ||
. | .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label { | ||
color: var(--ooui--text-color); | |||
} | } | ||
.mw-editform #wpTextbox1, textarea { | |||
background: var(--theme-bg-color-base); | |||
border: none; | |||
} | color: lightgray; | ||
} | |||
.group.group-search { | |||
border: none; | |||
} | } | ||
.editOptions,.mw-editform .editOptions { | |||
background: var(--theme-bg-color-100); | |||
border: 1px solid var(--ooui--border-color-light); | |||
} | border-top: none; | ||
color: var(--ooui--text-color-light); | |||
} | |||
.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text { | |||
background: var(--ooui--border-color); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
color: var(--ooui--text-color); | |||
} | } | ||
.mw- | .mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight { | ||
padding-right: 0.3em; | |||
padding-left: 0.3em; | |||
} | } | ||
.mw- | .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { | ||
border-color: var(--ooui--border-color); | |||
padding: 0; | |||
} | } | ||
. | .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button { | ||
min-height: 2.5em; | |||
} | } | ||
.mw- | .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | ||
color: var(--ooui--text-color-dark); | |||
} | } | ||
. | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { | ||
background: | background: var(--ooui--bg-color); | ||
border- | border-color: var(--ooui--border-color); | ||
} | } | ||
.mw- | .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { | ||
border-color: var(--ooui--border-color); | |||
display: flex; | |||
align-items: center; | |||
padding: 0; | |||
gap: 2px; | |||
} | } | ||
.mw- | .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { | ||
background: var(--color | background: var(--ooui--bg-color); | ||
color: | border-color: var(--ooui--border-color); | ||
border- | border-radius: 0.4em 0.4em 0 0; | ||
} | } | ||
.mw- | @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- | .mw-body dd { | ||
margin: 0.2em; | |||
margin-left: 1.6em | |||
} | } | ||
. | /* Стили для блока */ | ||
.tabs-tabbox, .tabs-togglebox { | |||
display: flow-root; | |||
} | } | ||
. | /* Стили для активных вкладок */ | ||
.tabs-tabbox > .tabs-input:checked + .tabs-label, | |||
.tabs-input-0:checked + .tabs-input-1 + .tabs-label { | |||
background: var(--theme-bg-color-250); | |||
. | border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-xs)); | ||
background: | border-bottom: 1px solid var(--color-contrast); | ||
border-color: | z-index: 2; | ||
} | } | ||
. | /* Стили для стили для вкладок */ | ||
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label { | |||
margin: 0; | |||
} | } | ||
. | .tabs-tabbox > .tabs-label { | ||
border-color: | cursor: pointer; | ||
padding: 1px 6px; | |||
margin: 0; | |||
vertical-align: baseline; | |||
border-radius: 0; | |||
background: transparent; | |||
border: 1px solid rgba(var(--color-darkened--rgb), var(--alpha-m)); | |||
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-xs)); | |||
} | } | ||
. | .tabs-tabbox > .tabs-label:hover { | ||
z-index: 2; | |||
background: var(--theme-bg-color-250); | |||
transition: all 0.1s; | |||
} | } | ||
. | /* Стили для контейнера вкладок */ | ||
background: | .tabs-tabbox > .tabs-container { | ||
padding: 14px 10px; | |||
background: var(--theme-bg-color-250); | |||
border: 1px solid rgba(var(--color-darkened--rgb), var(--alpha-m)); | |||
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x)); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
/* Класс для уменьшения яркости фона tabs */ | |||
background: | .tabs-no-background > .tabs-container { | ||
background: rgba(var(--theme-color-lighter--rgb), 0.02); | |||
} | } | ||
. | .tooltip { | ||
position: relative; | |||
display: inline; | |||
} | } | ||
. | .tooltiptext { | ||
position: absolute; | |||
border- | 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; | |||
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 !important; | ||
} | |||
.headder { | |||
width: 100%; | |||
margin-left: 0; | |||
} | |||
.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 | |||
color: | |||
} | } | ||
. | .mw-mmv-above-fold { | ||
background: #222; | |||
border-top: 1px solid #333 | |||
} | } | ||
. | .mw-mmv-image-metadata { | ||
color: | background: #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: | background: #222; | ||
border- | border-bottom: 1px solid #333; | ||
border-right: 1px solid #333 | |||
} | } | ||
. | .mw-mmv-options-enable-alert { | ||
background: | background: #333; | ||
color: #e0e0e0 | |||
} | } | ||
. | .mw-mmv-filepage-buttons .mw-ui-button { | ||
background: var(--color- | background: var(--color-contrast); | ||
border-color: | color: #e0e0e0; | ||
border-color: #1d4699 | |||
} | } | ||
. | .mw-default-size { | ||
background: #21212600 !important; | |||
border-color: black !important | |||
} | } | ||
. | .mw-default-size img { | ||
border-color: black !important | |||
border-color: | |||
} | } | ||
. | .mw-default-size figcaption { | ||
background: #21212600 !important; | |||
border-color: black !important | |||
} | } | ||
. | .mw-halign-right { | ||
background: #27272d00 !important; | |||
border-color: black !important | |||
} | } | ||
.mw- | .mw-halign-right img { | ||
border-color: black !important | |||
} | } | ||
.mw- | .mw-halign-right figcaption { | ||
background: | background: #27272d00 !important; | ||
border-color: black !important | |||
} | } | ||
. | .mw-halign-left { | ||
background: | background: #27272d00 !important; | ||
border-color: | border-color: black !important | ||
} | } | ||
.mw-halign-left img { | |||
border-color: black !important | |||
border-color: | |||
} | } | ||
.mw-halign-left figcaption { | |||
background: | background: #27272d00 !important; | ||
border-color: | border-color: black !important | ||
} | } | ||
.mw-halign-center { | |||
background: | background: #27272d00 !important; | ||
border-color: | border-color: black !important | ||
color: | } | ||
.mw-halign-center img { | |||
border-color: black !important | |||
} | |||
.mw-halign-center figcaption { | |||
background: #27272d00 !important; | |||
border-color: black !important | |||
} | } | ||
. | .reference { | ||
background: | background: #27272d00; | ||
} | } | ||
. | ol.references li:target,sup.reference:target { | ||
background: | background: #ffffff0f; | ||
padding: 0px 1px 3px 1px; | |||
} | } | ||
. | .oo-ui-textInputWidget .oo-ui-inputWidget-input { | ||
background: var(--ooui--bg-color); | background: var(--ooui--bg-color); | ||
border-color: var(--ooui--border-color-light); | border-color: var(--ooui--border-color-light); | ||
color: var(--ooui--text-color-light); | color: var(--ooui--text-color-light); | ||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | ||
color: | background: var(--color-contrast-dark); | ||
border-color: var(--color-contrast-dark); | |||
} | } | ||
. | .oo-ui-messageDialog-message { | ||
color: | color: lightgray; | ||
} | } | ||
.oo-ui- | .oo-ui-messageDialog-content > .oo-ui-window-foot { | ||
outline-color: var(--ooui--border-color); | |||
} | } | ||
. | .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { | ||
color: | border-color: var(--ooui--border-color); | ||
} | } | ||
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { | |||
border-color: var(--ooui--border-color-light); | |||
background: var(--ooui--bg-color); | |||
} | } | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover { | |||
z-index: 1; | |||
z-index: | |||
} | } | ||
.ui-widget- | .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { | ||
background: | background: var(--color-contrast2-dark); | ||
} | } | ||
.ui-widget- | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { | ||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color); | |||
color: | color: lightgray; | ||
} | } | ||
.ui-widget- | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { | ||
border | border-color: var(--ooui--border-color-light); | ||
color: lightgray; | |||
color: | |||
} | } | ||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { | |||
color: lightgray; | |||
} | } | ||
. | form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active { | ||
background: var(--color-contrast-dark); | |||
border-color: var(--color-contrast); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
.ui- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { | ||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color-light); | |||
color: lightgray; | |||
color: | |||
} | } | ||
.ui- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | ||
background: var(--color-contrast-dark); | |||
background: var(-- | border-color: var(--color-contrast-dark); | ||
color: var(--ooui--text-color-light); | |||
color: | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | ||
background: var(--color-contrast-dark); | |||
background: | border-color: var(--color-contrast); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { | |||
box-shadow: inset var(--box-shadow-medium); | |||
} | } | ||
.ui- | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | ||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color); | |||
color: lightgray; | |||
} | } | ||
. | .oo-ui-comboBoxInputWidget-field { | ||
display: flex; | |||
align-items: center; | |||
} | } | ||
. | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | ||
border-color: var(--ooui--border-color-lighter); | |||
background: var(--ooui--bg-color); | |||
color: lightgray; | |||
} | } | ||
. | .mw-widget-dateInputWidget-handle { | ||
background: var(--bg-color- | background: var(--ooui--bg-color); | ||
border-color: var(--ooui--border-color); | |||
color: var(--ooui--text-color-light) !important; | |||
} | } | ||
. | .mw-search-profile-tabs { | ||
background: var(--bg-color- | background: var(--ooui--bg-color) !important; | ||
border: var(--ooui--border-color) !important; | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { | ||
border-color: var(-- | background: var(--color-contrast-dark); | ||
border-color: var(--color-contrast-dark); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
. | form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] { | ||
border-color: var(-- | background: var(--color-contrast-dark); | ||
border-color: var(--color-contrast-dark); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
#wpDestFile { | |||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color-light); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
#wpUploadDescription { | |||
background: var(-- | background: var(--ooui--bg-color); | ||
border-color: var(--ooui--border-color-light); | |||
color: var(--ooui--text-color-light); | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, button, select { | ||
background: | background: var(--ooui--bg-color); | ||
border-color: var(--ooui--border-color-light); | |||
color: lightgray; | |||
color: | |||
} | } | ||
.mw- | .mw-widgets-datetime-calendarWidget { | ||
- | background: var(--ooui--gradient); | ||
border-color: var(--ooui--border-color-light); | |||
} | } | ||
.mw- | .mw-widgets-datetime-dateTimeInputWidget-handle { | ||
background: | background: var(--ooui--bg-color); | ||
border-color: var(--ooui--border-color-light); | |||
border-radius: var(--border-radius-low); | |||
color: | color: var(--ooui--text-color-light); | ||
} | } | ||
.mw- | .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { | ||
color: lightgray; | |||
} | } | ||
. | .mw-rcfilters-ui-savedLinksListWidget-placeholder-description { | ||
color: var(--ooui--text-color-dark); | color: var(--ooui--text-color-dark); | ||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { | ||
box-shadow: inset var(--box-shadow-medium); | |||
} | } | ||
. | .search-types .current a { | ||
color: | color: #d3d3d3 !important; | ||
cursor: default !important | |||
} | } | ||
. | div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning { | ||
background: var(- | background: var(--bg-color-error); | ||
color: var(-- | border-color: var(--border-color-error); | ||
} | } | ||
#mw-header-nav-hack { | |||
color: var(-- | border-top: solid 2px var(--theme-bg-color-100) !important; | ||
display: block; | |||
position: absolute; | |||
z-index: 98; | |||
background: var(--theme-bg-color-100) !important; | |||
width: 100% | |||
} | } | ||
. | .ui-widget-overlay { | ||
background: #000000 !important; | |||
opacity: .3 !important | |||
} | } | ||
. | .ui-widget-content { | ||
border: 1px solid #4a4a57 !important; | |||
background: var(--theme-bg-color-100) !important; | |||
color: #e0e0e0 !important | |||
} | } | ||
. | .ui-widget-header { | ||
border: 1px solid #4a4a57 !important; | |||
background: var(--theme-bg-color-100) !important; | |||
color: #e0e0e0 !important; | |||
font-weight: bold !important | |||
} | } | ||
#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt { | |||
width: 100% !important; | |||
background: var(--ooui--bg-color) !important; | |||
color: #e0e0e0 !important | |||
} | } | ||
. | .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] { | ||
box-sizing: border-box !important; | |||
background: var(--ooui--bg-color) !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: var(--ooui--bg-color) !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: var(--ooui--bg-color) !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 { | ||
color: | 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 { | ||
background: | padding: 0 !important; | ||
background: #6c6c80 !important | |||
} | } | ||
. | .diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context { | ||
background: var(--theme-bg-color-base); | |||
border: | border-color: var(--theme-bg-color-base); | ||
color: var(--ooui--text-color-light); | |||
} | } | ||
. | .diff-addedline .diffchange, .diff-deletedline .diffchange { | ||
border-radius: var(--border-radius-low); | |||
padding: 0.2em 0; | |||
} | } | ||
. | .diff-deletedline .diffchange { | ||
background: | background: var(--bg-color-yellow-subtle); | ||
} | } | ||
. | .diff-addedline .diffchange { | ||
background: | background: var(--bg-color-azure-subtle); | ||
} | } | ||
. | .diff-deletedline { | ||
border-color: var(--bg-color-yellow-150) !important; | |||
} | } | ||
. | .diff-addedline { | ||
border- | border-color: var(--bg-color-blue-150) !important; | ||
} | } | ||
.mw-json th,.mw-json td { | |||
border: 1px solid #000000; | |||
font-size: 16px; | |||
padding: 0.5em 1em | |||
} | } | ||
.mw-json tr { | |||
background: | background: var(--theme-bg-color-100); | ||
margin-bottom: 0.5em | |||
} | } | ||
::- | .mw-json th { | ||
background: #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: #1b5929; | |||
font-family: monospace,monospace; | |||
white-space: pre-wrap; | |||
color: #d3d3d3 | |||
} | } | ||
. | .mw-json-empty { | ||
background: #1b5929; | |||
font-style: italic; | |||
color: #d3d3d3 | |||
} | } | ||
. | .ace-tm .ace_gutter { | ||
background: var(--theme-bg-color-100); | |||
color: var(--ooui--text-color-dark); | |||
} | } | ||
. | .ace-tm .ace_print-margin { | ||
width: 1px; | |||
background: var(--theme-bg-color-base) | |||
} | } | ||
. | .ace_mobile-menu { | ||
box-shadow: - | color: lightgray; | ||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color-light); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | .ace-tm { | ||
background: var(--theme-bg-color-base); | |||
color: var(--ooui--text-color) | |||
} | } | ||
. | .ace-tm .ace_cursor { | ||
color: var(--ooui--text-color-light) | |||
} | } | ||
. | .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: | 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: | color: rgb(103,193,150) | ||
} | } | ||
.ace-tm .ace_constant.ace_numeric { | |||
color: rgb(153,153,255) | |||
} | } | ||
. | .ace-tm .ace_marker-layer .ace_selection { | ||
background: rgb(28,45,68) | |||
} | } | ||
. | .ace-tm .ace_marker-layer .ace_bracket { | ||
margin: -1px 0 0 -1px; | |||
border: 1px solid rgb(94,94,94) | |||
} | } | ||
. | .ace-tm .ace_marker-layer .ace_active-line { | ||
background: | background: rgb(153,153,183,7%) | ||
} | } | ||
. | .ace-tm .ace_gutter-active-line { | ||
background: | background: 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: var(--theme-bg-color-100); | |||
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%; | width: 100%; | ||
display: table-cell | |||
} | } | ||
::-webkit-scrollbar { | |||
background: #313137; | |||
} | } | ||
::-webkit-scrollbar-thumb { | |||
background: #505057; | |||
border: 3px solid #313137; | |||
border-radius: 0.3em; | |||
} | } | ||
::-webkit-scrollbar-thumb:hover { | |||
background: #616169; | |||
} | |||
::-webkit-scrollbar-thumb:active { | |||
background: #72727b; | |||
} | } | ||
@media (hover: none) and (pointer: coarse) { | |||
::-webkit-scrollbar { | |||
all: unset; | |||
width: 0; | |||
height: 0; | |||
} | |||
} | |||
::-webkit-scrollbar-thumb { | |||
all: unset; | |||
} | |||
} | } | ||
. | .overflowed { | ||
margin: 0; | |||
margin | |||
} | } | ||
. | .scroll-left.overflowed .content-table-left, | ||
.scroll-right.overflowed .content-table-right { | |||
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4); | |||
z-index: 9999; | |||
} | } | ||
. | .scroll-left.overflowed .content-table-left { | ||
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2); | |||
} | } | ||
. | .scroll-right.overflowed .content-table-right { | ||
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2); | |||
} | } | ||
. | .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 fieldset#mw-searchoptions, .mw_metadata, .mw-datatable { | |||
color: var(--ooui--text-color); | |||
background: var(--ooui--bg-color-dark); | |||
border-color: var(--ooui--bg-color-light); | |||
padding: 12px 10px; | |||
box-shadow: var(--box-shadow-medium); | |||
} | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-header { | |||
background: var(--ooui--bg-color); | |||
border-color: var(--ooui--border-color-light); | |||
} | |||
.mw-footer-container { | |||
border-color: var(--ooui--border-color-light); | |||
} | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label { | |||
color: lightgray; | |||
font-weight: bold; | |||
} | |||
#mw-searchoptions .divider { | |||
border-color: var(--ooui--border-color-light); | |||
} | |||
.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: var(--theme-bg-color-100) | |||
} | } | ||
.mw- | .mw-datatable td { | ||
background: #303037 | |||
} | } | ||
.mw- | .mw-datatable tr:hover td { | ||
background: #3f3f48 | |||
} | |||
.pretoclip-copy-button { | |||
float: right | |||
} | } | ||
.mw- | .mw-scribunto-message { | ||
color: var(--se-cm--xml-tag-color); | |||
} | } | ||
#mw-scribunto-input { | |||
width: 100%; | |||
border: 0; | |||
overflow: auto; | |||
background: var(--ooui--bg-color); | |||
border: 1px solid var(--ooui--border-color-light); | |||
font-weight: normal; | |||
color: lightgray; | |||
} | } | ||
.mw- | .mw-scribunto-input { | ||
color: #d3d3d3; | |||
font | font: inherit; | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: 0.5em | |||
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 | |||
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 | |||
background: | |||
} | } | ||
.gallerytext { | |||
overflow: hidden; | |||
font-size: 94%; | |||
padding: 2px 4px; | |||
word-wrap: break-word; | |||
text-align: center | |||
} | } | ||
#content .gallerybox div.thumb { | |||
background: #f8f9fa00 | |||
} | } | ||
.mw- | |||
.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 | |||
border: | |||
} | } | ||
@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% | |||
} | |||
.color-middle { | |||
margin-right: 1em !important; | |||
} | } | ||
.mw-wiki-logo { | |||
display: inline-block | |||
} | |||
} | |||
#catlinks { | |||
margin-left: 14em | |||
} | |||
# | |||
} | } | ||
# | #footer { | ||
padding-right: 1em | |||
} | } | ||
.mw-body dt { | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
margin-top: 0.8em; | |||
margin-bottom: 0.4em; | |||
border-left: 2px solid var(--theme-border-color-100); | |||
padding-left: 5px; | |||
} | } | ||
.mw-body h1 { | |||
font-family: 'oswald'; | |||
font-size: 2em; | |||
} | } | ||
.mw-body h2 { | |||
font-size: 1.5em; | |||
border-bottom: none; | |||
font-family: 'Linux Libertine', 'Georgia', 'Times', serif; | |||
margin-bottom: 0.4em; | |||
margin-top: 1em; | |||
line-height: 1.375; | |||
border-bottom: 2px solid var(--color-contrast); | |||
} | } | ||
.mw-body h3 { | |||
font-size: 1.17em; | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
margin-top: 0.5em; | |||
margin-bottom: 0.3em; | |||
padding-bottom: 0; | |||
line-height: 1.6; | |||
padding-top: 0.3em; | |||
} | } | ||
.mw-body h4, | |||
.mw-body h5 { | |||
font-size: 1em; | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
margin-top: 0.5em; | |||
margin-bottom: 0.3em; | |||
} | } | ||
.target { | |||
border-bottom: 1px solid darkblue | |||
} | } | ||
.target:target { | |||
border-bottom: 2px solid gold; | |||
border: | transition: border 0.7s cubic-bezier(0.4,0,0.2,1) | ||
} | } | ||
.backlight:hover { | |||
background: | box-shadow: 0 0 0.3em gold; | ||
background: #00000025; | |||
} | } | ||
# | #main.backlight:hover { | ||
box-shadow: inset 0 0 23em #00000066; | |||
border-radius: 8px; | |||
border- | |||
} | } | ||
# | #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: var(--alpha-s); | |||
} | } | ||
/*Красивые картинки*/ | |||
background: var(--bg-color- | .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:var(--theme-bg-color-base); | |||
} | } | ||
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: 1px solid var(--bg-color- | border-top:0; | ||
background:var(--theme-bg-color-base); | |||
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; | |||
border- | |||
} | } | ||
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after{ | |||
border-bottom: 1px solid var(--color-contrast); | |||
border- | |||
} | } | ||
/*кнопка для главного меню*/ | |||
.StupidButton { | |||
width: 100%; | |||
height: 100%; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
z-index: 100; | |||
} | } | ||
/* | /*Цвета таблиц для разных отделов*/ | ||
# | /* COM */ | ||
border: 1px solid var(--bg-color- | #COM.wikitable { | ||
border: 1px solid var(--bg-color-blue-subtle); | |||
} | } | ||
# | #COM.wikitable th { | ||
background: var(--bg-color- | background: var(--bg-color-blue-150); | ||
} | } | ||
# | #COM.wikitable thead tr th, | ||
# | #COM.wikitable:not(:has(thead)) tr:first-of-type th { | ||
position: relative; | position: relative; | ||
background: var(--bg-color- | background: var(--bg-color-blue-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
# | #COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
# | #COM.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
# | #COM.wikitable tr td { | ||
background: var(--bg-color- | background: var(--bg-color-blue-subtle); | ||
} | } | ||
/* | /* MED */ | ||
# | #MED.wikitable { | ||
border: 1px solid var(--bg-color- | border: 1px solid var(--bg-color-sky-blue-subtle); | ||
} | } | ||
# | #MED.wikitable th { | ||
background: var(--bg-color- | background: var(--bg-color-sky-blue-150); | ||
} | } | ||
# | #MED.wikitable thead tr th, | ||
# | #MED.wikitable:not(:has(thead)) tr:first-of-type th { | ||
position: relative; | position: relative; | ||
background: var(--bg-color- | background: var(--bg-color-sky-blue-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
# | #MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
# | #MED.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
# | #MED.wikitable tr td { | ||
background: var(--bg-color- | background: var(--bg-color-sky-blue-subtle); | ||
} | } | ||
/* | /* SRV */ | ||
# | #SRV.wikitable { | ||
border: 1px solid var(--bg-color- | border: 1px solid var(--bg-color-green-subtle); | ||
} | } | ||
# | #SRV.wikitable th { | ||
background: var(--bg-color- | background: var(--bg-color-green-150); | ||
} | } | ||
# | #SRV.wikitable thead tr th, | ||
# | #SRV.wikitable:not(:has(thead)) tr:first-of-type th { | ||
position: relative; | position: relative; | ||
background: var(--bg-color- | background: var(--bg-color-green-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
# | #SRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
# | #SRV.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
# | #SRV.wikitable tr td { | ||
background: var(--bg-color- | background: var(--bg-color-green-subtle); | ||
} | } | ||
/* | /* ENG */ | ||
# | #ENG.wikitable { | ||
border: 1px solid var(--bg-color- | border: 1px solid var(--bg-color-yellow-subtle); | ||
} | } | ||
# | #ENG.wikitable th { | ||
background: var(--bg-color- | background: var(--bg-color-yellow-150); | ||
} | } | ||
# | #ENG.wikitable thead tr th, | ||
# | #ENG.wikitable:not(:has(thead)) tr:first-of-type th { | ||
position: relative; | position: relative; | ||
background: var(--bg-color- | background: var(--bg-color-yellow-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
# | #ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
# | #ENG.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
# | #ENG.wikitable tr td { | ||
background: var(--bg-color- | background: var(--bg-color-yellow-subtle); | ||
} | |||
/* RND */ | |||
#RND.wikitable { | |||
border: 1px solid var(--bg-color-purple-subtle); | |||
} | |||
#RND.wikitable th { | |||
background: var(--bg-color-purple-150); | |||
} | } | ||
#RND.wikitable thead tr th, | |||
# | #RND.wikitable:not(:has(thead)) tr:first-of-type th { | ||
# | |||
position: relative; | position: relative; | ||
background: | background: var(--bg-color-purple-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
# | #RND.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | |||
# | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
#RND.wikitable tr td { | |||
background: var(--bg-color-purple-subtle); | |||
# | |||
background: | |||
} | } | ||
/* SUP */ | |||
# | #SUP.wikitable { | ||
border: 1px solid var(--bg-color-brown-subtle); | |||
border | |||
} | } | ||
#SUP.wikitable th { | |||
# | background: var(--bg-color-brown-150); | ||
} | } | ||
# | #SUP.wikitable thead tr th, | ||
#SUP.wikitable:not(:has(thead)) tr:first-of-type th { | |||
# | |||
position: relative; | position: relative; | ||
background: var(--bg-color- | background: var(--bg-color-brown-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
# | #SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
# | #SUP.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
# | #SUP.wikitable tr td { | ||
background: var(--bg-color- | background: var(--bg-color-brown-subtle); | ||
} | } | ||
/* | /* SEC */ | ||
# | #SEC.wikitable { | ||
border: 1px solid var(--bg-color-red-subtle); | |||
border | |||
} | } | ||
# | #SEC.wikitable th { | ||
background: var(--bg-color-red-150); | |||
background: | |||
} | } | ||
#SEC.wikitable thead tr th, | |||
# | #SEC.wikitable:not(:has(thead)) tr:first-of-type th { | ||
# | |||
position: relative; | position: relative; | ||
background: | background: var(--bg-color-red-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | box-shadow: var(--box-shadow-medium); | ||
} | } | ||
# | #SEC.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
# | #SEC.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
#SEC.wikitable tr td { | |||
# | background: var(--bg-color-red-subtle); | ||
background: | |||
} | } | ||
/* BOTANY */ | |||
# | #BOTANY.wikitable { | ||
border: 1px solid var(--bg-color-turquoise-subtle); | |||
border | |||
} | } | ||
#BOTANY.wikitable th { | |||
# | background: var(--bg-color-turquoise-150); | ||
} | } | ||
#BOTANY.wikitable thead tr th, | |||
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-turquoise-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | |||
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
#BOTANY.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
. | |||
} | } | ||
#BOTANY.wikitable tr td { | |||
background: var(--bg-color-turquoise-subtle); | |||
} | } | ||
/* | |||
. | /* MUTATION */ | ||
#MUTATION.wikitable { | |||
border: 1px solid var(--bg-color-violet-subtle); | |||
} | } | ||
. | #MUTATION.wikitable th { | ||
background: var(--bg-color-violet-150); | |||
} | } | ||
. | #MUTATION.wikitable thead tr th, | ||
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-violet-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
#MUTATION.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | #MUTATION.wikitable tr td { | ||
background: var(--bg-color-violet-subtle); | |||
} | } | ||
. | |||
. | /* Стили для заголовков в таблицах с thead */ | ||
#highlighted-header.wikitable thead tr th, | |||
/* Стили для первого ряда в таблицах без thead */ | |||
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: #3d3d4f; | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
/* | |||
. | /* Стили для последующих строк в таблицах без 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: 3px solid var(--color-darkened-border); | |||
} | } | ||
/* Серый заголовок и серые ячейки */ | |||
#highlighted-header-classic.wikitable thead tr th, | |||
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: #323240; | |||
border-bottom: 0.2em solid #00000045; | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | ||
#highlighted-header-classic.wikitable thead + tbody > tr th { | |||
background: #3e3e4d; | |||
border-bottom: 0.1em solid #0000000d; | |||
border-left: 0.2em solid #00000024; | |||
} | } | ||
/* Холодный цвет ячеек */ | |||
#highlighted-header-cold.wikitable { | |||
. | border: 1px solid var(--bg-color-azure-subtle); | ||
} | } | ||
#highlighted-header-cold.wikitable th { | |||
. | background: var(--bg-color-azure-150); | ||
} | } | ||
. | #highlighted-header-cold.wikitable thead tr th, | ||
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-azure-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
background: var(- | |||
border: | |||
box-shadow: | |||
} | } | ||
. | #highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
#highlighted-header-cold.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | #highlighted-header-cold.wikitable tr td { | ||
background: var(--bg-color-azure-subtle); | |||
} | } | ||
. | /* Серый заголовок и темно-красные ячейки */ | ||
#highlighted-header-dark.wikitable thead tr th, | |||
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: #3d3d4f; | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #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: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | /* Палитра для Морпехов */ | ||
#highlighted-header-CM.wikitable thead tr th, | |||
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: #313d45; | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #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: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | /* Палитра для Ксеноморфов */ | ||
#highlighted-header-xenomorph.wikitable thead tr th, | |||
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: #3c1d5f; | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #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: 3px solid var(--color-darkened-border); | |||
} | } | ||
/* | /* Если не нужен другой стиль кроме цвета */ | ||
#no-highlight { | |||
border-bottom: none !important; | |||
border- | box-shadow: none !important; | ||
box-shadow: | |||
} | } | ||
@ | /* КОНЕЦ */ | ||
/* Неразрывные пробелы в горизонтальных списках | |||
@источник: 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*/ | |||
/* Псевдо-модальное окно (TODO: удалить) */ | |||
.pseudomodal--caller { | |||
cursor:pointer; | |||
} | } | ||
. | .pseudomodal { | ||
overflow-y: auto; | |||
display: flex; | |||
flex-direction: column; | |||
visibility: hidden; | |||
opacity: 0; | |||
background: var(--theme-bg-color-100); | background: var(--theme-bg-color-100); | ||
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 { | ||
image- | text-align: center; | ||
font-size: 1.1em; | |||
position: relative; | |||
} | |||
.pseudomodal--header-hr{ | |||
margin: 20px 0; | |||
padding: 0; | |||
height: 0; | |||
border: none; | |||
border-top: 1px solid darkgray; | |||
} | |||
.pseudomodal--body{ | |||
height: 100%; | |||
position: relative; | |||
} | |||
.pseudomodal::-webkit-scrollbar { | |||
width: 0.15rem; | |||
background:transparent; | |||
} | |||
.pseudomodal::-webkit-scrollbar-track { | |||
margin:1em; | |||
background: transparent; | |||
} | |||
.pseudomodal::-webkit-scrollbar-thumb { | |||
background: transparent; | |||
border: solid #373737; | |||
} | |||
/* Key press */ | |||
.keyboard-key { | |||
border: 1px solid #555555; | |||
border-radius: var(--border-radius-low); | |||
box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1); | |||
background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e); | |||
color: var(--ooui--text-color); | |||
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; | |||
} | |||
} | } | ||
| Строка 4196: | Строка 4361: | ||
/* SS220 import end*/ | /* SS220 import end*/ | ||
/* #endregion */ | |||
/* | |||
/* ================================================ */ | /* ================================================ */ | ||
| Строка 4804: | Строка 4734: | ||
color: var(--synt-high--color-literal); | color: var(--synt-high--color-literal); | ||
} | } | ||
/* #endregion */ | /* #endregion */ | ||
/* ============ */ | /* ============ */ | ||
| Строка 5168: | Строка 5092: | ||
.druid-container { | .druid-container { | ||
--druid-border-color: var(--theme-border-color-base); | --druid-border-color: var(--theme-border-color-base); | ||
--druid-color-contrast: var(--color- | --druid-color-contrast: var(--color-contrast-dark); | ||
--druid-color-contrast-darkened: color-mix(in srgb, var(--druid-color-contrast) 15%, rgb(var(--theme-color-darkened--rgb))); | --druid-color-contrast-darkened: color-mix(in srgb, var(--druid-color-contrast) 15%, rgb(var(--theme-color-darkened--rgb))); | ||
} | } | ||
| Строка 5503: | Строка 5427: | ||
font-size: 0.95rem; | font-size: 0.95rem; | ||
font-family: var(--font-family-heading)sans-serif; | font-family: var(--font-family-heading)sans-serif; | ||
background-color: | background-color: var(--color-contrast2); | ||
border-bottom: 1px solid var(--color-second-fill); | border-bottom: 1px solid var(--color-second-fill); | ||
box-shadow: var(--box-shadow); | box-shadow: var(--box-shadow); | ||
| Строка 5607: | Строка 5531: | ||
background-color: var(--bg-color-message-subtle); | background-color: var(--bg-color-message-subtle); | ||
} | } | ||
/* #endregion */ | /* #endregion */ | ||
Версия от 14:24, 4 мая 2025
/* Стандартные цвета:
#1b1b1f - фон Navbar/styles.css/styles.css
#212126 - фон информационных блоков (навигация и основной блок страницы)
#303037 - фон для <pre> и <code>
lightgrey - цвет текста для <pre> и <code>
*/
/* ================================================================== */
:root {
/* Пометка:
--ooui - стили для MediaWiki менюшек
--theme - тема Вики (зачастую палитра цветов)
-- - стили для всей Вики
*/
/*==========
Неизменяемая тема Вики
==========*/
color-scheme: dark;
--color-lighter--rgb: 255, 255, 255;
--color-lighter-alpha-x: rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
--color-darkened--rgb: 0, 0, 0;
--transition-time: 0;
--index-max: 100;
--index-high: 10;
--index-medium: 5;
--index-static: 4;
--index-overlay: 3;
--index-element: 2;
--index-fore: 1;
--index-base: 0;
--index-low: -1;
--index-lower: -10;
--font-family-base: 'Roboto', 'Roboto-fallback';
--font-family-heading: 'Verdana', 'Roboto', sans-serif;
--font-family-monospace: 'Consolas', 'Courier New', monospace;
--invert-0: invert(0);
--invert-100: invert(1);
--invert-75: invert(0.75);
--invert-50: invert(0.5);
/*== Значение прозрачности ==*/
--alpha-x: 0.05;
--alpha-xs: 0.1;
--alpha-s: 0.25;
--alpha-m: 0.5;
--alpha-l: 0.75;
--alpha: 1;
/*== Цвет текста ==*/
--text-color-link: #77c1d9;
--text-color-link-external: #3377aa;
/*== Контрастный цвет (синий) ==*/
--color-contrast: #2f5fbf;
--color-contrast-dark: #294582;
--color-contrast2: #22335b;
--color-contrast2-dark: #172138;
/*== Цвет фона ==*/
/* Алёрты */
--bg-color-message: #0e6143;
--bg-color-success: var(--bg-color-message);
--bg-color-notice: #21375f;
--bg-color-neutral: #2b2e39;
--bg-color-progressive: #23232f;
--bg-color-warning: #736218;
--bg-color-error: #7b1919;
--bg-color-message-subtle: #154938;
--bg-color-success-subtle: var(--bg-color-message-subtle);
--bg-color-notice-subtle: var(--bg-color-notice);
--bg-color-neutral-subtle: var(--bg-color-neutral);
--bg-color-progressive-subtle: var(--bg-color-progressive);
--bg-color-warning-subtle: #453e22;
--bg-color-error-subtle: #4b1e21;
/*== Цвет границ ==*/
--color-darkened-border: rgba(0, 0, 0, var(--alpha-s));
--color-darkened-border-m: rgba(0, 0, 0, var(--alpha-m));
/* Алёрты */
--border-color-message: #13855c;
--border-color-success: var(--border-color-message);
--border-color-notice: #345695;
--border-color-neutral: #393d4b;
--border-color-progressive: #38384b;
--border-color-warning: #97851f;
--border-color-error: #af2424;
/*== Для кодо-подобных блоков ==*/
/* Цвет фона */
--bg-color-code: #25252b;
--bg-color-code-light: #28282f;
/* Цвет границ */
--border-color-code: #3e3e49;
--border-color-code-light: #2f2f37;
/*== Стиль границ ==*/
--border-outset: 1px outset rgba(0, 0, 0, 0.3);
--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m));
/*== Палитра цветов фонов ==*/
--brightness-hsl: 0%;
--color-shift-percent-50: 23%;
--color-shift-percent-100: 0%;
--color-shift-percent-150: 4%;
--color-shift-percent-subtle: 30%;
/* Red */
--bg-color-red--hsl: 0.00deg 54.79%;
--bg-color-red--hsl-alpha: 28.63%;
--bg-color-red-50: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-red-100: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-red-150: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-red-subtle: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Yellow */
--bg-color-yellow--hsl: 45.33deg 64.29%;
--bg-color-yellow--hsl-alpha: 27.45%;
--bg-color-yellow-50: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-yellow-100: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-yellow-150: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-yellow-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Brown */
--bg-color-brown--hsl: 29.43deg 45.30%;
--bg-color-brown--hsl-alpha: 22.94%;
--bg-color-brown-50: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-brown-100: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-brown-150: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-brown-subtle: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Blue */
--bg-color-blue--hsl: 210.79deg 55.07%;
--bg-color-blue--hsl-alpha: 27.06%;
--bg-color-blue-50: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-blue-100: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-blue-150: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-blue-subtle: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Sky Blue */
--bg-color-sky-blue--hsl: 211.11deg 54.36%;
--bg-color-sky-blue--hsl-alpha: 29.22%;
--bg-color-sky-blue-50: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-sky-blue-100: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-sky-blue-150: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-sky-blue-subtle: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Turquoise */
--bg-color-turquoise--hsl: 185.05deg 95.96%;
--bg-color-turquoise--hsl-alpha: 19.41%;
--bg-color-turquoise-50: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-turquoise-150: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Azure */
--bg-color-azure--hsl: 195.29deg 100.00%;
--bg-color-azure--hsl-alpha: 20.00%;
--bg-color-azure-50: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-azure-100: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-azure-150: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-azure-subtle: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Purple */
--bg-color-purple--hsl: 273.95deg 55.07%;
--bg-color-purple--hsl-alpha: 27.06%;
--bg-color-purple-50: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-purple-100: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-purple-150: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-purple-subtle: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Violet */
--bg-color-violet--hsl: 266.57deg 53.03%;
--bg-color-violet--hsl-alpha: 25.88%;
--bg-color-violet-50: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-violet-100: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-violet-150: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-violet-subtle: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pink */
--bg-color-pink--hsl: 313deg 48%;
--bg-color-pink--hsl-alpha: 33%;
--bg-color-pink-50: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pink-100: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pink-150: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pink-subtle: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Green */
--bg-color-green--hsl: 124.55deg 48.53%;
--bg-color-green--hsl-alpha: 26.67%;
--bg-color-green-50: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-green-100: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-green-150: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-green-subtle: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Emerald */
--bg-color-emerald--hsl: 155.00deg 94.12%;
--bg-color-emerald--hsl-alpha: 20.00%;
--bg-color-emerald-50: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-emerald-100: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-emerald-150: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-emerald-subtle: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Red */
--bg-color-pastel-red--hsl: 351.21deg 66.67%;
--bg-color-pastel-red--hsl-alpha: 34.12%;
--bg-color-pastel-red-50: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-red-150: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-red-subtle: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Blue */
--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
--bg-color-pastel-blue--hsl-alpha: 38.63%;
--bg-color-pastel-blue-50: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-blue-150: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-blue-subtle: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Skyblue */
--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
--bg-color-pastel-skyblue--hsl-alpha: 28.63%;
--bg-color-pastel-skyblue-50: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-skyblue-150: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-skyblue-subtle: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Magenta */
--bg-color-pastel-magenta--hsl: 309.35deg 44.51%;
--bg-color-pastel-magenta--hsl-alpha: 33.92%;
--bg-color-pastel-magenta-50: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-magenta-150: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-magenta-subtle: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Lime */
--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
--bg-color-pastel-lime--hsl-alpha: 34.90%;
--bg-color-pastel-lime-50: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-lime-150: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-lime-subtle: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Turquoise */
--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
--bg-color-pastel-turquoise--hsl-alpha: 31.57%;
--bg-color-pastel-turquoise-50: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-turquoise-150: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Grey */
--bg-color-pastel-grey--hsl: 45.00deg 5.41%;
--bg-color-pastel-grey--hsl-alpha: 43.53%;
--bg-color-pastel-grey-50: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Pastel Orange */
--bg-color-pastel-orange--hsl: 15.43deg 54.40%;
--bg-color-pastel-orange--hsl-alpha: 37.84%;
--bg-color-pastel-orange-50: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-orange-100: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-orange-150: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-orange-subtle: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/*== Палитра цветов текста ==*/
--text-color-red: #c52626;
--text-color-dark-red: #a50a0b;
--text-color-indian-red: indianred;
--text-color-crimson: crimson;
--text-color-carmine: #bd3759;
--text-color-dark-salmon: darksalmon;
--text-color-green: #269335;
--text-color-lime: #46b146;
--text-color-turquoise: #189d80;
--text-color-yellow: #dbdb11;
--text-color-dark-yellow: #a4a400;
--text-color-gold: #c7a226;
--text-color-orange: #df9100;
--text-color-orangered: #dd3d02;
--text-color-pink: #cd6dca;
--text-color-blue: #1c86ed;
--text-color-sky-blue: #3d78d1;
--text-color-aquamarine: #69d2d7;
--text-color-violet: #7e31cf;
--text-color-silver: #a9a9a9;
--text-color-moccasin: #D2B48C;
/*==========
Стили Вики
==========*/
/*== Тени ==*/
--box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
--box-shadow-medium: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
--box-shadow-high: 0 5px 5px 1px rgba(0, 0, 0, 0.2);
--box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
--box-shadow-inset-medium: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
--box-shadow-inset-high: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2);
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
/*== Закругление границ ==*/
--border-radius-low: 0.2em;
--border-radius-medium: 0.3em;
--border-radius-high: 0.4em;
/*== Иконки svg ==*/
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E");
/*==========
Палитра темы Вики
==========*/
--theme-color-lighter--rgb: 221, 221, 255;
--theme-color-alpha-x: rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
--theme-color-darkened--rgb: 33, 33, 38;
/*== Цвет текста ==*/
--theme-text-color: var(--ooui--text-color);
--theme-text-color-light: var(--ooui--text-color-light);
--theme-text-color-dark: var(--ooui--text-color-dark);
--theme-text-color-header: var(--ooui--text-color-header);
/*== Цвет фона ==*/
--theme-bg--hsl: 240deg 9.5%;
--theme-bg--hsl-alpha: 13.53%;
--theme-bg-color-base: #19191c;
--theme-bg-color-50: #1f1f24;
--theme-bg-color-100: #202025;
--theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 2%));
--theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 4.5%));
--theme-bg-color-300: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 6%));
--theme-bg-color-400: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 9%));
--theme-bg--rgba: 51, 51, 63;
--theme-bg-light--rgba: 61, 61, 73;
--theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-color-300), var(--theme-bg-color-250));
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-400), var(--theme-bg-color-250));
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-250) 0%, var(--theme-bg-color-400) 50%, var(--theme-bg-color-250) 100%);
/*== Цвет границ ==*/
--theme-border-color-base: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 11%));
--theme-border-color-100: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 13%));
--theme-border-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 17%));
/*== Цвет иконок svg ==*/
--theme-icon-color: var(--theme-text-color);
/*==========
Палитра UI Вики
==========*/
/*== Цвет текста ==*/
--ooui--text-color: #dbdbdb;
--ooui--text-color-light: white;
--ooui--text-color-dark: #72777d;
--ooui--text-color-header: #dddddd;
/*== Цвет фона ==*/
--ooui-bg--hsl: 240deg 8.14%;
--ooui-bg--hsl-alpha: 16.47%;
--ooui--bg-color: hsl(var(--ooui-bg--hsl) var(--ooui-bg--hsl-alpha));
--ooui--bg-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 2%));
--ooui--bg-color-dark: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - 1.5%));
--ooui--bg-color-darkened: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - 4%));
--ooui--bg-color--hover: #ddddff06;
/* Градиент */
--ooui--gradient: linear-gradient(120deg, var(--ooui--bg-color-light), var(--ooui--bg-color-dark));
--ooui--gradient-light: linear-gradient(120deg, #353540, var(--ooui--bg-color));
/*== Цвет границ ==*/
--ooui--border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 5%));
--ooui--border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 7%));
--ooui--border-color-lighter: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 10%));
}
/* ============ */
/* #region Шрифты */
/* ============ */
@font-face {
font-family: 'Noto Sans Light';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRPQ_m87A.woff2) format('woff2');
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
font-family: 'Noto Sans Light';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRGQ_m87A.woff2) format('woff2');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: 'Noto Sans Light';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRMQ_m87A.woff2) format('woff2');
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: 'Noto Sans Light';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRCQ_k.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200 700;
src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200 700;
src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Boxfont Round';
src: url(/assets/fonts/boxfont-round/f3507eaadc95584e7358703d74e793ea/324a92fc76117885a667ae8af2be25ab/BoxfontRoundRegular.ttf) format('truetype');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'noto sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Regular.woff) format('woff')
}
@font-face {
font-family: 'noto sans';
font-style: italic;
font-weight: 400;
src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Italic.woff) format('woff')
}
@font-face {
font-family: 'noto sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Bold.woff) format('woff')
}
@font-face {
font-family: 'noto sans';
font-style: italic;
font-weight: 700;
src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-BoldItalic.woff) format('woff')
}
@font-face {
font-family: 'Noto Sans Symbols';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QA_9Edkw.woff2) format('woff2');
unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F10C,U+1F110-1F16C,U+1F170-1F190,U+1F19B-1F1AC,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F321-1F32C,U+1F336,U+1F378,U+1F37D,U+1F393-1F39F,U+1F3A7,U+1F3AC-1F3AE,U+1F3C2,U+1F3C4,U+1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4DA,U+1F4DF,U+1F4E4-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50A,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F579,U+1F57B-1F594,U+1F597-1F5A3,U+1F5A5-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CB,U+1F6CD-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8B1,U+1F93B,U+1F946,U+1FA00-1FA6F,U+1FA70-1FA74,U+1FA78-1FA7A,U+1FA80-1FA86,U+1FA90-1FAA8,U+1FAB0-1FAB6,U+1FAC0-1FAC2,U+1FAD0-1FAD6,U+1FB00-1FBFF
}
@font-face {
font-family: 'Noto Sans Symbols';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QY_9Edkw.woff2) format('woff2');
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: 'Noto Sans Symbols';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8Qbf9E.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}
/* #endregion */
/* ============ */
/* #region Теги */
/* ============ */
cite,dfn {
font-style: inherit;
}
q {
quotes: '«' '»' "„" "“";
}
code, code.mw-highlight,
.code,
.tdg-templateDataParamWidget-param-alias:first-child {
border-radius: 2px;
padding: 1px 4px;
background: var(--bg-color-code);
border: 1px solid var(--border-color-code);
color: var(--theme-text-color);
}
.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
}
pre {
overflow: auto;
white-space: pre-wrap;
background: var(--bg-color-code-light);
border: 1px solid var(--border-color-code-light);
padding: 0.5em;
color: var(--theme-text-color);
font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
}
blockquote {
background: var(--theme-bg-color-100);
border-left: 4px solid var(--theme-bg-color-200);
padding: 8px 32px;
overflow: hidden;
box-shadow: var(--box-shadow);
border-radius: var(--border-radius-low);
}
@media screen and (max-width: 850px) {
blockquote {
margin-inline-start: 10px;
margin-inline-end: 10px;
padding: 6px 24px;
}
}
small {
font-size: 85%
}
li {
margin-top: 2px;
}
input[type="button"] {
background: var(--ooui--bg-color);
border: 1px solid var(--ooui--border-color);
color: var(--ooui--text-color);
}
/*основные изображения - пиксельные. Для остальных нужно использовать класс noSprite*/
img {
image-rendering: pixelated;
}
/*Для непиксельных изображений*/
.mw-body-content .noSprite img {
image-rendering: auto !important;
height: auto !important;
max-width: 100% !important;
}
.mw-body-content a > img, .mw-body-content .floatnone > img {
max-width: unset !important;
}
hr {
border-bottom-width: 0px;
border-color: var(--theme-border-color-200);
}
footer,#footer-info-lastmod,#footer-info-copyright {
color: var(--ooui--text-color)
}
p,h1,h2,h3,h4,h5,h6,li {
color: var(--ooui--text-color)
}
p {
margin: 0.5em 0;
}
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: var(--text-color-link);
}
a.current {
color: lightgray;
}
a.label {
color: lightgray;
}
a:hover,a:visited:hover {
color: var(--ooui--text-color-light)
}
a.option {
background: var(--ooui--bg-color);
color: lightgray;
border: 1px solid var(--ooui--border-color);
}
/* #endregion */
/* ============ */
/* #region Классы */
/* ============ */
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
#scroll-top {
display: none;
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;
}
#scroll-top:hover {
opacity: 0.8;
}
@media screen and (max-width: 850px) {
#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;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
.tools-inline li:hover {
border-bottom-width: 2px;
}
.tools-inline li.selected {
background: transparent !important;
border-bottom-width: 2px;
}
#mw-indicator-mw-helplink a {
background-image: none;
}
.mw-body-content sub,.mw-body-content sup,span.reference {
font-size: 80%
}
.mw-body h1.firstHeading {
border-color: var(--color-contrast);
}
#mw-content-block #catlinks {
background: var(--theme-bg-color-100);
}
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em
}
#interwiki-completelist {
font-weight: bold
}
.biglink {
font-family: "Oswald";
font-style: oblique 10deg;
font-variant-caps: small-caps;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
display: none
}
.mw-rcfilters-enabled .mw-specialpage-summary {
margin-top: 1em
}
.citation:target {
background: rgba(0, 127, 255, 0.133)
}
.citation {
word-wrap: break-word
}
ol.references {
font-size: 90%;
margin-bottom: 0.5em
}
.hlist dl,.hlist ol,.hlist ul {
margin: 0;
padding: 0
}
.hlist dd,.hlist dt,.hlist li {
margin: 0;
display: inline
}
.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
display: inline
}
.hlist .mw-empty-li {
display: none
}
.hlist dt:after {
content: ":"
}
.hlist dd:after,.hlist li:after {
content: " · ";
font-weight: bold
}
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
content: none
}
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
content: " (";
font-weight: normal
}
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
content: ")";
font-weight: normal
}
.hlist ol {
counter-reset: listitem
}
.hlist ol>li {
counter-increment: listitem
}
.hlist ol>li:before {
content: " " counter(listitem) "\a0"
}
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
content: " (" counter(listitem) "\a0"
}
.plainlist ol,.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0
}
.plainlist ol li,.plainlist ul li {
margin-bottom: 0
}
@media (max-width: 800px) {
.grid-adaptive {
grid-template-columns: 1fr !important;
}
}
.grid-item-adaptive {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
.grid-small-item-adaptive {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.grid-item-compressed {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
.grid-item-compressed {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
.link-card__flex-container {
display: flex;
gap: 10px;
justify-content: center;
flex-grow: 1;
align-items: flex-start;
flex-wrap: wrap;
align-content: center;
}
@media (max-width: 800px) {
.link-card__flex-container {
gap: 8px;
}
}
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
.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;
padding: 0;
}
.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%);
}
/* Уменьшеная полоса прокрутки */
.short-scrollbar::-webkit-scrollbar {
width: 10px;
}
.short-scrollbar::-webkit-scrollbar-track {
background: var(--ooui--bg-color-light);
}
.short-scrollbar::-webkit-scrollbar-thumb {
background: #44444d; border: 2px solid var(--ooui--bg-color-light); border-radius: 0;
}
/* Для для динамичного вида кнопки "[развернуть]" */
.collapsible-absolute .mw-collapsible-toggle {
position: absolute;
left: 0;
right: 0;
}
/* #endregion */
/* ============ */
/* #region Шаблоны */
/* ============ */
/*=== Навигационный шаблон ===*/
/* Default style for navigation boxes */
.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 {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
text-align: center;
}
.navbox-title {
position: relative;
line-height: 1.6em; /* Standard 1.6em for title */
border-bottom: 2px solid var(--color-darkened-border);
border-radius: var(--border-radius-low);
border-top: 1px solid rgba(var(--color-lighter--rgb), 0.07);
border-bottom: 2px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
/* cell spacing for navbox cells */
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);
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: left;
}
.navbox th,
.navbox-title {
background: var(--color-contrast2); /* Level title color */
}
.navbox,
.navbox-subgroup {
background: var(--theme-bg-color-100); /* Level 1 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: var(--theme-bg-color-250); /* Level 2 color */
border-right: 1px solid var(--theme-bg-color-200);
border-bottom: 1px solid var(--theme-bg-color-200);
border-top: none;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: var(--theme-bg-color-300); /* Level 3 color */
}
.navbox-even {
background: transparent; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 1px 0 0; /* Adjust hlist padding in navboxes */
}
.navbox .navbox {
margin-top: 0; /* No top margin for nested navboxes */
}
.navbox + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.navbox td:not(:has(table)), .navbox ul {
background: var(--theme-bg-color-200);
padding: 4px 2px !important;
}
@media screen and (max-width: 650px) {
th.navbox-group {
white-space: unset;
}
}
/* КОНЕЦ */
/* #endregion */
/* ============ */
/* #region Модули */
/* ============ */
/*=== Модуль:Краткий вызов ===*/
.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;
}
.shortcut-2 {
line-height: 1.25em;
font-weight: bold;
vertical-align: middle;
}
/* #endregion */
/* ============ */
/* #region Расширение */
/* ============ */
/*=== CodeMirror ===*/
.CodeMirror {
height: 600px;
position: relative;
overflow: hidden;
background: var(--theme-bg-color-base);
color: inherit;
}
.CodeMirror-gutters {
border-right: 1px solid var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
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;
}
/*=== Расширение:Popups ===*/
/* Всплывающие окна */
.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);
}
.mwe-popups img {
image-rendering: auto;
}
.mwe-popups .mwe-popups-container {
background: var(--ooui--gradient-light);
}
.mwe-popups .mwe-popups-extract {
color: #dddddd;
}
.mwe-popups .mwe-popups-extract:hover {
color: #e8e8e8;
}
.mwe-popups .mwe-popups-extract[dir='ltr']::after {
background: linear-gradient(90deg, #ffffff00 0%, #2a2a3387 50%);
}
.mwe-popups .mwe-popups-extract[dir='rtl']::after {
background: linear-gradient(90deg, #2a2a3387 50%, #ffffff00 0%);
}
/* Настройки */
.mwe-popups-overlay {
background: rgba(0, 0, 0, 0.6);
}
#mwe-popups-settings {
border: 1px solid #41414d;
background: #27272f;
}
#mwe-popups-settings header {
border-bottom: 1px solid #41414d;
}
#mwe-popups-settings main#mwe-popups-settings-form p {
color: lightgray;
}
#mwe-popups-settings main#mwe-popups-settings-form form label > span {
color: #dddddd;
}
/*=== Расширение:InputBox ===*/
.mw-ui-input {
background: var(--ooui--bg-color);
color: var(--ooui--text-color-light);
}
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
border-radius: var(--border-radius-low);
border-color: var(--ooui--border-color);
}
.mw-ui-input:hover {
border-color: var(--ooui--border-color-light);
}
/*=== Расширение:SyntaxHighlight ===*/
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
background: var(--theme-bg-color-50);
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 {
color: var(--ooui--text-color-dark);
}
/* #endregion */
/* ============ */
/* #region Основной интерфейс пользователя */
/* ============ */
/*=== Страница ===*/
/* Заголовок */
.mw-body h1.firstHeading {
border-width: 3px;
}
/* Содержание */
.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 rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
}
@media screen and (max-width: 850px) {
.mw-body {
padding: 6px;
}
}
/* Категории */
#content-bottom-stuff .catlinks {
margin-top: 6px;
border-radius: var(--border-radius-low);
border: none;
box-shadow: var(--box-shadow-outline);
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
}
/*=== Заглавный поисковик ===*/
/* Выдвижной блок */
.suggestions {
box-shadow: var(--box-shadow-high);
border-radius: 0 0 0.3em 0.3em;
background: var(--theme-bg-color-50);
border: 1px solid var(--ooui--border-color);
border-top: 2px solid var(--color-contrast);
padding-top: 4px;
}
.suggestions .suggestions-results, /* Блок страниц */
.suggestions .suggestions-special /* Блок поиска страниц, содержащих введённый текст */ {
border-radius: 0.4em;
margin: 0.5em;
background: var(--ooui--bg-color);
border: 1px outset rgb(0 0 0 / 20%);
}
/* Страницы */
.suggestions .suggestions-result {
color: var(--ooui--text-color-light);
margin: 6px;
}
/* Если пустой */
.suggestions .suggestions-results:empty {
display: none;
}
.suggestions-special .special-label {
color: lightgray;
}
.suggestions-special .special-query {
color: var(--ooui--text-color-light);
}
/* Подсветка при наведении */
.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);
}
/* Общие стили */
.suggestions .suggestions-result,
.suggestions .suggestions-special {
padding: 0.5em 0.5em 0.35em;
}
/*=== Боковая панель ===*/
/* Основной блок */
#mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody {
margin: 1.5em 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
/* Блок навигации */
@media (min-width: 1100px) {
#mw-related-navigation {
margin-top: 0;
}
}
/* Блоки */
@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);
}
}
@media screen and (min-width: 1340px) {
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
margin-bottom: 1em;
}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
#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 {
margin-bottom: 1em;
}
}
/* Заголовок */
@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 rgba(var(--theme-color-lighter--rgb), var(--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;
}
}
/* Содержание */
@media (min-width: 1100px) {
#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-50);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
}
}
/* Для телефонов */
@media screen and (max-width: 850px) {
.sidebar-inner, .dropdown {
padding: 1em 2em;
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
}
}
@media screen and (max-width: 850px) {
#mw-content-block {
background: var(--theme-bg-color-100);
}
}
/*=== Чекбоксы ===*/
/* При нажатии */
.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;
}
/* В фокусе */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
box-shadow: none;
}
/* #endregion */
/* ============ */
/* #region Интерфейс MediaWiki */
/* ============ */
/* invert(0) */
.tools-inline .selected span {
filter: var(--invert-0);
}
.oo-ui-image-progressive {
filter: var(--invert-0) !important;
}
/* invert(1) */
.wikiEditor-ui-toolbar .page-characters div span,
.shortcut-1 > span > span > img,
.tools-inline li:not(.selected) a,
.tools-inline li.selected a,
#personal h2, #site-tools h2, #site-navigation h2, #searchButton,
#personal h2 span,
.dropdown-toggle:after,
.mw-editsection,
.mw-editsection a,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-icon-template-format-block.oo-ui-image-invert{
filter: var(--invert-100);
}
.tools-inline li.selected span {
filter: var(--invert-100);
color: var(--ooui--text-color);
font-weight: bold;
}
.tools-inline span {
filter: var(--invert-100);
margin-left: 2px;
font-size: 15px;
font-family: "noto sans";
}
/* invert(0.75) */
.wikiEditor-ui-toolbar .group .tool-select .label:after,
.wikiEditor-ui-toolbar .tabs span.tab a:before,
.oo-ui-icon-menu,
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert),
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-input > .oo-ui-icon-menu,
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator,
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
.oo-ui-iconElement-icon.oo-ui-icon-search,
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before,
.oo-ui-icon-template-format-block,
.oo-ui-icon-template-format-inline,
.oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-indicatorElement-indicator,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.mw-special-Contribute .mw-contribute-card-icon--article {
filter: var(--invert-75);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon {
filter: var(--invert-75) !important;
}
/* invert(0.5) */
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator,
.mw-enhancedchanges-arrow-space,
#mw-indicator-mw-helplink a .mw-helplink-icon {
filter: var(--invert-50);
}
/* Простые стили с bg */
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.mw-prefs-buttons,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background: var(--ooui--bg-color);
}
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ace_mobile-button:active,
.ace_mobile-button:hover,
.ace_searchbtn:hover {
background: var(--ooui--bg-color-dark);
}
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.mw-special-Contribute .mw-contribute-tabs-content {
background: var(--ooui--bg-color-darkened);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
#ca-nstab-special.selected.mw-list-item,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line,
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered {
background: var(--ooui--bg-color-light);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-highlight .hll,
.ace_button:hover:not(.checked),
.ace_button:active {
background: var(--ooui--bg-color--hover);
}
.mw-apisandbox-toolbar,
form:not(.oo-ui-layout) fieldset {
background: transparent;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background: var(--ooui--bg-color--hover) !important;
}
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete {
background: var(--bg-color-message);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
border-color: var(--border-color-message-subtle);
}
.wikiEditor-ui-text {
background: var(--theme-bg-color-base);
}
.ext-WikiEditor-ResizingDragBar {
background: var(--theme-bg-color-100);
}
.ext-WikiEditor-ResizingDragBar span {
background: var(--ooui--border-color);
}
.oo-ui-windowManager-modal > .oo-ui-dialog,
.oo-ui-processDialog-errors {
background: rgba(0, 0, 0, var(--alpha-m));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background: var(--ooui--bg-color);
color: var(--ooui--text-color-light);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
background: var(--ooui--bg-color-light);
color: var(--ooui--text-color-light) !important;
}
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results {
background: var(--ooui--bg-color-darkened);
color: var(--ooui--text-color);
}
/* Простые стили с border */
.wikiEditor-ui .wikiEditor-ui-top,
.ext-WikiEditor-ResizingDragBar-ns,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-apisandbox-help-field {
border-color: var(--ooui--border-color);
}
.ace_searchbtn:last-child,
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--ooui--border-color-light);
}
.wikiEditor-ui-toolbar .group {
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color-light);
}
.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
.mw-revslider-revision-border-box,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.mw-rcfilters-ui-datePopupWidget,
.oo-ui-searchWidget-query,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.ext-replacetext-searchoptions .ext-replacetext-divider {
border-color: var(--ooui--border-color-lighter);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
border-bottom-color: var(--ooui--border-color-light);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
border-bottom-color: var(--ooui--bg-color-light);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--ooui--border-color-light);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--ooui--bg-color-light);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
border-color: var(--border-color-warning);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
border-color: var(--border-color-message);
}
/* Простые стили с bg + border */
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
color: var(--ooui--text-color);
}
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color);
}
.mw-revslider-revision {
background: var(--ooui--border-color);
border-color: var(--ooui--border-color-lighter);
}
.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
background: var(--ooui--bg-color-dark);
border-color: var(--ooui--border-color-light);
}
.oo-ui-searchWidget-query {
background: var(--ooui--bg-color-darkened);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color);
}
.ace_editor.ace_autocomplete {
background: var(--ooui--bg-color-dark);
border-color: var(--ooui--border-color);
color: var(--ooui--text-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border-color: var(--ooui--bg-color);
background: var(--ooui--bg-color);
}
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision {
background: var(--ooui--bg-color-light);
border-color: var(--ooui--border-color);
}
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box {
background: var(--ooui--bg-color-light);
border-color: var(--ooui--border-color-light);
}
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
border-color: var(--ooui--border-color);
background: var(--ooui--border-color);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background: var(--bg-color-message);
border-color: var(--border-color-message);
}
.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background: var(--bg-color-warning);
border-color: var(--border-color-warning);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background: var(--bg-color-notice);
border-color: var(--border-color-notice);
}
.cdx-message--error,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background: var(--bg-color-error);
border-color: var(--border-color-error);
}
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
border-color: transparent;
border-right-color: var(--ooui--border-color);
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-color: transparent;
border-left-color: var(--ooui--border-color);
}
.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background: var(--ooui--bg-color-dark);
border-color: var(--ooui--border-color-light);
color: lightgray;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
background-color: var(--ooui--bg-color-dark);
border: 1px solid var(--ooui--border-color-lighter);
}
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
background: var(--ooui--bg-color);
border: 1px solid var(--ooui--border-color-light);
margin: 0.35em 0.2em 0.25em 0;
}
.ace_optionsMenuEntry button {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
box-shadow: var(--box-shadow-inset-high);
}
.ace_optionsMenuEntry button[ace_selected_button=true] {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
box-shadow: var(--box-shadow-inset-high);
}
#ace_settingsmenu, #kbshortcutmenu {
background: var(--ooui--bg-color-darkened);
box-shadow: var(--box-shadow-high);
color: lightgray;
}
/* Простые стили с color */
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor,
.cdx-message,
.mw-message-box,
.wikiEditor-ui-toolbar .booklet > .index,
.ace_searchbtn.prev:after,
.ace_searchbtn.next:after,
.wikiEditor-ui-toolbar .group .tool-select .label,
.mw-special-Contribute .mw-contribute-card-content,
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--ooui--text-color);
}
.oo-ui-processDialog-errors-title {
color: var(--ooui--text-color-light);
}
#contentSub,
.mw-templatedata-doc-muted,
.mw-templatedata-doc-param-alias,
.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--ooui--text-color-dark);
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.mw-special-Contribute .mw-contribute-card-action {
color: var(--text-color-link);
}
/* Стили с color-contrast */
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
.mw-portlet-body #ca-move.selected {
background: var(--color-contrast2-dark);
}
.ace_searchbtn_close:hover,
.ext-WikiEditor-ResizingDragBar:hover span,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
background: var(--color-contrast-dark);
}
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
color: var(--ooui--text-color-light);
}
/* Сложные стили */
.mw-footer .footer-icons a {
background: var(--theme-bg-color-50);
border: 1px solid var(--ooui--border-color);
padding-right: 15px;
padding-left: 15px;
min-height: 44px;
display: inline-flex;
align-items: center;
}
#footer-poweredbyico a {
background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a);
background-position: 50% 50%;
background-size: 88px 31px;
background-repeat: no-repeat;
}
#footer-poweredbyico a img {
visibility: hidden;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background: var(--ooui--bg-color-dark);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color);
border-radius: var(--border-radius-medium);
}
.wikiEditor-ui-toolbar {
background: var(--ooui--bg-color);
box-shadow: var(--box-shadow-medium);
color: var(--ooui--text-color-light);
}
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, #personal .dropdown,
.mw-notification {
background: var(--ooui--bg-color-dark);
border-color: var(--ooui--border-color);
color: var(--ooui--text-color);
box-shadow: var(--box-shadow-medium);
}
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded {
background: var(--ooui--bg-color-darkened);
border-color: var(--ooui--border-color);
border-radius: var(--border-radius-low);
}
.ace_search {
background: var(--theme-bg-color-100);
color: var(--ooui--text-color);
border-color: var(--ooui--border-color-light);
padding: 6px 4px 2px 4px;
}
.ace_search_field {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color);
margin: 0 2px 0 0 !important;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color-light);
text-shadow: none;
}
/* Остальное */
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
border-color: var(--color-contrast);
background: var(--ooui--bg-color-light);
border-width: 2px;
}
.ace_search_form.ace_nomatch {
outline: 1px solid #922626
}
.wikiEditor-ui-toolbar .section-secondary .group.empty {
display: none;
}
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
top: 2px;
}
/* #endregion */
/* ============ */
/* #region Неотсортированные */
/* ============ */
.mw-parser-output .mw-collapsible-toggle {
position: relative;
font-weight: normal;
text-align: right;
top: 0;
right: 0;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
float: left;
text-align: left
}
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--text-color-link);
}
.mw-collapsible-toggle-default .mw-collapsible-text:hover {
color: var(--text-color-link);
}
.mw-collapsible-toggle-default .mw-collapsible-text:active {
color: var(--text-color-link);
}
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
text-align: left
}
.wikitable td ul,.wikitable td ol,.wikitable td dl {
text-align: left
}
table.mw-hiero-table td {
vertical-align: middle
}
.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
padding-right: 18px
}
div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box
}
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background: #fef6e7
}
.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 var(--ooui--border-color)
}
.thumbinner .thumbimage,.thumbborder {
border: solid 1px var(--ooui--border-color)
}
#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: #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: var(--theme-bg-color-base);
color: var(--ooui--text-color);
border: var(--theme-bg-color-base)
}
.mediawiki, .mw-page-container {
background: var(--theme-bg-color-base);
color: var(--ooui--text-color);
border: var(--theme-bg-color-base)
}
#mw-panel {
background: var(--theme-bg-color-base);
color: var(--ooui--text-color);
border: var(--theme-bg-color-base)
}
#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
background: var(--theme-bg-color-base);
color: var(--ooui--text-color);
border: var(--theme-bg-color-base)
}
.mw-code {
background: var(--theme-bg-color-100);
color: var(--ooui--text-color)
}
.wikiEditor-ui-toolbar .group .tool-select .options {
border: none;
}
.wikiEditor-ui-toolbar .sections .section {
border-color: var(--ooui--border-color-light);
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--ooui--text-color);
}
.wikiEditor-ui-toolbar .page-table td {
color: var(--ooui--text-color);
}
.oo-ui-indicatorElement-indicator {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
min-width: 12px;
width: 0.8571429em;
min-height: 12px;
height: 100%;
}
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: var(--text-color-link-external)
}
.vector-menu-tabs li {
background: var(--theme-bg-color-100)
}
#p-logo-text a {
color: var(--ooui--text-color);
}
#ca-nstab-mediawiki.a {
color: var(--ooui--text-color);
}
#mw-changeslist-links {
background: var(--theme-bg-color-100);
color: var(--ooui--text-color);
}
#simpleSearch {
background: var(--ooui--bg-color);
border: 1px solid var(--ooui--border-color);
color: var(--ooui--text-color);
border-radius: var(--border-radius-low);
}
#searchInput {
color: var(--ooui--text-color-light)
}
#pt-createaccount {
visibility: hidden;
display: none
}
@media screen and (min-width: 851px) {
#personal .dropdown:before, #personal .dropdown:after {
border-bottom: 10px solid var(--ooui--border-color-light);
}
}
@media screen and (min-width: 851px) {
#personal .dropdown:after {
border-bottom: 10px solid var(--ooui--bg-color-dark);
}
}
.vector-menu-tabs .selected {
background: var(--theme-bg-color-base)
}
#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 {
background-color: var(--theme-bg-color-100);
color: var(--theme-text-color);
margin: 1em 0;
border: 1px solid var(--theme-bg-color-300);
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;
padding: 0.4em 0.5em;
}
.wikitable>*>tr>th {
background: var(--theme-bg-color-300);
}
.wikitable>*>tr>td {
background: var(--theme-bg-color-250);
}
/* Закругление верхнего левого угла первой ячейки */
.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: var(--border-radius-low);
}
/* Закругление верхнего правого угла последней ячейки */
.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: var(--border-radius-low);
}
/* Закругление нижнего левого угла первой ячейки последнего ряда
.wikitable tbody tr:last-child th:first-child,
.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;
}
}
/* КОНЕЦ */
@media screen and (max-width: 850px) {
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
width: 32px;
height: 32px;
}
*: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) {
.mw-parser-output table {
display: table-cell;
overflow: auto;
max-width: 100%;
}
}
ul#filetoc, .toc, .toccolours, .mw-warning {
border-radius: 0.5em;
background: var(--theme-bg-color-200);
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 * {
box-sizing: border-box;
}
.toc .toctitle {
font-size: 0.95em;
padding: 0 8px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
text-align: left;
border: none;
}
.toc .toctitle h2 {
font-size: 1.1em;
font-weight: bold;
display: flex;
align-items: center;
}
.toc .toctitle h2::before {
content: "";
display: block;
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;
-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);
margin: 0 6px 0 0;
}
.toc .toctogglelabel {
position: absolute;
width: 100%;
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,
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
content: "";
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 {
transform: none;
}
.toc > ul {
margin: 6px 0 0 0;
border-top: 1px solid var(--theme-border-color-base);
padding-top: 2px;
}
#searchInput:focus {
outline: 2px solid var(--color-contrast);
}
.toctogglecheckbox:focus + .toctitle .toctogglelabel {
outline: none;
}
.mw-content-ltr .tocnumber {
color: grey
}
.quickbox {
border: 1px solid var(--ooui--border-color);
background: var(--ooui--bg-color);
}
.quickboxhead {
border-bottom: 1px solid var(--ooui--border-color);
background: var(--theme-bg-color-base);
text-align: center
}
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
margin: 0;
}
.results-info {
color: var(--ooui--text-color-dark);
}
.mw-search-result-data {
color: var(--ooui--text-color-dark);
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
font-size: 14px;
}
.mw-rcfilters-ui-filterWrapperWidget-bottom {
gap: 4px;
}
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
padding: 0.6em;
border: 1px solid var(--ooui--border-color);
}
.mw-changeslist-legend {
max-width: 300px;
}
.mw-changeslist-legend {
display: none;
}
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend {
display: block;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: lightgray;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--ooui--bg-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
color: var(--ooui--text-color-light);
border-radius: 0.4em 0.4em 0 0;
}
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: var(--ooui--text-color-dark);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
background: var(--ooui--border-color-light);
border: 1px solid var(--color-contrast);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background: var(--color-contrast-dark);
border-color: var(--color-contrast-dark);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
border-color: var(--color-contrast);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
color: var(--ooui--text-color-light);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
color: var(--ooui--text-color-light);
}
.tdg-templateDataParamWidget-param-description {
color: var(--ooui--text-color-dark);
}
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
}
.mw-revslider-container {
border-color: var(--ooui--border-color-light);
}
.mw-revslider-slider-wrapper {
border-color: var(--ooui--border-color-light);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color-light);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
color: var(--ooui--text-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast-dark);
}
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
outline-color: var(--ooui--border-color);
background: var(--ooui--bg-color);
}
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
background: transparent;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background: transparent;
}
.mw-templateData-template-map-list-menu-panel {
border-color: var(--ooui--border-color);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background: var(--color-contrast2-dark);
color: var(--ooui--text-color-light);
}
.mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel {
display: flex;
align-items: center;
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
border-radius: 0;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-ui-highlights > div {
margin-right: 8px;
}
.oo-ui-popupWidget-popup {
background: var(--ooui--bg-color-light);
border-color: var(--ooui--border-color-light);
color: lightgray;
}
.oo-ui-menuSelectWidget {
border-color: var(--ooui--border-color);
background: var(--ooui--gradient);
box-shadow: var(--box-shadow);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background: var(--ooui--border-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background: var(--ooui--bg-color--hover);
outline: 1px solid var(--ooui--border-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background: var(--color-contrast2-dark) !important;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
border-color: var(--ooui--border-color);
color: var(--ooui--text-color);
transition: all 0.01s;
cursor: pointer;
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--ooui--text-color);
cursor: pointer;
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--ooui--text-color-dark);
cursor: pointer;
}
.mw-rcfilters-ui-menuSelectWidget-footer {
border-color: var(--ooui--border-color);
background: var(--ooui--bg-color);
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: var(--ooui--text-color);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background: transparent;
}
.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
font-size: 0.9em;
}
.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-dropdownWidget-handle, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-tagMultiselectWidget-handle {
margin: 0;
}
.oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
margin: 0.5em 0;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
color: var(--ooui--text-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
opacity: 0.87;
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
box-shadow: none;
}
.mw-widget-dateInputWidget-calendar {
border-color: var(--ooui--border-color);
background: var(--ooui--gradient);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: var(--ooui--border-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
border-radius: var(--border-radius-low);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
font-weight: bold;
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast-dark);
color: var(--ooui--text-color-light);
}
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast2-dark);
transition: all 0.01s;
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
display: flex;
align-items: center;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--ooui--text-color);
}
.mw-widget-calendarWidget-day-heading {
color: lightgray;
}
.mw-widget-calendarWidget-day {
color: lightgray;
}
.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: var(--ooui--text-color);
}
.mw-editform #wpTextbox1, textarea {
background: var(--theme-bg-color-base);
border: none;
color: lightgray;
}
.group.group-search {
border: none;
}
.editOptions,.mw-editform .editOptions {
background: var(--theme-bg-color-100);
border: 1px solid var(--ooui--border-color-light);
border-top: none;
color: var(--ooui--text-color-light);
}
.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text {
background: var(--ooui--border-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--ooui--text-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
padding-right: 0.3em;
padding-left: 0.3em;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--ooui--border-color);
padding: 0;
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
min-height: 2.5em;
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--ooui--text-color-dark);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--ooui--border-color);
display: flex;
align-items: center;
padding: 0;
gap: 2px;
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
border-radius: 0.4em 0.4em 0 0;
}
@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 dd {
margin: 0.2em;
margin-left: 1.6em
}
/* Стили для блока */
.tabs-tabbox, .tabs-togglebox {
display: flow-root;
}
/* Стили для активных вкладок */
.tabs-tabbox > .tabs-input:checked + .tabs-label,
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background: var(--theme-bg-color-250);
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-xs));
border-bottom: 1px solid var(--color-contrast);
z-index: 2;
}
/* Стили для стили для вкладок */
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
margin: 0;
}
.tabs-tabbox > .tabs-label {
cursor: pointer;
padding: 1px 6px;
margin: 0;
vertical-align: baseline;
border-radius: 0;
background: transparent;
border: 1px solid rgba(var(--color-darkened--rgb), var(--alpha-m));
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-xs));
}
.tabs-tabbox > .tabs-label:hover {
z-index: 2;
background: var(--theme-bg-color-250);
transition: all 0.1s;
}
/* Стили для контейнера вкладок */
.tabs-tabbox > .tabs-container {
padding: 14px 10px;
background: var(--theme-bg-color-250);
border: 1px solid rgba(var(--color-darkened--rgb), var(--alpha-m));
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-radius: var(--border-radius-low);
}
/* Класс для уменьшения яркости фона tabs */
.tabs-no-background > .tabs-container {
background: rgba(var(--theme-color-lighter--rgb), 0.02);
}
.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 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;
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 !important;
}
.headder {
width: 100%;
margin-left: 0;
}
.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: #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: var(--color-contrast);
color: #e0e0e0;
border-color: #1d4699
}
.mw-default-size {
background: #21212600 !important;
border-color: black !important
}
.mw-default-size img {
border-color: black !important
}
.mw-default-size figcaption {
background: #21212600 !important;
border-color: black !important
}
.mw-halign-right {
background: #27272d00 !important;
border-color: black !important
}
.mw-halign-right img {
border-color: black !important
}
.mw-halign-right figcaption {
background: #27272d00 !important;
border-color: black !important
}
.mw-halign-left {
background: #27272d00 !important;
border-color: black !important
}
.mw-halign-left img {
border-color: black !important
}
.mw-halign-left figcaption {
background: #27272d00 !important;
border-color: black !important
}
.mw-halign-center {
background: #27272d00 !important;
border-color: black !important
}
.mw-halign-center img {
border-color: black !important
}
.mw-halign-center figcaption {
background: #27272d00 !important;
border-color: black !important
}
.reference {
background: #27272d00;
}
ol.references li:target,sup.reference:target {
background: #ffffff0f;
padding: 0px 1px 3px 1px;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background: var(--color-contrast-dark);
border-color: var(--color-contrast-dark);
}
.oo-ui-messageDialog-message {
color: lightgray;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline-color: var(--ooui--border-color);
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-color: var(--ooui--border-color);
}
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame {
border-color: var(--ooui--border-color-light);
background: var(--ooui--bg-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
z-index: 1;
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
background: var(--color-contrast2-dark);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
color: lightgray;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
border-color: var(--ooui--border-color-light);
color: lightgray;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
color: lightgray;
}
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
color: var(--ooui--text-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: lightgray;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background: var(--color-contrast-dark);
border-color: var(--color-contrast-dark);
color: var(--ooui--text-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background: var(--color-contrast-dark);
border-color: var(--color-contrast);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
box-shadow: inset var(--box-shadow-medium);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
color: lightgray;
}
.oo-ui-comboBoxInputWidget-field {
display: flex;
align-items: center;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
border-color: var(--ooui--border-color-lighter);
background: var(--ooui--bg-color);
color: lightgray;
}
.mw-widget-dateInputWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color);
color: var(--ooui--text-color-light) !important;
}
.mw-search-profile-tabs {
background: var(--ooui--bg-color) !important;
border: var(--ooui--border-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background: var(--color-contrast-dark);
border-color: var(--color-contrast-dark);
color: var(--ooui--text-color-light);
}
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
background: var(--color-contrast-dark);
border-color: var(--color-contrast-dark);
color: var(--ooui--text-color-light);
}
#wpDestFile {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color-light);
}
#wpUploadDescription {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: var(--ooui--text-color-light);
}
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, button, select {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
color: lightgray;
}
.mw-widgets-datetime-calendarWidget {
background: var(--ooui--gradient);
border-color: var(--ooui--border-color-light);
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
border-radius: var(--border-radius-low);
color: var(--ooui--text-color-light);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
color: lightgray;
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
color: var(--ooui--text-color-dark);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
box-shadow: inset var(--box-shadow-medium);
}
.search-types .current a {
color: #d3d3d3 !important;
cursor: default !important
}
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning {
background: var(--bg-color-error);
border-color: var(--border-color-error);
}
#mw-header-nav-hack {
border-top: solid 2px var(--theme-bg-color-100) !important;
display: block;
position: absolute;
z-index: 98;
background: var(--theme-bg-color-100) !important;
width: 100%
}
.ui-widget-overlay {
background: #000000 !important;
opacity: .3 !important
}
.ui-widget-content {
border: 1px solid #4a4a57 !important;
background: var(--theme-bg-color-100) !important;
color: #e0e0e0 !important
}
.ui-widget-header {
border: 1px solid #4a4a57 !important;
background: var(--theme-bg-color-100) !important;
color: #e0e0e0 !important;
font-weight: bold !important
}
#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
width: 100% !important;
background: var(--ooui--bg-color) !important;
color: #e0e0e0 !important
}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
box-sizing: border-box !important;
background: var(--ooui--bg-color) !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: var(--ooui--bg-color) !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: var(--ooui--bg-color) !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
}
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
background: var(--theme-bg-color-base);
border-color: var(--theme-bg-color-base);
color: var(--ooui--text-color-light);
}
.diff-addedline .diffchange, .diff-deletedline .diffchange {
border-radius: var(--border-radius-low);
padding: 0.2em 0;
}
.diff-deletedline .diffchange {
background: var(--bg-color-yellow-subtle);
}
.diff-addedline .diffchange {
background: var(--bg-color-azure-subtle);
}
.diff-deletedline {
border-color: var(--bg-color-yellow-150) !important;
}
.diff-addedline {
border-color: var(--bg-color-blue-150) !important;
}
.mw-json th,.mw-json td {
border: 1px solid #000000;
font-size: 16px;
padding: 0.5em 1em
}
.mw-json tr {
background: var(--theme-bg-color-100);
margin-bottom: 0.5em
}
.mw-json th {
background: #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: #1b5929;
font-family: monospace,monospace;
white-space: pre-wrap;
color: #d3d3d3
}
.mw-json-empty {
background: #1b5929;
font-style: italic;
color: #d3d3d3
}
.ace-tm .ace_gutter {
background: var(--theme-bg-color-100);
color: var(--ooui--text-color-dark);
}
.ace-tm .ace_print-margin {
width: 1px;
background: var(--theme-bg-color-base)
}
.ace_mobile-menu {
color: lightgray;
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
box-shadow: var(--box-shadow-medium);
}
.ace-tm {
background: var(--theme-bg-color-base);
color: var(--ooui--text-color)
}
.ace-tm .ace_cursor {
color: var(--ooui--text-color-light)
}
.ace-tm .ace_storage,.ace-tm .ace_keyword {
color: rgb(153,153,255)
}
.ace-tm .ace_constant.ace_numeric {
color: rgb(153,153,205)
}
.ace-tm .ace_constant {
color: rgb(241,89,92)
}
.ace-tm .ace_support.ace_function {
color: rgb(68,118,235)
}
.ace-tm .ace_support.ace_constant {
color: rgb(23,202,33)
}
.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
color: rgb(182,187,236)
}
.ace-tm .ace_string {
color: rgb(6,142,13)
}
.ace-tm .ace_comment {
color: rgb(103,193,150)
}
.ace-tm .ace_constant.ace_numeric {
color: rgb(153,153,255)
}
.ace-tm .ace_marker-layer .ace_selection {
background: rgb(28,45,68)
}
.ace-tm .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid rgb(94,94,94)
}
.ace-tm .ace_marker-layer .ace_active-line {
background: rgb(153,153,183,7%)
}
.ace-tm .ace_gutter-active-line {
background: 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: var(--theme-bg-color-100);
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
}
::-webkit-scrollbar {
background: #313137;
}
::-webkit-scrollbar-thumb {
background: #505057;
border: 3px solid #313137;
border-radius: 0.3em;
}
::-webkit-scrollbar-thumb:hover {
background: #616169;
}
::-webkit-scrollbar-thumb:active {
background: #72727b;
}
@media (hover: none) and (pointer: coarse) {
::-webkit-scrollbar {
all: unset;
width: 0;
height: 0;
}
::-webkit-scrollbar-thumb {
all: unset;
}
}
.overflowed {
margin: 0;
}
.scroll-left.overflowed .content-table-left,
.scroll-right.overflowed .content-table-right {
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4);
z-index: 9999;
}
.scroll-left.overflowed .content-table-left {
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.scroll-right.overflowed .content-table-right {
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.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 fieldset#mw-searchoptions, .mw_metadata, .mw-datatable {
color: var(--ooui--text-color);
background: var(--ooui--bg-color-dark);
border-color: var(--ooui--bg-color-light);
padding: 12px 10px;
box-shadow: var(--box-shadow-medium);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background: var(--ooui--bg-color);
border-color: var(--ooui--border-color-light);
}
.mw-footer-container {
border-color: var(--ooui--border-color-light);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
color: lightgray;
font-weight: bold;
}
#mw-searchoptions .divider {
border-color: var(--ooui--border-color-light);
}
.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: var(--theme-bg-color-100)
}
.mw-datatable td {
background: #303037
}
.mw-datatable tr:hover td {
background: #3f3f48
}
.pretoclip-copy-button {
float: right
}
.mw-scribunto-message {
color: var(--se-cm--xml-tag-color);
}
#mw-scribunto-input {
width: 100%;
border: 0;
overflow: auto;
background: var(--ooui--bg-color);
border: 1px solid var(--ooui--border-color-light);
font-weight: normal;
color: lightgray;
}
.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: #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%
}
.color-middle {
margin-right: 1em !important;
}
.mw-wiki-logo {
display: inline-block
}
#catlinks {
margin-left: 14em
}
}
#footer {
padding-right: 1em
}
.mw-body dt {
font-weight: bold;
font-family: sans-serif;
margin-top: 0.8em;
margin-bottom: 0.4em;
border-left: 2px solid var(--theme-border-color-100);
padding-left: 5px;
}
.mw-body h1 {
font-family: 'oswald';
font-size: 2em;
}
.mw-body h2 {
font-size: 1.5em;
border-bottom: none;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
margin-bottom: 0.4em;
margin-top: 1em;
line-height: 1.375;
border-bottom: 2px solid var(--color-contrast);
}
.mw-body h3 {
font-size: 1.17em;
font-weight: bold;
font-family: sans-serif;
margin-top: 0.5em;
margin-bottom: 0.3em;
padding-bottom: 0;
line-height: 1.6;
padding-top: 0.3em;
}
.mw-body h4,
.mw-body h5 {
font-size: 1em;
font-weight: bold;
font-family: sans-serif;
margin-top: 0.5em;
margin-bottom: 0.3em;
}
.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: #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: var(--alpha-s);
}
/*Красивые картинки*/
.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:var(--theme-bg-color-base);
}
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:var(--theme-bg-color-base);
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 var(--color-contrast);
}
/*кнопка для главного меню*/
.StupidButton {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
/*Цвета таблиц для разных отделов*/
/* COM */
#COM.wikitable {
border: 1px solid var(--bg-color-blue-subtle);
}
#COM.wikitable th {
background: var(--bg-color-blue-150);
}
#COM.wikitable thead tr th,
#COM.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-blue-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#COM.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#COM.wikitable tr td {
background: var(--bg-color-blue-subtle);
}
/* MED */
#MED.wikitable {
border: 1px solid var(--bg-color-sky-blue-subtle);
}
#MED.wikitable th {
background: var(--bg-color-sky-blue-150);
}
#MED.wikitable thead tr th,
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-sky-blue-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#MED.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#MED.wikitable tr td {
background: var(--bg-color-sky-blue-subtle);
}
/* SRV */
#SRV.wikitable {
border: 1px solid var(--bg-color-green-subtle);
}
#SRV.wikitable th {
background: var(--bg-color-green-150);
}
#SRV.wikitable thead tr th,
#SRV.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-green-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#SRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SRV.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#SRV.wikitable tr td {
background: var(--bg-color-green-subtle);
}
/* ENG */
#ENG.wikitable {
border: 1px solid var(--bg-color-yellow-subtle);
}
#ENG.wikitable th {
background: var(--bg-color-yellow-150);
}
#ENG.wikitable thead tr th,
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-yellow-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#ENG.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#ENG.wikitable tr td {
background: var(--bg-color-yellow-subtle);
}
/* RND */
#RND.wikitable {
border: 1px solid var(--bg-color-purple-subtle);
}
#RND.wikitable th {
background: var(--bg-color-purple-150);
}
#RND.wikitable thead tr th,
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-purple-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#RND.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#RND.wikitable tr td {
background: var(--bg-color-purple-subtle);
}
/* SUP */
#SUP.wikitable {
border: 1px solid var(--bg-color-brown-subtle);
}
#SUP.wikitable th {
background: var(--bg-color-brown-150);
}
#SUP.wikitable thead tr th,
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-brown-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SUP.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#SUP.wikitable tr td {
background: var(--bg-color-brown-subtle);
}
/* SEC */
#SEC.wikitable {
border: 1px solid var(--bg-color-red-subtle);
}
#SEC.wikitable th {
background: var(--bg-color-red-150);
}
#SEC.wikitable thead tr th,
#SEC.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-red-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#SEC.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SEC.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#SEC.wikitable tr td {
background: var(--bg-color-red-subtle);
}
/* BOTANY */
#BOTANY.wikitable {
border: 1px solid var(--bg-color-turquoise-subtle);
}
#BOTANY.wikitable th {
background: var(--bg-color-turquoise-150);
}
#BOTANY.wikitable thead tr th,
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-turquoise-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#BOTANY.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#BOTANY.wikitable tr td {
background: var(--bg-color-turquoise-subtle);
}
/* MUTATION */
#MUTATION.wikitable {
border: 1px solid var(--bg-color-violet-subtle);
}
#MUTATION.wikitable th {
background: var(--bg-color-violet-150);
}
#MUTATION.wikitable thead tr th,
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-violet-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#MUTATION.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#MUTATION.wikitable tr td {
background: var(--bg-color-violet-subtle);
}
/* Стили для заголовков в таблицах с thead */
#highlighted-header.wikitable thead tr th,
/* Стили для первого ряда в таблицах без thead */
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: #3d3d4f;
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
/* Стили для последующих строк в таблицах без 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: 3px solid var(--color-darkened-border);
}
/* Серый заголовок и серые ячейки */
#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: #323240;
border-bottom: 0.2em solid #00000045;
box-shadow: var(--box-shadow-medium);
}
#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-classic.wikitable thead + tbody > tr th {
background: #3e3e4d;
border-bottom: 0.1em solid #0000000d;
border-left: 0.2em solid #00000024;
}
/* Холодный цвет ячеек */
#highlighted-header-cold.wikitable {
border: 1px solid var(--bg-color-azure-subtle);
}
#highlighted-header-cold.wikitable th {
background: var(--bg-color-azure-150);
}
#highlighted-header-cold.wikitable thead tr th,
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-azure-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#highlighted-header-cold.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
#highlighted-header-cold.wikitable tr td {
background: var(--bg-color-azure-subtle);
}
/* Серый заголовок и темно-красные ячейки */
#highlighted-header-dark.wikitable thead tr th,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: #3d3d4f;
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#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: 3px solid var(--color-darkened-border);
}
/* Палитра для Морпехов */
#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: #313d45;
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#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: 3px solid var(--color-darkened-border);
}
/* Палитра для Ксеноморфов */
#highlighted-header-xenomorph.wikitable thead tr th,
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: #3c1d5f;
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
#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: 3px solid var(--color-darkened-border);
}
/* Если не нужен другой стиль кроме цвета */
#no-highlight {
border-bottom: none !important;
box-shadow: none !important;
}
/* КОНЕЦ */
/* Неразрывные пробелы в горизонтальных списках
@источник: 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*/
/* Псевдо-модальное окно (TODO: удалить) */
.pseudomodal--caller {
cursor:pointer;
}
.pseudomodal {
overflow-y: auto;
display: flex;
flex-direction: column;
visibility: hidden;
opacity: 0;
background: var(--theme-bg-color-100);
width: 60%;
height: 80%;
border: 1px solid black;
border-radius: 0.5rem;
padding: 5px 25px;
position: fixed;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100 !important;
box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6);
}
.pseudomodal--caller:focus-within + .pseudomodal {
visibility: visible;
opacity: 1;
}
.pseudomodal:hover {
visibility: visible;
opacity: 1;
}
.pseudomodal--header {
text-align: center;
font-size: 1.1em;
position: relative;
}
.pseudomodal--header-hr{
margin: 20px 0;
padding: 0;
height: 0;
border: none;
border-top: 1px solid darkgray;
}
.pseudomodal--body{
height: 100%;
position: relative;
}
.pseudomodal::-webkit-scrollbar {
width: 0.15rem;
background:transparent;
}
.pseudomodal::-webkit-scrollbar-track {
margin:1em;
background: transparent;
}
.pseudomodal::-webkit-scrollbar-thumb {
background: transparent;
border: solid #373737;
}
/* Key press */
.keyboard-key {
border: 1px solid #555555;
border-radius: var(--border-radius-low);
box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e);
color: var(--ooui--text-color);
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;
}
}
/* Для тестов */
.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*/
/* #endregion */
/* ================================================ */
/* #region <syntaxhighlight> CODE BLOCKS */
/* ================================================ */
:root {
--synt-high--color-darkCreamy: #262421;
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
--synt-high--color-comment: var(--synt-high--color-lightCreamy);
--synt-high--color-err: #ff1a94;
--synt-high--color-operator: #e7236a;
--synt-high--color-punctuation: #f8f8f2;
--synt-high--color-string: #e6db74;
--synt-high--color-date: var(--synt-high--color-string);
/* names for things such as variables, functions, classes, etc. */
--synt-high--color-name: #a6e22e;
/* literals, mostly numbers, some string stuff too. */
--synt-high--color-literal: #ae81ff;
/* keywords and constants */
--synt-high--color-keyword: #57b8cb;
--action-color: hsl(220, 60%, 50%);
}
/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
/* Highlighted Lines */
.mw-highlight .hll {
background: var(--action-color);
}
/* Error */
.mw-highlight .err {
color: var(--synt-high--color-err);
background: hsl(328, 40%, 16%);
}
/* Keyword */
.mw-highlight .k {
color: var(--synt-high--color-keyword);
}
/* Literal */
.mw-highlight .l {
color: var(--synt-high--color-literal);
}
/* Name */
.mw-highlight .n {
color: #f8f8f2;
}
/* Operator */
.mw-highlight .o {
color: var(--synt-high--color-operator);
}
/* Punctuation */
.mw-highlight .p {
color: var(--synt-high--color-punctuation);
}
/* Comment */
.mw-highlight .c {
color: var(--synt-high--color-comment);
}
/* Comment.Hashbang */
.mw-highlight .ch {
color: var(--synt-high--color-comment);
}
/* Comment.Multiline */
.mw-highlight .cm {
color: var(--synt-high--color-comment);
}
/* Comment.Preproc */
.mw-highlight .cp {
color: var(--synt-high--color-comment);
}
/* Comment.PreprocFile */
.mw-highlight .cpf {
color: var(--synt-high--color-comment);
}
/* Comment.Single */
.mw-highlight .c1 {
color: var(--synt-high--color-comment);
}
/* Comment.Special */
.mw-highlight .cs {
color: var(--synt-high--color-comment);
}
/* Generic.Deleted */
.mw-highlight .gd {
color: #f92672;
}
/* Generic.Emph */
.mw-highlight .ge {
font-style: italic;
}
/* Generic.Inserted */
.mw-highlight .gi {
color: var(--synt-high--color-name);
}
/* Generic.Strong */
.mw-highlight .gs {
font-weight: bold;
}
/* Generic.Subheading */
.mw-highlight .gu {
color: #75715e;
}
/* Keyword.Constant */
.mw-highlight .kc {
color: var(--synt-high--color-keyword);
}
/* Keyword.Declaration */
.mw-highlight .kd {
color: var(--synt-high--color-keyword);
}
/* Keyword.Namespace */
.mw-highlight .kn {
color: #f92672;
}
/* Keyword.Pseudo */
.mw-highlight .kp {
color: var(--synt-high--color-keyword);
}
/* Keyword.Reserved */
.mw-highlight .kr {
color: var(--synt-high--color-keyword);
}
/* Keyword.Type */
.mw-highlight .kt {
color: var(--synt-high--color-keyword);
}
/* Literal.Date */
.mw-highlight .ld {
color: var(--synt-high--color-date);
}
/* Literal.Number */
.mw-highlight .m {
color: var(--synt-high--color-literal);
}
/* Literal.String */
.mw-highlight .s {
color: var(--synt-high--color-string);
}
/* Name.Attribute */
.mw-highlight .na {
color: var(--synt-high--color-name);
}
/* Name.Builtin */
.mw-highlight .nb {
color: #f8f8f2;
}
/* Name.Class */
.mw-highlight .nc {
color: var(--synt-high--color-name);
}
/* Name.Constant */
.mw-highlight .no {
color: var(--synt-high--color-keyword);
}
/* Name.Decorator */
.mw-highlight .nd {
color: var(--synt-high--color-name);
}
/* Name.Entity */
.mw-highlight .ni {
color: #f8f8f2;
}
/* Name.Exception */
.mw-highlight .ne {
color: var(--synt-high--color-name);
}
/* Name.Function */
.mw-highlight .nf {
color: var(--synt-high--color-name);
}
/* Name.Label */
.mw-highlight .nl {
color: #f8f8f2;
}
/* Name.Namespace */
.mw-highlight .nn {
color: #f8f8f2;
}
/* Name.Other */
.mw-highlight .nx {
color: var(--synt-high--color-name);
}
/* Name.Property */
.mw-highlight .py {
color: #f8f8f2;
}
/* Name.Tag */
.mw-highlight .nt {
color: #f92672;
}
/* Name.Variable */
.mw-highlight .nv {
color: #f8f8f2;
}
/* Operator.Word */
.mw-highlight .ow {
color: var(--synt-high--color-operator);
}
/* Text.Whitespace */
.mw-highlight .w {
color: #f8f8f2;
}
/* Literal.Number.Bin */
.mw-highlight .mb {
color: var(--synt-high--color-literal);
}
/* Literal.Number.Float */
.mw-highlight .mf {
color: var(--synt-high--color-literal);
}
/* Literal.Number.Hex */
.mw-highlight .mh {
color: var(--synt-high--color-literal);
}
/* Literal.Number.Integer */
.mw-highlight .mi {
color: var(--synt-high--color-literal);
}
/* Literal.Number.Oct */
.mw-highlight .mo {
color: var(--synt-high--color-literal);
}
/* Literal.String.Affix */
.mw-highlight .sa {
color: var(--synt-high--color-string);
}
/* Literal.String.Backtick */
.mw-highlight .sb {
color: var(--synt-high--color-string);
}
/* Literal.String.Char */
.mw-highlight .sc {
color: var(--synt-high--color-string);
}
/* Literal.String.Delimiter */
.mw-highlight .dl {
color: var(--synt-high--color-string);
}
/* Literal.String.Doc */
.mw-highlight .sd {
color: var(--synt-high--color-string);
}
/* Literal.String.Double */
.mw-highlight .s2 {
color: var(--synt-high--color-string);
}
/* Literal.String.Escape */
.mw-highlight .se {
color: var(--synt-high--color-literal);
}
/* Literal.String.Heredoc */
.mw-highlight .sh {
color: var(--synt-high--color-string);
}
/* Literal.String.Interpol */
.mw-highlight .si {
color: var(--synt-high--color-string);
}
/* Literal.String.Other */
.mw-highlight .sx {
color: var(--synt-high--color-string);
}
/* Literal.String.Regex */
.mw-highlight .sr {
color: var(--synt-high--color-string);
}
/* Literal.String.Single */
.mw-highlight .s1 {
color: var(--synt-high--color-string);
}
/* Literal.String.Symbol */
.mw-highlight .ss {
color: var(--synt-high--color-string);
}
/* Name.Builtin.Pseudo */
.mw-highlight .bp {
color: #f8f8f2;
}
/* Name.Function.Magic */
.mw-highlight .fm {
color: var(--synt-high--color-name);
}
/* Name.Variable.Class */
.mw-highlight .vc {
color: #f8f8f2;
}
/* Name.Variable.Global */
.mw-highlight .vg {
color: #f8f8f2;
}
/* Name.Variable.Instance */
.mw-highlight .vi {
color: #f8f8f2;
}
/* Name.Variable.Magic */
.mw-highlight .vm {
color: #f8f8f2;
}
/* Literal.Number.Integer.Long */
.mw-highlight .il {
color: var(--synt-high--color-literal);
}
/* #endregion */
/* ============ */
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
/* ============ */
:root {
/* "se-cm" = Source Editor - Code Mirror */
/* same color as for source editor */
--se-cm--bg-color: var(--bg-color-light-x2);
/* same color as for code block */
--se-cm--gutter-bg-color: var(--code-color-bg);
/* margin to the left for the main contents of the editor */
--se-cm--main-contents-left-margin: 0.25rem;
/* bg color for pre/nowiki tags contents */
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
/* from the <syntaxhighlight> theme */
--se-cm--comment-color: var(--synt-high--color-comment);
--se-cm--error-color: var(--red-color);
/* link itself */
--se-cm--link-color: #699ae9;
/* link delimiter */
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
/* link text */
--se-cm--link-text-color: #3873d3;
--se-cm--link-brackets-color: var(--se-cm--link-text-color);
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
--se-cm--parser-function-color: #e0485a;
/* function param values */
--se-cm--parser-function-values-color: #e0cacd;
/* table brackets and row delimiter */
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
/* table settings */
--se-cm--table-settings-color: var(--se-cm--template-name-color);
/* template name */
--se-cm--template-name-color: #a142cf;
/* template arg names */
--se-cm--template-arg-name-color: #9e27da;
/* template brackets */
--se-cm--template-brackets-color: var(--se-cm--template-name-color);
/* template arg values */
--se-cm--template-values-color: #a3cced;
/* template arg delimiters */
--se-cm--template-delimiter-color: var(--se-cm--link-color);
/* template param name */
--se-cm--template-param-name-color: #d07b00;
/* template param brackets */
--se-cm--template-param-brackets-color: #ac6600;
/* template param values */
--se-cm--template-param-value-color: hsl(207,90%,83%);
/* template param delimiter */
--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color);
/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color);
/* html tags, including ones specific for the wiki (like syntaxhighlight) */
--se-cm--xml-tag-color: #11a886;
/* selection color */
--se-cm--selection-color: hsl(205, 21%, 30%);
/* bg color applied when selecting a bracket that has a match (in templates) */
--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
/* the whole content body code mirror wrapper */
.CodeMirror-wrap {
/* same color as for source editor */
background: var(--se-cm--bg-color);
/* color for the text that the other rules don't apply to (regular text, header text, etc.) */
color: var(--text-color);
}
/* the actual lines of text */
.CodeMirror pre.CodeMirror-line {
/* a little bit of margin for the main content */
margin-left: var(--se-cm--main-contents-left-margin);
}
/* gutters?? */
.CodeMirror-wrap .CodeMirror-gutters {
border-color: var(--ooui--border-color);
}
/* gutter */
.CodeMirror-wrap .CodeMirror-gutter {
/* same color as for code block */
background: var(--se-cm--gutter-bg-color);
}
/* selection */
.CodeMirror-line::selection,
/* selection */
.CodeMirror-line>span::selection,
/* selection */
.CodeMirror-line>span>span::selection {
background: var(--se-cm--selection-color);
}
/* bullet point symbol */
.cm-mw-list,
/* ???? */
.cm-mw-indenting {
color: var(--se-cm--wikitext-formatting-color);
}
/* magic words */
.cm-mw-doubleUnderscore,
/* magic words */
.cm-mw-double-underscore,
/* ???? user signature maybe */
.cm-mw-signature,
/* ???? hr tags prob */
.cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background: inherit;
}
/* html sequences like " " */
.cm-mw-mnemonic,
/* ???? */
.cm-mw-html-entity {
color: var(--se-cm--xml-tag-color);
background: #684905;
border-radius: 2px;
}
/* comments */
.cm-mw-comment {
color: var(--se-cm--comment-color);
}
/* formatting: 3 apostrophes for bold text */
.cm-mw-apostrophes-bold,
/* formatting: 2 apostrophes for italic text
todo make them separate? better eligibility */
.cm-mw-apostrophes-italic {
color: var(--se-cm--wikitext-formatting-color);
}
/* template name */
.cm-mw-template-name {
color: var(--se-cm--template-name-color);
/* disable the default */
text-decoration: none;
}
/* template arg names */
.cm-mw-template-argument-name {
color: var(--se-cm--template-arg-name-color);
}
/* template arg values */
.cm-mw-template {
color: lightgray;
}
/* template pipe delimiters (maybe colon too for modules?) */
.cm-mw-template-delimiter {
color: var(--se-cm--template-name-color);
}
/* template brackets */
.cm-mw-template-bracket {
color: var(--se-cm--template-brackets-color);
}
/* template variable (with 3 brackets) name */
.cm-mw-templatevariable-name {
color: var(--se-cm--template-param-name-color);
}
/* template variable (with 3 brackets) value */
.cm-mw-templatevariable {
color: var(--se-cm--template-param-brackets-color);
}
/* template variable brackets (3 brackets) */
.cm-mw-templatevariable-bracket {
color: var(--se-cm--template-param-brackets-color);
}
/* template variable (with 3 brackets) delimiter */
.cm-mw-templatevariable-delimiter {
color: var(--se-cm--template-param-brackets-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
.cm-mw-parserfunction-name {
color: var(--se-cm--parser-function-color) !important;
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
.cm-mw-parserfunction {
color: var(--se-cm--parser-function-values-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
.cm-mw-parserfunction-bracket {
color: var(--se-cm--parser-function-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
.cm-mw-parserfunction-delimiter {
color: var(--se-cm--parser-function-color);
}
/* wiki html tag names? like >syntaxhighlight> */
.cm-mw-exttag-name,
/* html tag names */
.cm-mw-htmltag-name {
color: var(--se-cm--xml-tag-color);
}
/* if a string starts with an empty space, it will generate a pre block.
this targets that one single space.
same style as for html tag names, but for bg here */
.cm-mw-skipformatting {
background: var(--se-cm--xml-tag-color);
}
/* wiki html tag brackets */
.cm-mw-exttag-bracket,
/* wiki html tag attributes (name, delimiter, value) */
.cm-mw-exttag-attribute,
/* html tag brackets */
.cm-mw-htmltag-bracket,
/* html tag attributes (name, delimiter, value) */
.cm-mw-htmltag-attribute {
color: var(--se-cm--xml-tag-color);
}
/* pre tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-pre,
/* pre tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-pre,
/* ???? */
pre.CodeMirror-line-like.cm-mw-tag-pre,
/* pre tag contents */
.cm-mw-tag-pre,
/* ============== */
/* nowiki tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-nowiki,
/* nowiki tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-nowiki,
/* ???? */
pre.CodeMirror-line-like.cm-mw-tag-nowiki,
/* nowiki tag contents */
.cm-mw-tag-nowiki {
background: var(--se-cm--pre-bg-color);
}
/* pre tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-pre,
/* nowiki tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-nowiki {
/* colors the margin gap bg for block variants */
box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0
var(--se-cm--pre-bg-color);
}
/* pre tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-pre,
/* nowiki tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-nowiki {
/* a little corner rounding won't hurt a thing! */
border-radius: 2px;
}
/* ???? */
.cm-mw-link,
/* ???? */
.cm-mw-link-tosection,
/* header equal signs */
.cm-mw-section-header {
color: var(--se-cm--wikitext-formatting-color);
}
/* link itself */
.cm-mw-link-pagename,
/* external link itself, without protocol */
.cm-mw-extlink,
/* ???? same as above, maybe? */
.cm-mw-free-extlink,
/* external link protocol (the "https://" part) */
.cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
.cm-mw-free-extlink-protocol {
color: var(--se-cm--link-color);
}
/* link brackets */
.cm-mw-link-bracket,
/* external link brackets */
.cm-mw-extlink-bracket {
color: var(--se-cm--link-color);
}
/* link delimiter */
.cm-mw-link-delimiter {
color: var(--se-cm--cm-mw-link-delimiter);
}
/* link text */
.cm-mw-link-text,
/* external link text */
.cm-mw-extlink-text {
color: var(--se-cm--link-text-color);
}
/* tables opening "{|" and closing "|}" brackets */
.cm-mw-table-bracket,
/* table row delimiter (doesn't include cols!) */
.cm-mw-table-delimiter {
color: var(--se-cm--table-punctuation-color);
}
/* the table settings I guess? (like «class="wikitable"») */
.cm-mw-table-definition {
color: var(--se-cm--table-settings-color);
}
/* ???? idk some kind of formatting errors? */
.cm-error,
.cm-mw-error,
.cm-s-default .cm-error {
color: var(--se-cm--error-color);
}
.cm-mw-matchingbracket {
background: var(--se-cm--matching-brackets-bg-color);
/* disable the default */
box-shadow: none;
}
/* various inline bg targeting things, idk what each of them target exactly */
.cm-mw-template2-ground,
.cm-mw-template3-ground,
.cm-mw-ext-ground,
.cm-mw-template-ext-ground,
.cm-mw-ext2-ground,
.cm-mw-template-ext2-ground,
.cm-mw-ext3-ground,
.cm-mw-template-ext3-ground,
.cm-mw-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-template-link-ground,
.cm-mw-ext2-link-ground,
.cm-mw-template-ext-link-ground,
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground,
.cm-mw-template-ext3-link-ground,
.cm-mw-template2-ext-ground,
.cm-mw-template2-ext2-ground,
.cm-mw-template2-ext3-ground,
.cm-mw-template2-link-ground,
.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground,
.cm-mw-template2-ext3-link-ground,
.cm-mw-template3-ext-ground,
.cm-mw-template3-ext2-ground,
.cm-mw-template3-ext3-ground,
.cm-mw-template3-link-ground,
.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground,
.cm-mw-template3-ext3-link-ground {
/* just disable them */
background: inherit;
}
/* new code */
.cm-mw-template-ground.cm-mw-template,
.cm-mw-template2-ground.cm-mw-template,
.cm-mw-template3-ground.cm-mw-template {
color: var(--se-cm--template-values-color);
}
/* #endregion */
/* ============ */
/* #region DRUID Infoboxes */
/* ============ */
/* DRUID Infobox. */
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */
/* license: CC BY-SA 4.0 */
/****************************************/
/******* Start DRUID CSS rules *********/
/****************************************/
/* --------------------------------- */
/* Safe to edit ABOVE this line */
/* --------------------------------- */
/* --------------------------------- */
/* Do not edit below this line */
/* --------------------------------- */
.druid-container {
--druid-border-color: var(--theme-border-color-base);
--druid-color-contrast: var(--color-contrast-dark);
--druid-color-contrast-darkened: color-mix(in srgb, var(--druid-color-contrast) 15%, rgb(var(--theme-color-darkened--rgb)));
}
.druid-container {
background: var(--theme-bg-color-200);
float: right;
clear: right;
margin: 0 0 1em 1em;
max-width: 400px;
min-width: 300px;
box-sizing: border-box;
position: relative;
z-index: 1;
border: 1px solid var(--druid-border-color);
border-radius: 0.2em;
overflow: auto;
font-size: 90%;
border-spacing: 0;
padding: 2px;
}
@media screen and (max-width: 720px) {
.druid-container {
float: none;
margin: 0.5rem auto;
min-width: 100%;
}
}
.druid-main-images-file,
.druid-main-image {
text-align: center;
}
.druid-infobox .druid-title,
.druid-infobox .druid-section {
background: var(--druid-color-contrast);
border-bottom: 2px solid var(--color-darkened-border);
border-radius: 0.1em;
padding: 5px;
text-align: center;
font-size: 120%;
font-weight: bold;
}
.druid-infobox .druid-section {
font-size: 105%;
background: var(--druid-color-contrast-darkened);
border-top: 1px solid var(--druid-border-color);
}
.druid-infobox .druid-collapsible .druid-section {
flex-grow: 1;
}
.druid-row > .druid-label,
.druid-row > .druid-data {
padding-inline: 0.5em;
}
.druid-main-image,
.druid-main-images {
background: var(--theme-bg-color-200);
border-bottom: 1px solid var(--druid-border-color);
padding: 2px 0;
}
.mw-body-content .druid-main-image img,
.mw-body-content .druid-main-images img {
max-width: 100% !important;
height: auto !important;
}
.druid-main-images-labels {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0.25em;
gap: 0.25em;
}
.druid-main-images-label {
cursor: pointer;
flex: 1 1 auto;
text-align: center;
transition: .1s ease-in;
outline: 1px solid var(--druid-link-color);
}
.druid-main-images-label.focused {
background: var(--druid-link-color);
color: var(--druid-link-label-color);
}
.druid-main-images-label:not(.focused):hover {
background: var(--druid-link-color); /* fallback */
background: color-mix(in srgb, var(--druid-link-color) 25%, transparent);
}
.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
display: none;
}
.druid-grid {
display:grid;
gap: 0.3em;
padding: 0.35em;
}
.druid-grid-item {
background: var(--druid-tertiary-background-color);
padding: 0.25em;
border: 1px solid var(--druid-border-color); /* fallback */
border: 1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent);
border-radius: 2px;
}
.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
text-align: center;
}
.druid-data-wide {
width: 100%;
}
.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}
.druid-collapsed {
display: none !important;
}
.druid-collapsible {
cursor: pointer;
position: relative;
}
.druid-collapsible::after {
content: "";
display: block;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") 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(--druid-secondary-background-label-color);
}
.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}
/*****************************************
Table support
*****************************************/
.druid-container tbody tr.data-druid-section:nth-child(3),
.druid-container tbody tr.data-druid-section:nth-child(4) {
display: none;
}
.druid-container tbody tr.druid-row:nth-child(3) {
background: var(--theme-bg-color-250) !important;
}
.druid-container tbody tr.druid-row:nth-child(3) th {
border-right: 1px solid var(--theme-bg-color-200) !important;
}
.druid-container tr:not(.data-druid-section):nth-child(odd) {
background: var(--theme-bg-color-200);
}
.druid-container tr:not(.data-druid-section):nth-child(even) {
background: var(--theme-bg-color-250);
}
.druid-container tr:nth-child(even) th:not([colspan]) {
border-right: 1px solid var(--theme-bg-color-200);
}
.druid-container th,
.druid-container td,
.druid-container th .mw-collapsible-toggle {
padding: 4px;
font-size: 14px;
}
.druid-container th {
width: 40%;
text-align: left;
}
.druid-container ul {
list-style: none;
margin: 0;
margin-left: 10px;
}
.druid-container ul li::before {
content: "•";
display: inline-block;
font-size: 15px;
margin-left: -10px;
margin-right: 4px;
}
/********
Custom display classes
*********/
div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
flex-direction: column;
}
.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
padding-left: 0.75em;
}
/* --------------------------------- */
/* Do not edit above this line */
/* --------------------------------- */
/* --------------------------------- */
/* Local overrides go below this line */
/* --------------------------------- */
.druid-infobox .druid-title {
--clip: 0.6em;
clip-path: polygon( 0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)) );
margin: 3px;
}
/****************************************/
/******* End DRUID CSS rules *********/
/****************************************/
/* #endregion */
/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .sortable */
.sortable-grid {
width: 100%;
}
.sortable-grid tbody {
display: grid;
gap: 8px 6px;
grid-template-columns: repeat(auto-fit,minmax(clamp(250px, 50vw, 400px),1fr));
}
/* Класс для большего количества столбцов */
.sortable-grid--small-column tbody {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.sortable-grid thead tr:first-child {
grid-column: 1 / -1;
}
.sortable-grid > tr > th,
.sortable-grid > tr > td,
.sortable-grid > * > tr > th,
.sortable-grid > * > tr > td {
display: block;
height: 100%;
box-sizing: border-box;
}
.sortable-grid .headerSort {
padding: 4px 0;
text-align: left;
}
/* ============ */
/* #region Меню настроек темы */
/* ============ */
.theme-dropdown-details[open] + .theme-window {
visibility: visible;
opacity: 1;
height: auto;
transform: scale(0.99999);
}
.theme-dropdown .theme-window {
overflow: hidden;
user-select: none;
position: absolute;
right: 0.75rem;
width: 14.5rem;
font-size: 0.95rem;
background: var(--theme-bg-color-50);
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-property: transform, opacity, visibility;
z-index: var(--index-high);
opacity: 0;
visibility: hidden;
margin-top: 0.75rem;
transform: scale(0.9);
transform-origin: top;
border: 2px solid var(--theme-bg-color-300);
border-top: 2px solid var(--theme-border-color-100);
padding: 0.2em;
}
.theme-dropdown .theme-window * {
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
.theme-dropdown .theme-window__header {
display: flex;
align-items: center;
position: relative;
height: 2rem;
font-size: 0.95rem;
font-family: var(--font-family-heading)sans-serif;
background-color: var(--color-contrast2);
border-bottom: 1px solid var(--color-second-fill);
box-shadow: var(--box-shadow);
font-weight: bold;
padding: 0 0.5em;
border-radius: var(--border-radius-low);
}
#theme-preferences__content {
display: flex;
flex-direction: column;
gap: 0.5em;
}
#theme-preferences__content .theme-menu__heading {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
#theme-preferences__content .theme-menu__content {
padding: 0.5em;
}
.theme-dropdown .theme-window * {
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
.theme-dropdown .theme-window__content {
position: relative;
padding: 0.5em;
}
#user-tools ul {
list-style: none;
margin: 0;
}
#theme-preferences__content .theme-menu {
flex: 1 0 9rem;
background-color: var(--theme-bg-color-base);
border-radius: var(--border-radius-low);
}
#theme-preferences__content .theme-menu li {
margin: 0;
}
#theme-preferences__content .theme-menu form {
position: relative;
display: flex;
flex-direction: column;
gap: 0.5em;
text-align: center;
}
#theme-preferences__content .theme-client-prefs-radio {
display: flex;
justify-content: center;
height: 2rem;
}
#theme-preferences__content .theme-client-prefs-radio input {
display: none;
}
#theme-preferences__content .theme-client-prefs-radio label {
user-select: none;
-webkit-user-drag: none;
background: var(--color-primary);
color: var(--color-white) !important;
border-radius: var(--border-radius-small);
transition-property: background, box-shadow;
transition-duration: var(--transition-time);
cursor: pointer;
flex-grow: 1;
align-content: center;
padding: 0 0.5em;
}
#theme-preferences__content .theme-client-prefs-radio label {
user-select: none;
-webkit-user-drag: none;
background: var(--theme-bg-color-250);
border-radius: var(--border-radius-medium);
transition-property: background, box-shadow;
transition-duration: var(--transition-time);
cursor: pointer;
flex-grow: 1;
align-content: center;
padding: 0 0.5em;
font-weight: bold;
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-bottom: 2px solid var(--color-darkened-border);
}
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
background-color: var(--bg-color-message-subtle);
}
/* #endregion */
