|
|
| Строка 1195: |
Строка 1195: |
| } | | } |
|
| |
|
| /*=== Страница ===*/
| | @media screen and (max-width: 850px) { |
| #mw-page-base {
| | .wikitable:not(.no-img-adaptive) img[width="64"][height="64"] { |
| background: var(--theme-bg-color-base); | | width: 32px; |
| color: var(--theme-text-color); | | height: 32px; |
| border: var(--theme-bg-color-base) | | } |
| | |
| | *: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; |
| | } |
| } | | } |
|
| |
|
| #mw-header-nav-hack {
| | @media screen and (max-width: 650px) { |
| background: var(--theme-bg-color-base);
| | .mw-parser-output table { |
| border-color: var(--theme-bg-color-200); | | table-layout: auto !important; |
| }
| | overflow: auto; |
| | | max-width: 100%; |
| .mediawiki, .mw-page-container {
| | } |
| background: var(--theme-bg-color-base);
| |
| color: var(--theme-text-color);
| |
| border: var(--theme-bg-color-base)
| |
| }
| |
| | |
| #mw-panel {
| |
| background: var(--theme-bg-color-base);
| |
| color: var(--theme-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(--theme-text-color);
| |
| border: var(--theme-bg-color-base)
| |
| } | | } |
|
| |
|
| Строка 1238: |
Строка 1233: |
| } | | } |
|
| |
|
| .vector-menu-tabs li {
| | /*=== Полоса прокрутки ===*/ |
| background: var(--theme-bg-color-100)
| |
| }
| |
| | |
| #mw-changeslist-links {
| |
| background: var(--theme-bg-color-100);
| |
| color: var(--theme-text-color);
| |
| }
| |
| | |
| #simpleSearch {
| |
| background: var(--theme-bg-color-150);
| |
| border-color: var(--theme-border-color-base);
| |
| color: var(--theme-text-color);
| |
| border-radius: var(--border-radius-low);
| |
| }
| |
| | |
| #searchInput {
| |
| color: var(--theme-text-color-light)
| |
| }
| |
| | |
| #pt-createaccount {
| |
| display: none !important;
| |
| }
| |
| | |
| .vector-menu-tabs .selected {
| |
| background: var(--theme-bg-color-base)
| |
| }
| |
| | |
| #mw-footer-container {
| |
| border-top: solid 4px #14866d;
| |
| background: var(--theme-bg-color-100);
| |
| }
| |
| | |
| @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 {
| |
| table-layout: auto !important;
| |
| overflow: auto;
| |
| max-width: 100%;
| |
| }
| |
| }
| |
| | |
| /* Заголовок */
| |
| .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 var(--color-lighter-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 var(--color-lighter-alpha-x);
| |
| }
| |
| | |
| /*=== Заглавный поисковик ===*/
| |
| /* Выдвижной блок */
| |
| .suggestions {
| |
| box-shadow: var(--box-shadow-high);
| |
| border-radius: 0 0 0.3em 0.3em;
| |
| background: var(--theme-bg-color-100);
| |
| border: 1px solid var(--ooui-border-color);
| |
| border-top: 2px solid var(--color-contrast);
| |
| padding-top: 4px;
| |
| }
| |
| | |
| .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: var(--ooui-text-color);
| |
| }
| |
| | |
| .suggestions-special .special-query {
| |
| color: var(--ooui-text-color-light);
| |
| }
| |
| | |
| /* Подсветка при наведении */
| |
| .suggestions .suggestions-result-current {
| |
| background: var(--color-contrast-dark);
| |
| outline: 1px solid var(--color-contrast);
| |
| border-radius: var(--border-radius-low);
| |
| border-color: var(--color-contrast-dark);
| |
| }
| |
| | |
| /* Общие стили */
| |
| .suggestions .suggestions-result,
| |
| .suggestions .suggestions-special {
| |
| padding: 0.5em 0.5em 0.35em;
| |
| }
| |
| | |
| /*=== Боковая панель ===*/
| |
| /* Основной блок */
| |
| #mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody {
| |
| padding: 0;
| |
| border: 0;
| |
| border-radius: 0;
| |
| background: none;
| |
| }
| |
| | |
| /* Блок навигации */
| |
| @media (min-width: 1100px) {
| |
| #mw-related-navigation {
| |
| margin-top: 0;
| |
| }
| |
| }
| |
| | |
| /* Блоки */
| |
| @media (min-width: 1100px) {
| |
| .sidebar-inner .mw-portlet {
| |
| padding: 0;
| |
| margin: 0.5em 8px 2px 6px !important;
| |
| border-radius: 0.2em;
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| }
| |
| | |
| @media screen and (min-width: 1340px) {
| |
| #mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
| |
| margin-bottom: 1em;
| |
| }
| |
| }
| |
| | |
| @media screen and (min-width: 1100px) and (max-width: 1339px) {
| |
| #mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {
| |
| margin-bottom: 1em;
| |
| }
| |
| }
| |
| | |
| /* Заголовок */
| |
| @media (min-width: 1100px) {
| |
| #mw-site-navigation .sidebar-chunk h3,
| |
| #mw-related-navigation .sidebar-chunk h3 {
| |
| margin: 0;
| |
| padding: calc(0.4em + 2px);
| |
| border-top: 2px solid var(--color-lighter-alpha-x);
| |
| border-bottom: 2px solid var(--color-darkened-border);
| |
| border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
| |
| background: var(--ooui-bg-color);
| |
| font-size: 1.05em;
| |
| font-weight: bold;
| |
| }
| |
| }
| |
| | |
| /* Содержание */
| |
| @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-100);
| |
| 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: 1099px) {
| |
| #mw-site-navigation .sidebar-inner,
| |
| #mw-related-navigation .sidebar-inner {
| |
| padding: 1em 2em;
| |
| background: var(--ooui-bg-color);
| |
| border-color: var(--ooui-border-color);
| |
| }
| |
|
| |
| #mw-related-navigation .sidebar-inner::before, #mw-related-navigation .sidebar-inner::after {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 850px) {
| |
| #mw-content-block {
| |
| background: var(--theme-bg-color-100);
| |
| }
| |
| }
| |
| | |
| /*=== Верхняя панель ===*/
| |
| /* Контейнер и сетка заголовка */
| |
| #mw-header-container {
| |
|
| |
| }
| |
| | |
| #mw-header {
| |
| display: grid;
| |
| align-items: center;
| |
| grid-template-columns: auto 1fr auto;
| |
| gap: 6px;
| |
| grid-template-areas:
| |
| "a c b";
| |
| }
| |
| | |
| /* Логотип */
| |
| #p-logo-text {
| |
| grid-area: a;
| |
| padding: 0;
| |
| position: unset;
| |
| }
| |
| | |
| #p-logo-text a.long {
| |
| color: var(--ooui-text-color);
| |
| font-size: 1.3em;
| |
| font-weight: bold;
| |
| font-style: italic;
| |
| font-family: unset;
| |
| }
| |
| | |
| /* Пользовательские инструменты */
| |
| #personal-extra ul,
| |
| #user-tools {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: flex-start;
| |
| gap: 0.2em;
| |
| grid-area: b;
| |
| }
| |
| | |
| #user-tools ul {
| |
| list-style: none;
| |
| margin: 0;
| |
| }
| |
| | |
| /* Поиск */
| |
| #p-search {
| |
| grid-area: c;
| |
| }
| |
| | |
| /* Персональный блок внутри пользовательских инструментов */
| |
| #personal {
| |
| padding: 0;
| |
| }
| |
| | |
| #personal h2 {
| |
| margin: 0;
| |
| padding: 0;
| |
| font-size: 1em;
| |
| font-weight: bold;
| |
| display: flex;
| |
| align-items: center;
| |
| position: unset;
| |
| font-family: unset;
| |
| background-image: none;
| |
| }
| |
| | |
| #personal h2::before {
| |
| mask-image: var(--icon-personal);
| |
| }
| |
| | |
| #personal h2::after {
| |
| display: none;
| |
| }
| |
| | |
| #personal h2 span {
| |
| margin-left: 4px;
| |
| }
| |
| | |
| #site-navigation h2 {
| |
| mask-image: var(--icon-menu-large);
| |
| background: var(--theme-text-color-light) !important;
| |
| }
| |
| | |
| /* Медиа-запросы для экранов меньше 850px */
| |
| @media screen and (max-width: 850px) {
| |
| #mw-header-container {
| |
| padding: 0.7em 0.45em 0.35em;
| |
| }
| |
|
| |
| #mw-header {
| |
| grid-template-columns: 1fr 0.6fr;
| |
| grid-template-areas:
| |
| "a b"
| |
| "c c";
| |
| }
| |
|
| |
| #p-logo-text {
| |
| margin-left: calc(30px + 6px + 0.3em);
| |
| }
| |
| | |
| #user-tools {
| |
| justify-content: flex-start;
| |
| flex-direction: row-reverse;
| |
| }
| |
|
| |
| #user-tools h2::after, .sidebar-chunk h2::after {
| |
| display: none;
| |
| }
| |
|
| |
| #user-tools h2 span {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| /*=== Полоса прок ===*/ | |
| body:not(.wgl-theme-light)::-webkit-scrollbar, | | body:not(.wgl-theme-light)::-webkit-scrollbar, |
| body:not(.wgl-theme-light) *::-webkit-scrollbar { | | body:not(.wgl-theme-light) *::-webkit-scrollbar { |
| Строка 2166: |
Строка 1818: |
| -webkit-font-feature-settings: 'liga'; | | -webkit-font-feature-settings: 'liga'; |
| -webkit-font-smoothing: antialiased | | -webkit-font-smoothing: antialiased |
| }
| |
|
| |
| .tools-inline li:hover {
| |
| border-bottom-width: 2px;
| |
| }
| |
|
| |
| .tools-inline li.selected {
| |
| background: transparent !important;
| |
| border-bottom-width: 2px;
| |
| } | | } |
|
| |
|
| Строка 2183: |
Строка 1826: |
| .mw-body-content sub,.mw-body-content sup,span.reference { | | .mw-body-content sub,.mw-body-content sup,span.reference { |
| font-size: 80% | | font-size: 80% |
| }
| |
|
| |
| #mw-content-block #catlinks {
| |
| background: var(--theme-bg-color-100);
| |
| } | | } |
|
| |
|
| Строка 3780: |
Строка 3419: |
| .oo-ui-icon-help, .mw-ui-icon-help:before { | | .oo-ui-icon-help, .mw-ui-icon-help:before { |
| filter: var(--invert-100); | | filter: var(--invert-100); |
| }
| |
|
| |
| .tools-inline li.selected span {
| |
| filter: var(--invert-100);
| |
| color: var(--ooui-text-color);
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .tools-inline span {
| |
| filter: var(--invert-100);
| |
| margin-left: 2px;
| |
| font-size: 15px;
| |
| font-family: "noto sans";
| |
| } | | } |
|
| |
|
| Строка 4315: |
Строка 3941: |
| .ui-state-default:hover, | | .ui-state-default:hover, |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, | | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, |
| .tools-inline li.selected,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, |
| .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover, | | .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover, |
| Строка 5143: |
Строка 4768: |
| .color-middle { | | .color-middle { |
| margin-right: 1em !important; | | margin-right: 1em !important; |
| }
| |
|
| |
| #catlinks {
| |
| margin-left: 14em
| |
| } | | } |
| } | | } |