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

Страница интерфейса MediaWiki
Нет описания правки
Отмена версии 1286, сделанной Sagrades (обсуждение)
Метка: отмена
 
(не показаны 354 промежуточные версии этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */


@font-face {
/*.citizen-animations-ready .citizen-page-container {
font-family: "Golos-Text";
    background-image: url(/resources/assets/cover-low-3.png);
src: url("/resources/assets/fonts/golos-text_regular.woff") format("woff");
    background-position-y: -22vw;
src: url("/resources/assets/fonts/golos-text_regular.woff2") format("woff2");
font-style: normal;
font-weight: normal;
}
}
.citizen-page-container {
    background-size: contain;
    background-repeat: no-repeat;
}*/


@font-face {
::selection,
font-family: "Golos-Text";
.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode *::selection {
src: url("/resources/assets/fonts/golos-text_bold.woff") format("woff");
background-color: #367764;
src: url("/resources/assets/fonts/golos-text_bold.woff2") format("woff2");
    color: white;
font-style: normal;
font-weight: bold;
}
}
 
.CodeMirror-line::selection,
@font-face {
.CodeMirror-line > span::selection,
font-family: "Golos-Text";
.CodeMirror-line > span > span::selection {
src: url("/resources/assets/fonts/golos-text_medium.woff") format("woff");
background-color: #367764;
src: url("/resources/assets/fonts/golos-text_medium.woff2") format("woff2");
font-style: normal;
font-weight: 500;
}
}


html {
.skin-theme-clientpref-night::selection {
     font-size: 110%;
background-color: #367764;
     color: white;
}
}


html, body {
::marker {
     font-family: 'Golos-Text', sans-serif;
     color: var(--background-color-icon);
}
}


.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-page-title-main {
.citizen-search__card {
     font-family: 'Golos-Text', sans-serif;
     top: 6px;
    left: 57px;
}
}
 
@media screen and (max-width: 1119px) {
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title, .oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title {
.citizen-search__card {
     font-family: 'Golos-Text', sans-serif;
     left: 0;
}
}
}
 
.citizen-search {
.mw-editsection, .mw-editsection-like {
     --width-search-bar: 720px;
     font-family: 'Golos-Text', sans-serif;
}
}


.mw-logo {
:root {
    scale: 90%;
--font-size-x-small: 0.8125rem;
    margin-bottom: 8px;
--font-size-large: 1.125rem;
--font-size-x-large: 1.25rem;
--font-size-xx-large: 1.5rem;
--font-size-xxx-large: 2rem;
}
}


.mw-logo-icon {
:root {
     scale: 92%;
--color-primary__h: 37;
     margin-top: 5px;
--color-primary__s: 50%;
--color-primary__l: 46%;
--background-color-quiet--hover: hsla(var(--color-primary__h),80%,25%,0.07);
--background-color-quiet--active: hsla(var(--color-primary__h),80%,25%,0.1);
    --color-primary: hsl(162.11deg 34.42% 41.47%);
    --color-primary--hover: hsl(161.92deg 37.71% 33.16%);
     --color-primary--active: hsl(161.9deg 36.33% 31.19%);
    --color-link-new: #e35b5b;
    --color-link-new--hover: #c1433d;
    --color-link-new--active: #96332e;
    --font-family-citizen-base: 'Golos-Text';
    --font-family-citizen-serif: 'Vollkorn-VF';
    --font-family-citizen-monospace: 'JetBrainsMono';
     --line-height: 1.7;
}
}


.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading, .vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
:root {
     display: none;
--color-surface-1: hsl(var(--color-primary__h),40%,97%);
    --color-surface-2: hsl(var(--color-primary__h),30%,91%);
    --color-surface-2--hover: hsl(var(--color-primary__h), 30%, 88%);
     --color-surface-2--active: hsl(var(--color-primary__h), 30%, 84%);
}
}


.vector-feature-zebra-design-disabled .vector-main-menu .vector-main-menu-action-opt-out a, .vector-feature-zebra-design-disabled .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content {
:root.skin-theme-clientpref-night {
     display: none;
    --color-primary: hsl(162.11deg 36.24% 44.16%);
    --color-primary--hover: hsl(162.11deg 29.59% 51.46%);
--color-primary--active: hsl(161.9deg 35.3% 37.01%);
    --color-link-new: #d25555;
    --color-link-new--hover: #ed655f;
    --color-link-new--active: #ce3737;
    --color-surface-2--hover: hsl(var(--color-primary__h), 25%, 17%);
     --color-surface-2--active: hsl(var(--color-primary__h), 25%, 19%);
}
}


.vector-feature-zebra-design-disabled .mw-header {
:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {
     border-bottom: 1px solid #e7e7e7;
--background-color-overlay: hsla(var(--color-primary__h), 20%, 10%, 0.4);
     padding-bottom: 31px;
--background-color-overlay--lighter: hsla(var(--color-primary__h), 20%, 10%, 0.8);
    --color-surface-2: hsl(var(--color-primary__h), 25%, 8%);
    --color-surface-3: hsl(var(--color-primary__h), 25%, 12%);
    --color-surface-4: hsl(var(--color-primary__h), 15%, 14%);
     --color-surface-2--hover: hsl(var(--color-primary__h), 25%, 12%);
     --color-surface-2--active: hsl(var(--color-primary__h), 25%, 16%);
}
}


.vector-page-titlebar {
/*:root.skin-citizen-light {
     box-shadow: unset;
     --color-surface-2--hover: hsl(var(--color-primary__h), 30%, 89%);
}
    --color-surface-2--active: hsl(var(--color-primary__h), 30%, 85%);
}*/


.vector-feature-zebra-design-disabled.client-js .vector-toc .vector-toc-toggle {
:root.citizen-feature-custom-width-clientpref-standard {
     margin-top: 7px;
     --width-layout: 720px;
    margin-left: -2px;
}
}


.mw-page-title-main {
:root.citizen-feature-custom-width-clientpref-wide {
     font-weight: bold;
     --width-layout: 960px;
}
}


h1 {
/* Меню сайта */
     font-weight: bold;
.citizen-drawer__card {
     right: unset;
    min-width: 18rem;
}
}
 
.citizen-drawer__card .citizen-ui-icon {
h2 {
     display: none;
     font-weight: 500;
}
}


 
.page-Мир_Времелиста .mw-side,
h1, h2 {
.page-Мир_Времелиста .firstHeading,
    border: none;
.page-Мир_Времелиста #siteSub,
.page-Мир_Времелиста .citizen-page-header--sticky,
.page-Мир_Времелиста .citizen-jumptotop {
display: none!important;
}
}


.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type) {
.page-Мир_Времелиста .citizen-body-container {
    display: none;
grid-template-areas:
'content'
'header'
'footer';
grid-template-columns: minmax(0, 1280px);
}
}


.mw-editsection-divider {
.page-MediaWiki_Common_css .citizen-body-container,
    color: #e7e7e7;
.page-MediaWiki_Citizen_css .citizen-body-container {
    visibility: hidden;
grid-template-columns: minmax(0, 1280px);
}
}


.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
#siteSub, #contentSub, #contentSub2 {
     display: none;
     display: none;
}
}


