MediaWiki:Common.css: различия между версиями
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 */ | ||