/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Nov 13 2026 | 13:42:00 */ /* ===================================================================== Тема «ночь» — тёмный вариант темы «как лендинги» (santehkrep.ru). Начата 13.11.2026 на полигоне restore-test.ru. Вся раскладка и поведение — из theme-landing.css (шапка в одну строку, левое меню, вкладки, таблицы, блоки главной): у два класса, sk-landing и sk-night («Настройки сайта»: theme = 'night'). Здесь только цвета: переменные темы переопределены, плюс несколько правил там, где одной переменной мало. Палитра «тёплый уголь» ([stated] владелец 13.11.2026, вариант А): фон не чёрный, а тёмный тёплый — тот же коричневый, которым на мастере набран текст; текст — кремовый фон мастера. Сайты одной семьи, вывернутые наизнанку. Смысловые переменные (theme-landing.css читает их с запасным значением — на мастере они не заданы и ничего не меняют): --skl-sel-bg / --skl-sel-fg выбранное (текущий пункт меню, кнопка): на мастере чёрное с жёлтым текстом, здесь — жёлтое с тёмным; --skl-hover-bg / -fg / -line наведение: на мастере жёлтое, здесь — спокойное осветление фона (жёлтый на тёмном — самое яркое пятно, его бережём для выбранного и плашек); --skl-on-yellow текст на жёлтой плашке (всегда тёмный); --skl-raise фон карточки при наведении; --skl-thead шапка таблиц; --skl-h1-page заголовок обычной страницы; --skl-bar фон прилипающей шапки; --skl-display-style начертание заголовков (italic на мастере). Запись выводится после theme-landing (дата раньше). ===================================================================== */ .sk-landing.sk-night { color-scheme: dark; --skl-bg: #1A1714; --skl-surface: #231F1B; --skl-surface-2: #2C2722; --skl-ink: #F2ECDF; --skl-ink-2: #B9AF9F; --skl-line: #3A342D; --skl-line-strong: #5A5146; --skl-yellow: #FFF200; --skl-yellow-pale: #3A361F; --skl-red: #D0121A; --skl-red-dark: #FF6A5E; /* красный для текста: фирменный на тёмном слишком тусклый */ --skl-shadow: 0 18px 36px -14px rgba(0, 0, 0, .75); --skl-lift: 0 0 0 1.5px var(--skl-line-strong), var(--skl-shadow); --skl-sel-bg: #FFF200; --skl-sel-fg: #1E1A16; --skl-on-yellow: #1E1A16; --skl-hover-bg: #3A342D; --skl-hover-fg: #F2ECDF; --skl-hover-line: #5A5146; --skl-raise: #2C2722; --skl-thead: #2C2722; --skl-h1-page: #F2ECDF; --skl-bar: rgba(26, 23, 20, .9); /* 3D-фон (three.js): тёплые приглушённые линии на тёмном */ --sk-3d-bg: #1A1714; --sk-3d-grid: #8C7A5E; --sk-3d-grid-opacity: .22; --sk-3d-points: #D8C28A; --sk-3d-points-opacity: .4; --sk-3d-fish: #B9AF9F; --sk-3d-manta: #A8977A; --sk-3d-shark: #9C8F7C; --sk-3d-life-opacity: .4; --sk-waves-line: #8C7A5E; --sk-waves-fill: #1A1714; --sk-pattern-color: #2C2722; } html.sk-landing.sk-night { background: #1A1714; } /* ===== Шрифт: IBM Plex Sans ([stated] владелец 13.11.2026, вариант 2) ===== На мастере Fira Sans и узкий жирный курсив в заголовках; здесь — прямой IBM Plex, в заголовках суженный. Отдельного семейства IBM Plex Sans Condensed с русскими буквами в открытых сборках нет (только расширенная кириллица), поэтому взят вариативный IBM Plex Sans с осью ширины (wdth 75–100, wght 100–700): один файл на набор символов, узкие заголовки — тем же шрифтом через font-stretch. Файлы — /fonts/plex/ в корне сайта (источник — Fontsource, лицензия SIL OFL, OFL-ibm-plex.txt). */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100 700; font-stretch: 75% 100%; font-display: swap; src: url(/fonts/plex/ibm-plex-sans-cyrillic-wdth-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100 700; font-stretch: 75% 100%; font-display: swap; src: url(/fonts/plex/ibm-plex-sans-latin-wdth-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 100 700; font-stretch: 75% 100%; font-display: swap; src: url(/fonts/plex/ibm-plex-sans-cyrillic-wdth-italic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 100 700; font-stretch: 75% 100%; font-display: swap; src: url(/fonts/plex/ibm-plex-sans-latin-wdth-italic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .sk-landing.sk-night { --skl-font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --skl-font-display: 'IBM Plex Sans', 'Arial Narrow', system-ui, sans-serif; --skl-display-style: normal; --skn-narrow: 80%; } /* Заголовки и плашки — суженным начертанием. У максимального веса шрифта 700 (на мастере 800) — тема сама возьмёт ближайший. */ .sk-landing.sk-night h1, .sk-landing.sk-night h2, .sk-landing.sk-night h3, .sk-landing.sk-night .widget .widget-title, .sk-landing.sk-night body.single-product .prod-art, .sk-landing.sk-night .sk-cookie__title { font-stretch: var(--skn-narrow); letter-spacing: 0; } /* Заголовок меню дочерних страниц — ссылка; общий стиль (sidebar.css) задаёт ей тонкое начертание, у вариативного шрифта оно есть и рядом с жирным «Продукция» выглядит чужим */ .sk-landing.sk-night .widget-area .widget .widget-title2 a { font-weight: 700 !important; } /* …кроме тех, что тема набирает шрифтом текста: названия подразделов и товаров в списках, заголовки раскрывающихся вкладок */ .sk-landing.sk-night #content .product-category h2, .sk-landing.sk-night #content .products h3.woocommerce-loop-product__title, .sk-landing.sk-night #page #content h2.responsive-tabs__heading { font-stretch: 100%; } /* Логотип santehkrep.ru светлый (под тёмный фон) — перекрашивать в чёрный, как на мастере, не нужно */ .sk-landing.sk-night .site-header .site-branding img { filter: none; opacity: 1; } /* ===== Знак логотипа: объёмный оборот (/logo-3d/logo-3d.js) ===== Правила — в theme-landing.css (общие с мастером); здесь цвет и положение копии знака под картинку логотипа santehkrep.ru logo-wheat.png (знак: x 4…203 из 1117, y 3…260 из 264; у него чёрная обводка). */ .sk-landing.sk-night { --skn-logo: #F1E0B6; --skn-logo-side: #7A6B4A; --skn-logo-opacity: 1; --skn-logo-left: .36%; --skn-logo-top: 1.1%; --skn-logo-width: 17.73%; --skn-logo-height: 97.35%; } /* Первый экран главной с видео — тёмная вуаль (цвет страницы), текст светлый */ @media (min-width: 768px), (orientation: landscape) and (min-width: 560px) { .sk-landing.sk-night .home #page #content .hero-main.sk-hero-has-video { --sk-hero-veil: .66; --sk-hero-veil-rgb: 26, 23, 20; } } /* Кнопки: основная — жёлтая с тёмным текстом (через --skl-sel-*); при наведении светлеет (на мастере чернеет) */ .sk-landing.sk-night #page a.button:hover, .sk-landing.sk-night #page button.button:hover, .sk-landing.sk-night #page input[type=submit]:hover, .sk-landing.sk-night #page .wp-block-button__link:hover, .sk-landing.sk-night #page a.sk-btn:hover { color: #1E1A16; background: #fff; border-color: #fff; } .sk-landing.sk-night #page a.sk-btn--ghost:hover { color: #1E1A16; background: var(--skl-yellow); border-color: var(--skl-yellow); } .sk-landing.sk-night .sk-cookie__btn:hover, .sk-landing.sk-night .sk-cookie__btn:focus-visible { background: #fff; border-color: #fff; } /* Тёмная карточка блока «Партнёрам» на мастере — цвета текста; здесь текст светлый, поэтому карточка — на ступень светлее фона, с рамкой */ .sk-landing.sk-night .sk-cta__card--dark { background: var(--skl-surface-2); box-shadow: 0 0 0 1px var(--skl-line-strong); } /* Тень у неактивных вкладок на тёмном почти не видна — гуще */ .sk-landing.sk-night #page .responsive-tabs .responsive-tabs__list__item, .sk-landing.sk-night #page .responsive-tabs ul.sk-tabs-on .responsive-tabs__list__item::before { box-shadow: inset 0 -8px 8px -8px rgba(0, 0, 0, .7); } .sk-landing.sk-night #page .responsive-tabs ul.sk-tabs-on .responsive-tabs__list__item, .sk-landing.sk-night #page .responsive-tabs .responsive-tabs__list__item--active { box-shadow: none; } .sk-landing.sk-night #page .responsive-tabs .responsive-tabs__list__item--active, .sk-landing.sk-night #page .responsive-tabs ul.sk-tabs-on > .sk-opal-pill.sk-tab-active { box-shadow: inset 0 3px 0 var(--skl-red); } /* Стрелки ленты фото вариаций */ @media (max-width: 1199px) { .sk-landing.sk-night table.prod_attr_table { --sk-var-nav-bg: rgba(35, 31, 27, .92); --sk-var-nav-shadow: 0 2px 8px rgba(0, 0, 0, .6); } }