button:focus {
.citizen-drawer__logo img {
    outline-color: transparent;
        height: 3rem;
     border: none;
     }
    box-shadow: unset;
 
@media screen and (max-width: 1119px) {
.citizen-drawer__menu {
    max-width: 92vw !important;
}   
}
}
 
.citizen-drawer__menu {
a:hover, a.external:hover {
     grid-template-columns: repeat(auto-fit, minmax(14rem, auto));
     text-decoration: none;
     max-width: 45vw;
     color: #73a0dc;
}
}


a:focus, a.external:focus {
/* Шрифты */
    text-decoration: none;
@font-face {
    border: none;
font-family: "Vollkorn-VF";
    box-shadow: unset;
src: url("/resources/assets/fonts/vollkorn-vf.ttf") format("truetype");
}
}
 
@font-face {
a.new:hover {
font-family: "JetBrainsMono";
    color: #db7676;
/*src: url("/resources/assets/fonts/JetBrainsMono-Regular.ttf") format("truetype");*/
src: url("/resources/assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");
}
}
 
@font-face {
a.new:visited:hover {
font-family: "Golos-Text";
    color: #c39090;
src: url("/resources/assets/fonts/golos-text_regular.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
}
}
 
@font-face {
a:visited:hover, a.external:visited:hover {
font-family: "Golos-Text";
    color: #a58fd1;
src: url("/resources/assets/fonts/golos-text_medium.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_medium.woff2") format("woff2");
font-style: normal;
font-weight: 500;
}
}
 
@font-face {
.mw-editsection a {
font-family: "Golos-Text";
    color: #949494;
src: url("/resources/assets/fonts/golos-text_demibold.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_demibold.woff2") format("woff2");
font-style: normal;
font-weight: 600;
}
}
 
@font-face {
.mw-editsection a:hover, .mw-editsection a:visited:hover {
font-family: "Golos-Text";
    color: #333333;
src: url("/resources/assets/fonts/golos-text_bold.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_bold.woff2") format("woff2");
font-style: normal;
font-weight: 700;
}
}
 
@font-face {
.vector-menu-tabs .mw-list-item a {
font-family: "Golos-Text";
    color: #949494;
src: url("/resources/assets/fonts/golos-text_black.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_black.woff2") format("woff2");
font-style: normal;
font-weight: 900;
}
}


#right-navigation #left-navigation > a:hover{
    color: #333333;
    border-color: #333333;
}


