Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/*.citizen-animations-ready .citizen-page-container {
background-image: url(/resources/assets/cover-low-2.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-citizen-dark::selection {
background-color: #367764;
color: white;
}
.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%,92%);
--color-surface-2--hover: hsl(var(--color-primary__h), 30%, 89%);
--color-surface-2--active: hsl(var(--color-primary__h), 30%, 85%);
}
: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.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;
}
.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 {
display: grid;
grid: auto-flow dense / repeat(auto-fit, minmax(33%, 1fr));
margin-inline: 0;
}
@media screen and (max-width: 680px) {
.mw-spcontent ul {
grid: auto-flow dense / repeat(auto-fit, minmax(50%, 1fr));
}
}
.mw-spcontent li {
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);
}
.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);
}
/* Футер */
#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;
}
#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);
}