. Либо блок T123 на каждой странице блога. Блокам потоков задайте CSS-класс в настройках блока («Добавить CSS Class Name»): uc-blog-feed, uc-blog-feature, uc-blog-search. Имена классов Тильды (.t-feed__…) актуальны на 2025–2026; если что-то не применилось — проверьте класс через «Инспектор» в браузере. ============================================================ */ :root{ --ts-ink:#141414; --ts-green:#1CB554; --ts-green-dark:#0E7F3A; --ts-muted:#6B6B6B; --ts-line:rgba(20,20,20,.14); --ts-soft:#F6F6F4; --ts-r:16px; --ts-font:Geologica, system-ui, sans-serif; } /* ---------- Сетка карточек (FD301 / FD302, класс uc-blog-feed) ---------- */ .uc-blog-feed .t-feed__post{ font-family:var(--ts-font); } .uc-blog-feed .t-feed__col-grid__post-wrapper{ position:relative; } .uc-blog-feed .t-feed__post-imgwrapper, .uc-blog-feed .t-feed__post-bgimg{ border-radius:var(--ts-r); overflow:hidden; } .uc-blog-feed .t-feed__post-bgimg{ aspect-ratio:4/3; height:auto !important; padding-bottom:0 !important; background-size:cover; } .uc-blog-feed .t-feed__col-grid__wrapper{ padding:14px 0 0 !important; } /* Рубрика — плашка поверх обложки */ .uc-blog-feed .t-feed__post-tag{ position:absolute; top:12px; left:12px; z-index:2; background:#fff; color:var(--ts-ink) !important; font:500 13px/1 var(--ts-font) !important; letter-spacing:0 !important; text-transform:none !important; padding:8px 12px; border-radius:999px; margin:0 !important; } .uc-blog-feed .t-feed__post-date{ font:400 13px/1.4 var(--ts-font) !important; color:var(--ts-muted) !important; margin:0 0 8px !important; } .uc-blog-feed .t-feed__post-title{ font:600 22px/1.2 var(--ts-font) !important; letter-spacing:-.01em; color:var(--ts-ink) !important; } .uc-blog-feed .js-feed-post-descr{ font:400 15px/1.5 var(--ts-font) !important; color:var(--ts-muted) !important; margin-top:10px !important; } .uc-blog-feed .t-feed__post__line-separator{ display:none; } /* Переключатель разделов → чипсы-рубрики */ .uc-blog-feed .t-feed__parts-switch-wrapper{ text-align:left; margin-bottom:40px !important; } .uc-blog-feed .t-feed__parts-switch-btn{ display:inline-flex; align-items:center; height:40px; padding:0 18px; margin:0 8px 8px 0 !important; border:1px solid var(--ts-line); border-radius:999px; background:transparent; font:500 15px/1 var(--ts-font) !important; color:var(--ts-ink) !important; opacity:1 !important; transition:border-color .15s, background .15s; } .uc-blog-feed .t-feed__parts-switch-btn:hover{ border-color:var(--ts-ink); } .uc-blog-feed .t-feed__parts-switch-btn_active, .uc-blog-feed .t-feed__parts-switch-btn.t-active{ background:var(--ts-ink); border-color:var(--ts-ink); color:#fff !important; } /* Кнопка «Загрузить ещё» */ .uc-blog-feed .t-feed__showmore-btn, .uc-blog-feed .t-btn{ height:52px !important; padding:0 32px !important; border:1px solid rgba(20,20,20,.16) !important; border-radius:999px !important; background:transparent !important; color:var(--ts-ink) !important; font:500 16px/1 var(--ts-font) !important; } .uc-blog-feed .t-feed__showmore-btn:hover, .uc-blog-feed .t-btn:hover{ border-color:var(--ts-ink) !important; } /* ---------- Крупная первая запись (FD201, класс uc-blog-feature) ---------- */ .uc-blog-feature .t-feed__post{ font-family:var(--ts-font); align-items:center; } .uc-blog-feature .t-feed__post-imgwrapper, .uc-blog-feature .t-feed__post-bgimg{ border-radius:var(--ts-r); overflow:hidden; } .uc-blog-feature .t-feed__post-bgimg{ aspect-ratio:3/2; height:auto !important; padding-bottom:0 !important; } .uc-blog-feature .t-feed__post-tag{ display:inline-flex; align-items:center; height:32px; padding:0 14px; border:1px solid var(--ts-line); border-radius:999px; font:500 13px/1 var(--ts-font) !important; color:var(--ts-ink) !important; text-transform:none !important; letter-spacing:0 !important; } .uc-blog-feature .t-feed__post-date{ font:400 14px/1.4 var(--ts-font) !important; color:var(--ts-muted) !important; } .uc-blog-feature .t-feed__post-title{ font:600 44px/1.08 var(--ts-font) !important; letter-spacing:-.025em; color:var(--ts-ink) !important; } .uc-blog-feature .js-feed-post-descr{ font:400 18px/1.5 var(--ts-font) !important; color:var(--ts-muted) !important; } @media (max-width:960px){ .uc-blog-feature .t-feed__post-title{ font-size:28px !important; } } /* ---------- Поиск (T838 / T985, зона «Потоки», класс uc-blog-search) ---------- */ .uc-blog-search .t-input, .uc-blog-search input[type="text"]{ height:48px !important; padding:0 22px !important; border:1px solid var(--ts-line) !important; border-radius:999px !important; background:#fff !important; font:400 15px/1 var(--ts-font) !important; color:var(--ts-ink) !important; box-shadow:none !important; } .uc-blog-search .t-input:focus{ border-color:var(--ts-ink) !important; } /* ---------- Страница поста (дизайн задаётся в настройках потока, это доводка) ---------- */ .t-feed__post-popup__title{ font:600 62px/1.04 var(--ts-font) !important; letter-spacing:-.03em; color:var(--ts-ink) !important; } .t-feed__post-popup__descr{ font:400 22px/1.45 var(--ts-font) !important; color:var(--ts-muted) !important; } .t-feed__post-popup__date, .t-feed__post-popup__author{ font:400 15px/1.4 var(--ts-font) !important; color:var(--ts-muted) !important; } .t-feed__post-popup__cover-wrapper, .t-feed__post-popup__cover-wrapper img{ border-radius:24px; overflow:hidden; } .t-feed__post-popup__text, .t-feed__post-popup__text .t-redactor__text{ font:400 19px/1.65 var(--ts-font) !important; color:var(--ts-ink) !important; } .t-feed__post-popup__text .t-redactor__h2{ font:600 34px/1.15 var(--ts-font) !important; letter-spacing:-.02em; margin:48px 0 20px !important; } .t-feed__post-popup__text .t-redactor__h3{ font:600 26px/1.2 var(--ts-font) !important; letter-spacing:-.015em; } .t-feed__post-popup__text img{ border-radius:var(--ts-r); } /* Цитата — крупный текст и зелёная кавычка вместо полосы слева */ .t-feed__post-popup__text .t-redactor__quote, .t-feed__post-popup__text blockquote{ border:0 !important; padding:0 !important; margin:48px 0 !important; font:500 30px/1.3 var(--ts-font) !important; letter-spacing:-.015em; color:var(--ts-ink) !important; } .t-feed__post-popup__text .t-redactor__quote::before, .t-feed__post-popup__text blockquote::before{ content:'\201C'; display:block; color:var(--ts-green); font-size:72px; line-height:.5; margin-bottom:20px; } /* Теги под статьёй — мягкие серые плашки */ .t-feed__post-popup__tags a, .t-feed__post-popup .t-feed__post-tag{ display:inline-flex; align-items:center; height:36px; padding:0 14px; margin:0 8px 8px 0; border-radius:999px; background:var(--ts-soft); color:var(--ts-ink) !important; font:500 14px/1 var(--ts-font) !important; text-decoration:none; } @media (max-width:960px){ .t-feed__post-popup__title{ font-size:36px !important; } .t-feed__post-popup__descr{ font-size:18px !important; } .t-feed__post-popup__text, .t-feed__post-popup__text .t-redactor__text{ font-size:17px !important; } }
Заказы всех кабинетов в одном окне, волна сборки по ячейкам, печать FBS-этикетки по скану и отгрузка в один шаг.