#vector-page-tools-dropdown-label {
.citizen-drawer__siteinfo .mw-logo-wordmark {
    padding: 17px;
        font-size: 1.75rem;
        color: var(--color-base);
}
}


.vector-icon {
a:hover, a:focus {
    background-size: calc(max(1.25em, 18px));
text-decoration: none;
    opacity: 60%;
}
}


.vector-page-toolbar-container .vector-icon {
.citizen-toc a:hover, .citizen-toc a:focus {
    background-size: calc(max(1em, 16px));
color: unset;
    margin-top: 6px;
}
}


.vector-menu-tabs .mw-list-item a:visited:hover {
.mw-editsection a {
     color: #3366cc;
     color: var(--background-color-icon);
    font-weight: 500;
}
}


.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::after {
.mw-editsection a:hover {
     display: none;
    color: var(--background-color-icon--hover);
     background: none;
}
}


.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::before {
.mw-editsection a:active {
     display: none;
    color: var(--background-color-icon--active);
     background: none;
}
}


.vector-feature-zebra-design-disabled body {
.citizen-body a:not(.mw-editsection a):not(figure > a):not(#pt-userpage-2 span > a):not(.wikiEditor-ui a):not(.wikiEditor-ui-toolbar a):not(.mw-editform a):not(.home-link__button a):hover,
    background-color: #ffffff;
.page-info a:hover
    color: #202122;
{
border-bottom: 1px solid;
}
}


.vector-feature-zebra-design-disabled .vector-header-container {
/*.citizen-body div > a:hover
    padding-top: 1em;
{
}
border-bottom: none;
}*/




/*----------------------------- ПОИСК -----------------------------*/
/* КАТЕГОРИИ */


.cdx-search-input--has-end-button {
.mw-category-group li {
     background-color: transparent;
    display: flex;
     border: none;
    padding: var(--space-xs);
    padding-inline-start: 0;
    line-height: var(--line-height);
    padding-bottom: unset;
}
@media screen and (min-width: 680px) {
.mw-category-group li:not(#mw-subcategories li) {
    flex-basis: calc(100% / 3);
}
}
@media screen and (max-width: 680px) {
.mw-category-group li:not(#mw-subcategories li) {
    flex-basis: 50%;
}
}
/*.CategoryTreeSection {
min-width: 24vw;
}*/
.CategoryTreeItem {
     padding-block-end: var(--space-xs);
     margin-inline-start: 18px;
}
}


.vector-search-box .vector-typeahead-search-container {
@media screen and (max-width: 540px) {
    max-width: 70%;
#mw-subcategories a,
.CategoryTreeItem a {
width: 12em;
}
}
@media screen and (min-width: 540px) {
#mw-subcategories a,
.CategoryTreeItem a {
    width: 19em;
}
}
}


.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
.mw-category a:not(#mw-subcategories a) {
     border-color: transparent;
    width: 100%;
     border-radius: 60px;
}
.mw-category a,
.CategoryTreeItem a {
    display: inline-flex;
    color: var(--color-base);
    background: var(--color-surface-2);
    padding: var(--space-xs);
     padding-inline: var(--space-md);
     border-radius: var(--border-radius--medium);
}
}
 
.mw-category a:hover,
.cdx-text-input__input:enabled {
.CategoryTreeItem a:hover {
     background-color: #fff;
    border: none !important;
     border-color: #d4d8db;
    background-color: var(--color-surface-2--hover);
     box-shadow: none;
}
.mw-category a:active,
.CategoryTreeItem a:active {
     background: var(--color-surface-2--active);
}
.mw-category h3 {
    margin: 0;
     padding-inline: var(--space-unit);
     line-height: var(--line-height);
}
}
 
.mw-category span,
.cdx-text-input__input {
.CategoryTreeItem span {
     border-radius: 50px;
     opacity: 0.65;
}
}
 
.mw-category .mw-category-group ul {
.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input {
     display: flex;
     border-top-right-radius: 60px;
     flex-wrap: wrap;
     border-bottom-right-radius: 60px;
     justify-content: flex-start;
     border-top-left-radius: 60px;
    margin: 0;
     border-bottom-left-radius: 60px;
     margin-block-end: var(--space-lg);
}
}
 
.mw-category.mw-category-columns {
.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input {
display: grid;
     padding: 15px;
    max-width: 1080px;
     padding-left: 50px;
}   
.mw-content-ltr .CategoryTreeEmptyBullet,
.mw-content-ltr .CategoryTreeToggle[data-ct-state='collapsed'],
.mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet,
.mw-content-rtl .mw-content-ltr .CategoryTreeToggle[data-ct-state='collapsed'],
.CategoryTreeToggle[data-ct-state='expanded'] {
     margin-right: 4px;
     margin-bottom: 1px;
scale: 1.2;
}
}
 
.client-js #mw-subcategories .mw-content-ltr ul {
.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
     margin-left: 0;
     padding-left: 16px;
}
}
 
