From 514f188f4a449f84f611ccbf6e586e0799578ffd Mon Sep 17 00:00:00 2001 From: Telegram Bot Date: Thu, 16 Apr 2026 01:33:13 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=81=D1=82=D1=8B:=20=D0=B4=D0=B2?= =?UTF-8?q?=D0=B5=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD=D0=BA=D0=B8=20+=20?= =?UTF-8?q?=D0=B5=D0=B4=D0=B8=D0=BD=D1=8B=D0=B9=20=D1=84=D0=BE=D1=80=D0=BC?= =?UTF-8?q?=D0=B0=D1=82=20=D1=84=D0=BE=D1=82=D0=BE=2016:9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/posts-single-column.css | 45 +++++++----------------------- 1 file changed, 10 insertions(+), 35 deletions(-) diff --git a/static/css/posts-single-column.css b/static/css/posts-single-column.css index d9d62ee..fa7fcfc 100644 --- a/static/css/posts-single-column.css +++ b/static/css/posts-single-column.css @@ -1,52 +1,27 @@ -/* Посты на главной: одна колонка, крупные фото как у featured */ -#main > .posts { - display: flex; - flex-direction: column; - max-width: 900px; - margin: 0 auto; -} - -#main > .posts > * { - width: 100% !important; - padding: 2rem 0 !important; -} - -#main > .posts > article { - border-left-width: 0 !important; - border-top: 1px solid rgba(0,0,0,0.08) !important; - text-align: left !important; -} - -#main > .posts > article:first-child { - border-top-width: 0 !important; -} +/* Посты на главной: две колонки, но фото крупнее и единого формата */ +/* Все фото постов — единый aspect ratio 16:9 с cover */ #main > .posts > article .image.main img { - border-radius: 12px; + border-radius: 10px; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; } -#main > .posts > article h2 { - font-size: 1.6em; - margin-bottom: 0.5em; +/* Featured пост сверху — чуть выделить */ +article.post.featured { + border-bottom: 1px solid rgba(0,0,0,0.08); + padding-bottom: 3rem; + margin-bottom: 1rem; } -#main > .posts > article h2 a { - text-decoration: none; -} - -/* Featured пост — тот же стиль, чуть крупнее */ article.post.featured .image.main img { border-radius: 12px; aspect-ratio: 16/9; object-fit: cover; } -@media (max-width: 736px) { - #main > .posts > * { - padding: 1.5rem 0 !important; - } +article.post.featured header.major h2 { + font-size: 1.8em; }