MediaWiki:Common.css

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

: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';
}

:root.skin-citizen-light {
	--color-surface-1: hsl(var(--color-primary__h),40%,97%);
    --color-surface-2: hsl(var(--color-primary__h),30%,94%);
}

:root.skin-citizen-dark {
	--color-primary: hsl(162.11deg 35.37% 44.44%);
    --color-primary--hover: hsl(162.75deg 36.73% 35.7%);
    --color-primary--active: hsl(162.73deg 37.62% 27.69%);
    --color-link-new: #e35b5b;
    --color-link-new--hover: #c1433d;
    --color-link-new--active: #96332e;
}

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

.citizen-drawer__card {
    right: unset;
    min-width: 18rem;
}

.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 .citizen-body-container {
	grid-template-columns: minmax(0, 1280px);
}

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

.citizen-drawer__logo img {
        height: 3rem;
    }
    
.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%;
}

/* Шрифты */
@font-face {
font-family: "Vollkorn-VF";
src: url("/resources/assets/fonts/vollkorn-vf.ttf") format("truetype");
}
@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):hover, 
.page-info a:hover
{
	border-bottom: 1px solid;
}

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