#mw-indicator-mw-helplink {
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
     display: none;
     padding-left: 8px;
}
}


.cdx-search-input__end-button {
/* Стрелка для раскрытия категорий */
     margin: -1px -1px -1px 15px;
.CategoryTreeToggle {
    padding-inline: 30px;
     color: var(--background-color-icon);
    font-weight: normal;
    font-size: 113%;
}
}
 
.CategoryTreeToggle:hover {
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
    color: var(--background-color-icon--hover);
    background-color: #f1f1f1;
}
}
 
.CategoryTreeToggle:active {
.cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active {
    color: var(--background-color-icon--active);
    background-color: #eaecf0;
    color: #000;
    border-color: transparent;
}
}
 
.CategoryTreeEmptyBullet {
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
    color: var(--color-surface-4);
    border-color: transparent;
    box-shadow: unset;
}
}


/*----------------------------- КОНЕЦ ПОИСКА -----------------------------*/
/* ВСЕ КАТЕГОРИИ */


.mw-spcontent ul,
ol.special {
    display: grid;
    grid: auto-flow dense / repeat(auto-fit, minmax(33%, 1fr));
    margin-inline: 0;
}
@media screen and (max-width: 680px) {
.mw-spcontent ul,
ol.special {
    grid: auto-flow dense / repeat(auto-fit, minmax(50%, 1fr));
}
}
.mw-spcontent li:not(li.gallerybox) {
    display: grid;
    padding-block: var(--space-xs);
    color: var(--color-base--subtle);
}
.mw-spcontent li > a {
    display: flex;
    margin-inline-end: var(--space-xl);
    color: var(--color-base);
    background: var(--color-surface-2);
    padding: var(--space-xs);
    padding-inline: var(--space-md);
    border-radius: var(--border-radius--medium);
    word-break: break-word;
}
.mw-spcontent li > a:hover {
    border: none !important;
    background-color: var(--color-surface-2--hover);
}
.mw-spcontent li > a:active {
    background-color: var(--color-surface-2--active);
}


