Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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 будет применяться ко всем темам оформления */
html {
--header-size: 3.5rem;
--header-card-maxheight: 70vh;
--width-layout: 1080px;
--width-layout--extended: calc(var(--width-layout) * 1.5);
--width-toc: 240px;
--line-height: 1.6;
--line-height-xs: 1.25;
--line-height-sm: 1.375;
--space-unit: 1rem;
--space-xxs: calc(0.25 * var(--space-unit));
--space-xs: calc(0.5 * var(--space-unit));
--space-sm: calc(0.75 * var(--space-unit));
--space-md: var(--space-unit);
--space-lg: calc(1.25 * var(--space-unit));
--space-xl: calc(1.5 * var(--space-unit));
--space-xxl: calc(2 * var(--space-unit));
--margin-layout: calc((100vw - var(--width-layout)) / 2);
--padding-page: 16px;
}
@media screen {
:root.skin-citizen-dark {
--color-primary__l: 60%;
--color-surface-0: hsl(205,20%,10%);
--color-surface-1: hsl(205,25%,12%);
--color-surface-2: hsl(205,25%,15%);
--color-surface-3: hsl(205,15%,20%);
--color-surface-4: hsl(205,15%,25%);
--color-base--emphasized: hsl(205,80%,95%);
--color-base: hsl(205,25%,80%);
--color-base--subtle: hsl(205,25%,65%);
--background-color-primary--hover: hsl(205,60%,15%);
--background-color-primary--active: hsl(205,60%,20%);
--background-color-overlay: hsla(205,20%,10%,0.95);
--background-color-overlay--lighter: hsla(205,20%,10%,0.6);
--color-surface-2--hover: hsl(205,30%,19%);
--color-surface-2--active: hsl(205,30%,11%);
--surface-shadow: 205,50%,3%;
--shadow-strength: 0.8;
--filter-invert: invert(1) hue-rotate(180deg);
--font-grade: -25;
}
}
@media screen and (min-width: 851px) {
.mobile {
display:none !important;
}
.desktoponly {
}
}
@media screen and (max-width: 850px) {
.nomobile {
display:none !important;
}
.mobileonly{
}
.mobilefont {
font-size: 80%
}
}
/*@media screen and (min-width: 640px) {*/
/* .mobile {*/
/* display: none !important;*/
/* }*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/* .nomobile {*/
/* display: none !important;*/
/* }*/
/*}*/
.home-link__button a {
color: #fff !important;
}
.wikitable-2 {
margin: var(--space-md) 0;
border: 0.5px solid var(--border-color-base);
border-radius: var(--border-radius--medium);
border-spacing: 0;
font-size: var(--font-size-small);
}
img {
image-rendering: pixelated;
}
/*---------------------*/
/* Стили для кастомных ссылок в шапке */
.citizen-custom-links {
display: flex;
flex-direction: column;
gap: 8px;
margin-right: 20px;
}
.citizen-custom-links a {
color: var(--color-base--emphasized);
text-decoration: none;
font-size: 14px;
}
.citizen-custom-links a:hover {
color: var(--color-primary);
}
/* MediaWiki:Common.css */
/* Основной контейнер шапки */
.citizen-page-container {
display: grid !important;
grid-template-columns: var(--width-layout--expanded) 1fr !important; /* Важно: левая колонка + контент */
}
/* Восстанавливаем боковое меню */
.citizen-sidebar {
display: block !important;
position: sticky !important;
top: 0 !important;
height: 100vh !important;
overflow-y: auto !important;
}
/* Возвращаем видимость ссылок */
.citizen-sidebar__content a {
display: inline-block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Безопасное позиционирование кастомных элементов */
.citizen-header__custom-bottom {
position: relative !important; /* Убрать absolute */
left: auto !important;
transform: none !important;
display: flex;
justify-content: center;
gap: 20px;
margin-top: 10px; /* Отступ от основного меню */
}
/* Гарантированное отображение */
.citizen-header__custom-bottom {
display: flex !important;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px;
width: 100%;
}
/* Стили для текстовых ссылок */
.citizen-header__custom-bottom a {
color: var(--color-base--emphasized);
text-decoration: none;
font-size: 14px;
}
/* Эффекты при наведении */
.citizen-header__custom-bottom a:hover {
opacity: 0.8;
}
/* Гарантируем обычный размер шапки и отключаем автоскрытие */
.citizen-header {
position: sticky !important;
top: 0 !important;
transform: none !important;
transition: none !important;
z-index: 1000;
}
/* Фиксируем отступ для контента */
.citizen-body {
margin-top: var(--header-size) !important;
}
/* Мобильная адаптация кастомных элементов */
@media (max-width: 850px) {
.citizen-header__custom-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--color-surface-2);
padding: 12px;
justify-content: space-around;
box-shadow: 0 -2px 8px rgba(var(--surface-shadow), 0.1);
gap: 15px;
}
.citizen-header__custom-bottom img {
width: 28px !important;
height: 28px !important;
}
}
/* Оверлей для закрытия элементов */
.citizen-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 999;
}
.menu-open .citizen-overlay {
display: block;
}
/* Десктоп: панель слева */
@media (min-width: 851px) {
.citizen-header__custom-bottom {
position: fixed !important;
left: 12px;
top: 50%;
transform: translateY(-50%);
flex-direction: column;
width: auto;
background: var(--color-surface-2);
border-radius: 8px;
padding: 12px;
z-index: 1000;
box-shadow: 0 4px 8px rgba(var(--surface-shadow), var(--shadow-strength));
}
}
/* Мобильная версия: панель внизу */
@media (max-width: 850px) {
.citizen-header__custom-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
flex-direction: row;
justify-content: center;
background: var(--color-surface-2);
padding: 8px;
gap: 25px;
z-index: 1000;
box-shadow: 0 -4px 8px rgba(var(--surface-shadow), var(--shadow-strength));
}
}
/* Оверлей для закрытия */
.citizen-panel-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 999;
cursor: pointer;
}
/* Активное состояние панели */
.citizen-panel-active .citizen-panel-overlay {
display: block;
}