/* ============================================================ РЕЖИМ НАЦИОНАЛЬНОГО ТРАУРА Сейчас: ВКЛЮЧЁН — сайт чёрно-белый, сверху закреплён траурный баннер. ЧТОБЫ ВЫКЛЮЧИТЬ: закомментируйте блок между метками ниже (выделите его и добавьте в начало /* и в конец * / без пробела) либо просто удалите содержимое этого файла. Ссылки на файл в шаблонах трогать НЕ НУЖНО — они стоят постоянно. Чёрно-белый режим включается и выключается здесь, в одном месте. Баннер отдельно выключается переменной $mourningBannerEnabled в index.php. Адрес файла подставляется со временем изменения (?v=…), поэтому у посетителей со старым кэшем правка применится сразу. ============================================================ */ /* ===== НАЧАЛО ТРАУРНОГО РЕЖИМА ===== */ /* Фильтр ставится именно на , и это принципиально. По спецификации CSS Filter Effects элемент с filter, отличным от none, становится «точкой отсчёта» для потомков с position: fixed — они начинают позиционироваться относительно него, а не относительно окна. Корневой элемент из этого правила исключён. Поэтому filter на безопасен, а тот же filter на сломал бы прилипающую шапку, панель для слабовидящих и виджет чата: они перестали бы держаться за экран при прокрутке. */ html { -webkit-filter: grayscale(100%); filter: grayscale(100%); } :root { --mourning-banner-height: 52px; } body.has-mourning-banner { padding-top: var(--mourning-banner-height) !important; } .mourning-banner { position: fixed; top: 0; right: 0; left: 0; z-index: 10000; height: var(--mourning-banner-height); color: #fff; background: #000; border-bottom: 1px solid #333; } .mourning-banner__link { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; gap: 12px; padding: 8px 24px; color: #fff !important; background: #000; font-family: Manrope, Arial, sans-serif; font-size: clamp(14px, 1.15vw, 17px); font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; transition: background-color .2s ease; } .mourning-banner__link:hover, .mourning-banner__link:focus-visible { color: #fff !important; background: #1b1b1b; } .mourning-banner__link:focus-visible { outline: 2px solid #fff; outline-offset: -5px; } .mourning-banner__link > span:first-child { min-width: 0; color: inherit; overflow-wrap: anywhere; } .mourning-banner__arrow { flex: 0 0 auto; font-size: 18px; font-weight: 400; line-height: 1; } body.has-mourning-banner .edu-header .header-mainmenu.edu-sticky { top: var(--mourning-banner-height); } @media (max-width: 767px) { :root { --mourning-banner-height: 76px; } .mourning-banner__link { gap: 8px; padding: 8px 14px; font-size: 13px; } .mourning-banner__arrow { font-size: 16px; } } @media (max-width: 390px) { :root { --mourning-banner-height: 88px; } .mourning-banner__link { padding-right: 10px; padding-left: 10px; font-size: 12px; } } /* ===== КОНЕЦ ТРАУРНОГО РЕЖИМА ===== */