.vector-page-toolbar-container {
/* Эффекты для галереи */
     box-shadow: unset;
li.gallerybox div.thumb img {
    transition: var(--transition-hover);
}
li.gallerybox div.thumb img:hover {
    scale: 1.1;
}
#file > a:hover {
     border: none !important;
}
}
 
.galleryfilename-truncate {
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
    color: var(--color-base);
     background-color: white;
}
a.galleryfilename.galleryfilename-truncate:hover {
     border: none !important;
    color: var(--color-base--emphasized);
}
}


.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu .vector-main-menu-action-opt-out a, .vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content {
/* Футер */
    display: none;
}


.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button {
.citizen-footer__container {
     padding: 4px 8px;
     max-width: 1280px;
    margin-left: 7px;
    color: #949494;
    font-size: 75%;
    border-radius: 25px;
    background-color: #f8f9fa;
    font-family: 'Golos-Text', sans-serif;
}
}


.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button:hover {
#footer-sitetitle img.mw-logo-wordmark {
     color: #949494;
     filter: invert(0.5) sepia(0.7);
    background-color: #f1f1f1;
}
}
 
.skin-citizen-light #footer-sitetitle img.mw-logo-wordmark {
.vector-feature-zebra-design-disabled .vector-pinnable-element > *:not(:last-child), .vector-feature-zebra-design-disabled .vector-dropdown-content > *:not(:last-child) {
    filter: sepia(1);
     border-bottom: none
     opacity: 40%;
}
}
 
.skin-citizen-dark #footer-sitetitle img.mw-logo-wordmark {
.vector-feature-zebra-design-disabled .vector-pinnable-header-label {
filter: invert(1) hue-rotate(180deg) sepia(0.6);
    font-size: 135%;
     opacity: 75%;
    color: #463d33;
    margin: unset;
    font-weight: normal;
     margin-bottom: 5px;
}
}


.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a {
#footer-icons a, #footer-tagline a {
     padding: 10px 14px;
filter: invert(0.5);
     color: #333333;
    opacity: var(--opacity-icon-base);
     display: flex;
     align-items: center;
}
}
 
.skin-citizen-light #footer-icons a,
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
.skin-citizen-light #footer-tagline a{
    color: #333333;
filter: invert(1);
}
}
 
.skin-citizen-dark #footer-icons a,
.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink) {
.skin-citizen-dark #footer-tagline a {
    color: #333333;
filter: invert(0);
}
}
 
#footer-icons a:hover,
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:hover, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:hover {
#footer-tagline a:hover {
    color: #808284;
    opacity: var(--opacity-icon-base--hover);
}
}
 
#footer-icons img {
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited:hover, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited:hover {
    width: auto;
     color: #808284;
     height: 32px;
}
}
 
#footer-tagline img {
.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink):hover {
    width: auto;
     color: #808284;
     height: 28px;
}
}
 
#footer-icons ul, #footer-icons li, #footer-tagline li {
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-text {
     gap: var(--space-md);
     padding: 10px 0;
    color: #333333;
}
}


.vector-feature-zebra-design-disabled .vector-toc .vector-toc-text:hover {
#footer-tagline {
     padding: 10px 0;
     opacity: 0.8;
    color: #808284;
}
}
 
.citizen-footer a {
#pt-userpage-2 a:not(.mw-selflink) {
    font-weight: var(--font-weight-normal);
    color: #333333;
}
}
 
#footer-desc a {
#pt-userpage-2 a:not(.mw-selflink):hover {
    font-weight: unset;
     color: #808284;
     color: var(--color-base);
}
}
 
#footer-desc a:hover {
.mw-footer {
     border-bottom: 1px solid var(--color-base--subtle);
     border-top: 1px solid #dce1e8;
     color: var(--color-base--emphasized);
     padding: 2em 0;
}
}

Текущая версия от 14:07, 16 января 2025

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/*.citizen-animations-ready .citizen-page-container {
    background-image: url(/resources/assets/cover-low-3.png);
    background-position-y: -22vw;
}
.citizen-page-container {
    background-size: contain;
    background-repeat: no-repeat;
}*/

::selection,
.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode *::selection {
	background-color: #367764;
    color: white;
}
.CodeMirror-line::selection, 
.CodeMirror-line > span::selection, 
.CodeMirror-line > span > span::selection {
	background-color: #367764;
}

.skin-theme-clientpref-night::selection {
	background-color: #367764;
    color: white;
}

::marker {
    color: var(--background-color-icon);
}

.citizen-search__card {
    top: 6px;
    left: 57px;
}
@media screen and (max-width: 1119px) { 
	.citizen-search__card {
    left: 0;
	}
}
.citizen-search {
    --width-search-bar: 720px;
}

:root {
	--font-size-x-small: 0.8125rem;
	--font-size-large: 1.125rem;
	--font-size-x-large: 1.25rem;
	--font-size-xx-large: 1.5rem;
	--font-size-xxx-large: 2rem;
}

:root {
	--color-primary__h: 37;
	--color-primary__s: 50%;
	--color-primary__l: 46%;
	--background-color-quiet--hover: hsla(var(--color-primary__h),80%,25%,0.07);
	--background-color-quiet--active: hsla(var(--color-primary__h),80%,25%,0.1);
    --color-primary: hsl(162.11deg 34.42% 41.47%);
    --color-primary--hover: hsl(161.92deg 37.71% 33.16%);
    --color-primary--active: hsl(161.9deg 36.33% 31.19%);
    --color-link-new: #e35b5b;
    --color-link-new--hover: #c1433d;
    --color-link-new--active: #96332e;
    --font-family-citizen-base: 'Golos-Text';
    --font-family-citizen-serif: 'Vollkorn-VF';
    --font-family-citizen-monospace: 'JetBrainsMono';
    --line-height: 1.7;
}

:root {
	--color-surface-1: hsl(var(--color-primary__h),40%,97%);
    --color-surface-2: hsl(var(--color-primary__h),30%,91%);
    --color-surface-2--hover: hsl(var(--color-primary__h), 30%, 88%);
    --color-surface-2--active: hsl(var(--color-primary__h), 30%, 84%);
}

:root.skin-theme-clientpref-night {
    --color-primary: hsl(162.11deg 36.24% 44.16%);
    --color-primary--hover: hsl(162.11deg 29.59% 51.46%);
	--color-primary--active: hsl(161.9deg 35.3% 37.01%);
    --color-link-new: #d25555;
    --color-link-new--hover: #ed655f;
    --color-link-new--active: #ce3737;
    --color-surface-2--hover: hsl(var(--color-primary__h), 25%, 17%);
    --color-surface-2--active: hsl(var(--color-primary__h), 25%, 19%);
}

:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {
	--background-color-overlay: hsla(var(--color-primary__h), 20%, 10%, 0.4);
	--background-color-overlay--lighter: hsla(var(--color-primary__h), 20%, 10%, 0.8);
    --color-surface-2: hsl(var(--color-primary__h), 25%, 8%);
    --color-surface-3: hsl(var(--color-primary__h), 25%, 12%);
    --color-surface-4: hsl(var(--color-primary__h), 15%, 14%);
    --color-surface-2--hover: hsl(var(--color-primary__h), 25%, 12%);
    --color-surface-2--active: hsl(var(--color-primary__h), 25%, 16%);
}

/*:root.skin-citizen-light {
    --color-surface-2--hover: hsl(var(--color-primary__h), 30%, 89%);
    --color-surface-2--active: hsl(var(--color-primary__h), 30%, 85%);
}*/

:root.citizen-feature-custom-width-clientpref-standard {
    --width-layout: 720px;
}

:root.citizen-feature-custom-width-clientpref-wide {
    --width-layout: 960px;
}

/* Меню сайта */
.citizen-drawer__card {
    right: unset;
    min-width: 18rem;
}
.citizen-drawer__card .citizen-ui-icon {
    display: none;
}

.page-Мир_Времелиста .mw-side,
.page-Мир_Времелиста .firstHeading,
.page-Мир_Времелиста #siteSub,
.page-Мир_Времелиста .citizen-page-header--sticky,
.page-Мир_Времелиста .citizen-jumptotop {
	display: none!important;
}

.page-Мир_Времелиста .citizen-body-container {
	grid-template-areas:
		'content'
		'header'
		'footer';
	grid-template-columns: minmax(0, 1280px);
}

.page-MediaWiki_Common_css .citizen-body-container,
.page-MediaWiki_Citizen_css .citizen-body-container {
	grid-template-columns: minmax(0, 1280px);
}

#siteSub, #contentSub, #contentSub2 {
    display: none;
}

.citizen-drawer__logo img {
        height: 3rem;
    }

@media screen and (max-width: 1119px) {
	.citizen-drawer__menu {
    	max-width: 92vw !important;
	}    
}
.citizen-drawer__menu {
    grid-template-columns: repeat(auto-fit, minmax(14rem, auto));
    max-width: 45vw;
}

/* Шрифты */
@font-face {
font-family: "Vollkorn-VF";
src: url("/resources/assets/fonts/vollkorn-vf.ttf") format("truetype");
}
@font-face {
font-family: "JetBrainsMono";
/*src: url("/resources/assets/fonts/JetBrainsMono-Regular.ttf") format("truetype");*/
src: url("/resources/assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_regular.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_medium.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_medium.woff2") format("woff2");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_demibold.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_demibold.woff2") format("woff2");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_bold.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_bold.woff2") format("woff2");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_black.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_black.woff2") format("woff2");
font-style: normal;
font-weight: 900;
}


.citizen-drawer__siteinfo .mw-logo-wordmark {
        font-size: 1.75rem;
        color: var(--color-base);
}

a:hover, a:focus {
	text-decoration: none;
}

.citizen-toc a:hover, .citizen-toc a:focus {
	color: unset;
}

.mw-editsection a {
    color: var(--background-color-icon);
    font-weight: 500;
}

.mw-editsection a:hover {
    color: var(--background-color-icon--hover);
    background: none;
}

.mw-editsection a:active {
    color: var(--background-color-icon--active);
    background: none;
}

.citizen-body a:not(.mw-editsection a):not(figure > a):not(#pt-userpage-2 span > a):not(.wikiEditor-ui a):not(.wikiEditor-ui-toolbar a):not(.mw-editform a):not(.home-link__button a):hover,
.page-info a:hover
{
	border-bottom: 1px solid;
}

/*.citizen-body div > a:hover
{
	border-bottom: none;
}*/


/* КАТЕГОРИИ */

.mw-category-group li {
    display: flex;
    padding: var(--space-xs);
    padding-inline-start: 0;
    line-height: var(--line-height);
    padding-bottom: unset;
}
@media screen and (min-width: 680px) { 
	.mw-category-group li:not(#mw-subcategories li) {
    	flex-basis: calc(100% / 3);
	}
}
@media screen and (max-width: 680px) { 
	.mw-category-group li:not(#mw-subcategories li) {
    	flex-basis: 50%;
	}
}
	
/*.CategoryTreeSection {
	min-width: 24vw;
}*/
.CategoryTreeItem {
    padding-block-end: var(--space-xs);
    margin-inline-start: 18px;
}

@media screen and (max-width: 540px) { 
	#mw-subcategories a,
	.CategoryTreeItem a {
		width: 12em;
	}
}
@media screen and (min-width: 540px) { 
	#mw-subcategories a,
	.CategoryTreeItem a {
    	width: 19em;
	}
}

.mw-category a:not(#mw-subcategories a) {
    width: 100%;
	}
	
.mw-category a,
.CategoryTreeItem a {
    display: inline-flex;
    color: var(--color-base);
    background: var(--color-surface-2);
    padding: var(--space-xs);
    padding-inline: var(--space-md);
    border-radius: var(--border-radius--medium);
}
.mw-category a:hover,
.CategoryTreeItem a:hover {
    border: none !important;
    background-color: var(--color-surface-2--hover);
}
.mw-category a:active,
.CategoryTreeItem a:active {
    background: var(--color-surface-2--active);
}
.mw-category h3 {
    margin: 0;
    padding-inline: var(--space-unit);
    line-height: var(--line-height);
}
.mw-category span,
.CategoryTreeItem span {
    opacity: 0.65;
}
.mw-category .mw-category-group ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    margin-block-end: var(--space-lg);
}
.mw-category.mw-category-columns {
	display: grid;
    max-width: 1080px;
}    
.mw-content-ltr .CategoryTreeEmptyBullet,
.mw-content-ltr .CategoryTreeToggle[data-ct-state='collapsed'],
.mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet,
.mw-content-rtl .mw-content-ltr .CategoryTreeToggle[data-ct-state='collapsed'],
.CategoryTreeToggle[data-ct-state='expanded'] {
    margin-right: 4px;
    margin-bottom: 1px;
	scale: 1.2;
}
.client-js #mw-subcategories .mw-content-ltr ul {
    margin-left: 0;
}
#mw-indicator-mw-helplink {
    display: none;
}

/* Стрелка для раскрытия категорий */
.CategoryTreeToggle {
    color: var(--background-color-icon);
}
.CategoryTreeToggle:hover {
    color: var(--background-color-icon--hover);
}
.CategoryTreeToggle:active {
    color: var(--background-color-icon--active);
}
.CategoryTreeEmptyBullet {
    color: var(--color-surface-4);
}

/* ВСЕ КАТЕГОРИИ */

.mw-spcontent ul,
ol.special {
    display: grid;
    grid: auto-flow dense / repeat(auto-fit, minmax(33%, 1fr));
    margin-inline: 0;
}
@media screen and (max-width: 680px) { 
	.mw-spcontent ul,
	ol.special {
    	grid: auto-flow dense / repeat(auto-fit, minmax(50%, 1fr));
	}
}
.mw-spcontent li:not(li.gallerybox) {
    display: grid;
    padding-block: var(--space-xs);
    color: var(--color-base--subtle);
}
.mw-spcontent li > a {
    display: flex;
    margin-inline-end: var(--space-xl);
    color: var(--color-base);
    background: var(--color-surface-2);
    padding: var(--space-xs);
    padding-inline: var(--space-md);
    border-radius: var(--border-radius--medium);
    word-break: break-word;
}
.mw-spcontent li > a:hover {
    border: none !important;
    background-color: var(--color-surface-2--hover);
}
.mw-spcontent li > a:active {
    background-color: var(--color-surface-2--active);
}

/* Эффекты для галереи */
li.gallerybox div.thumb img {
    transition: var(--transition-hover);
}
li.gallerybox div.thumb img:hover {
    scale: 1.1;
}
#file > a:hover {
    border: none !important;
}
.galleryfilename-truncate {
    color: var(--color-base);
}
a.galleryfilename.galleryfilename-truncate:hover {
    border: none !important;
    color: var(--color-base--emphasized);
}

/* Футер */

.citizen-footer__container {
    max-width: 1280px;
}

#footer-sitetitle img.mw-logo-wordmark {
    filter: invert(0.5) sepia(0.7);
}
.skin-citizen-light #footer-sitetitle img.mw-logo-wordmark {
    filter: sepia(1);
    opacity: 40%;
}
.skin-citizen-dark #footer-sitetitle img.mw-logo-wordmark {
	filter: invert(1) hue-rotate(180deg) sepia(0.6);
    opacity: 75%;
}

#footer-icons a, #footer-tagline a {
	filter: invert(0.5);
    opacity: var(--opacity-icon-base);
    display: flex;
    align-items: center;
}
.skin-citizen-light #footer-icons a,
.skin-citizen-light #footer-tagline a{
	filter: invert(1);
}
.skin-citizen-dark #footer-icons a, 
.skin-citizen-dark #footer-tagline a {
	filter: invert(0);
}
#footer-icons a:hover,
#footer-tagline a:hover {
    opacity: var(--opacity-icon-base--hover);
}
#footer-icons img {
    width: auto;
    height: 32px;
}
#footer-tagline img {
    width: auto;
    height: 28px;
}
#footer-icons ul, #footer-icons li, #footer-tagline li {
    gap: var(--space-md);
}

#footer-tagline {
    opacity: 0.8;
}
.citizen-footer a {
    font-weight: var(--font-weight-normal);
}
#footer-desc a {
    font-weight: unset;
    color: var(--color-base);
}
#footer-desc a:hover {
    border-bottom: 1px solid var(--color-base--subtle);
    color: var(--color-base--emphasized);
}