/* ========================================================================== МОДУЛЬ: УНИВЕРСАЛЬНАЯ ПАГИНАЦИЯ И ЛЕНТЫ ОБНОВЛЕНИЙ (pagination.css) ========================================================================== */ /* ========================================================================== 1. СЕТКА КОНТЕЙНЕРА НА ГЛАВНОЙ ========================================================================== */ /* Фикс сеточного растяжения карточки обновлений "Что нового?" */ .category-card.site-news { display: flex !important; flex-direction: column !important; } /* Заставляем список обновлений забирать всё свободное место, отталкивая кнопки вниз */ .category-card.site-news .home-news-feed { flex-grow: 1 !important; margin-bottom: 15px !important; } /* ========================================================================== 2. БАЗОВЫЕ КОНТЕЙНЕРЫ ПАГИНАЦИИ И ВЕРХНЕЙ НАВИГАЦИИ ========================================================================== */ /* Общие флекс-настройки для контейнеров кнопок пагинации во всех архивах */ .pagination-container, #news-pagination, #journal-pagination { width: 100%; clear: both; display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin-top: 0px !important; /* Воздух регулируется маргином списка выше */ margin-bottom: 0px !important; } /* Универсальный контейнер управляющих кнопок пагинации */ .pagination-controls { margin-top: 25px !important; /* Твой оригинальный верхний зазор 25px */ display: flex !important; /* Твое флекс-позиционирование */ justify-content: center !important;/* Твое центрирование кнопок на странице */ } /* ========================================================================== ВЕРХНЯЯ НАВИГАЦИОННАЯ ШАПКА (ВЫНЕСЕНО ИЗ INLINE NAVIGATION.LIQUID) ========================================================================== */ /* Родительский контейнер шапки крошек */ .navigation-header { margin-bottom: 15px !important; /* Твой маргин 15px */ font-size: 0.9rem !important; /* Твой шрифт 0.9rem */ border-bottom: 1px solid #f0f0f0 !important;/* Твоя серая линия */ padding-bottom: 8px !important; /* Твой падинг снизу 8px */ } /* Общий сброс маргина для всех внутренних ссылок шапки */ .navigation-header .nav-header-link { margin-bottom: 0 !important; } /* Фирменный синий цвет для ссылок "Главная" и "Поиск" без жирности */ .navigation-header .nav-blue-link { color: #3498db !important; font-weight: normal !important; } /* Вертикальные палочки-разделители внутри крошек */ .navigation-header .nav-separator { color: #ccc !important; margin: 0 5px !important; } /* Специфические длинные ссылки крошек с эффектом сжатия текста (ellipsis) */ .navigation-header .nav-ellipsis-link { max-width: 135px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: inline-block !important; vertical-align: bottom !important; } /* ========================================================================== 3. СТИЛИ СТРОК КОНТЕНТА (ВЫРАВНИВАНИЕ) ========================================================================== */ /* --- ОБЩИЙ СТАНДАРТ КОМПАКТНЫХ ДАТ ДЛЯ ВСЕХ ЛЕНТ САЙТА --- */ .home-news-feed .news-item-compact div span:first-child, .news-feed .news-item div span:first-child, .posts-page-item div span:first-child { flex-shrink: 0 !important; color: #6a737d !important; font-family: monospace !important; font-size: 0.8rem !important; font-stretch: condensed !important; letter-spacing: -0.5px !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; } /* --- ОБЩИЙ СТАНДАРТ УМНОГО ПЕРЕНОСА СТРОК ДЛЯ ВСЕХ ССЫЛОК САЙТА --- */ .home-news-feed .item-link, .news-feed .item-link, .posts-page-link { word-break: break-word !important; /* Сначала переносит слова ЦЕЛИКОМ, при невозможности — РЕЖЕТ по буквам */ hyphens: none !important; /* Запрещает браузеру глупые слоговые деления с дефисами (ра-бота) */ } /* --- А. ГЛАВНАЯ СТРАНИЦА (Карточка "Что нового?") --- */ /* Внутренний контейнер строки для пиксельного верхнего выравнивания */ .home-news-feed .news-item-compact div { display: flex !important; align-items: flex-start !important; width: 100% !important; } /* Настройка высоты строки и ювелирного сдвига даты на Главной */ .home-news-feed .news-item-compact div span:first-child { line-height: 1.2 !important; padding-top: 1px !important; } /* Настройка контейнера заголовка на Главной странице */ .home-news-feed .news-item-compact div span:last-child { line-height: 1.2 !important; padding: 0 !important; margin: 0 !important; } /* Ссылка на публикацию на Главной странице */ .home-news-feed .news-item-compact .item-link { font-size: 0.9rem !important; line-height: 1.2 !important; display: block !important; } /* Раскраска ссылок на Главной: Серый для постов */ .home-news-feed .news-item[data-is-post="true"] .item-link { color: #586069 !important; } /* Раскраска ссылок на Главной: Синий для проектов/страниц */ .home-news-feed .news-item[data-is-post="false"] .item-link { color: #0366d6 !important; } /* --- Б. СТРАНИЦЫ АРХИВОВ (/news/ и /journal/) --- */ /* Внутренний контейнер строки для пиксельного baseline-выравнивания в архивах */ .news-feed .news-item div { display: flex !important; align-items: baseline !important; } /* Настройка высоты строки и отображения даты в архивах */ .news-feed .news-item div span:first-child { line-height: 1.4 !important; display: inline-block !important; } /* Настройка правой колонки контейнера заголовка в архивах */ .news-feed .news-item div span:last-child { flex-grow: 1 !important; line-height: 1.4 !important; } /* Ссылка на публикацию на страницах архивов */ .news-feed .news-item .item-link { font-size: 0.9rem !important; display: block !important; } /* Раскраска ссылок в Архивах: Серый для постов */ .news-feed .news-item[data-is-post="true"] .item-link { color: #586069 !important; } /* Раскраска ссылок в Архивах: Синий для проектов/страниц */ .news-feed .news-item[data-is-post="false"] .item-link { color: #0366d6 !important; } /* Временная подсветка фона для закрепленной новости */ .pinned-item { background-color: #fff9e6 !important; border-color: #ffe0b2 !important; } /* ========================================================================== 4. СТИЛИ КНОПОК ПАГИНАЦИИ (ИНТЕРФЕЙС) ========================================================================== */ /* ОБЩИЙ СТАНДАРТ ГЕОМЕТРИИ, РАМОК И ФОНОВ ДЛЯ ВСЕХ КНОПОК НАВИГАЦИИ САЙТА */ .page-btn, .page-btn.home-news-all-btn, .posts-page-btn { display: inline-block; border: 1px solid #e1e4e8 !important; border-radius: 5px !important; background-color: #fff !important; color: #24292e !important; font-weight: 600 !important; cursor: pointer !important; box-sizing: border-box !important; transition: background-color 0.2s, border-color 0.2s, color 0.2s !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; } /* Настройки отступов, маргинов и шрифта для обычных кнопок на Главной и в Архивах */ .page-btn, .page-btn.home-news-all-btn { padding: 5px 10px; margin: 0 3px; font-size: 0.9rem; } /* ИСПРАВЛЕНО: Полное объединение эффекта наведения для ВСЕХ кнопок сайта в одном месте */ .page-btn:not(.active):hover, .page-btn.home-news-all-btn:hover, .posts-page-btn:not(.active):hover { background-color: #f6f8fa !important; border-color: #1b1f2326 !important; color: #24292e !important; } /* Стили для active-кнопки выбранной страницы (только для цифр пагинации Главной и Архивов) */ .page-btn.active { background-color: var(--card-tech) !important; color: #fff !important; border-color: var(--card-tech) !important; cursor: default !important; } /* Изолированные текстовые свойства кнопки «Ёлочки» на Главной */ .page-btn.home-news-all-btn { line-height: normal !important; color: var(--card-tech) !important; } /* ========================================================================== 5. МОБИЛЬНАЯ АДАПТАЦИЯ (ПОРТРЕТНЫЙ РЕЖИМ) ========================================================================== */ @media (max-width: 900px) { .category-card.site-news .home-news-feed { margin-bottom: 10px !important; } #home-news-pagination.pagination-container, #news-pagination.pagination-container, #journal-pagination.pagination-container { margin-bottom: 0px !important; } .page-btn, .page-btn.home-news-all-btn { padding: 5px 10px; margin: 0 3px; font-size: 0.85rem; border-radius: 5px; } .page-btn.home-news-all-btn { vertical-align: top !important; } } /* ========================================================================== 6. МОБИЛЬНАЯ АДАПТАЦИЯ (ГОРИЗОНТАЛЬНЫЙ РЕЖИМ) ========================================================================== */ @media (max-height: 500px) and (orientation: landscape) { .category-card.site-news .home-news-feed { margin-bottom: 10px !important; } #home-news-pagination.pagination-container, #news-pagination.pagination-container, #journal-pagination.pagination-container { margin-bottom: 0px !important; } .page-btn, .page-btn.home-news-all-btn { padding: 4px 8px; margin: 0 3px; font-size: 0.8rem; } .page-btn.home-news-all-btn { vertical-align: top !important; } } /* ========================================================================== 7. ЛОКАЛЬНЫЕ ЛЕНТЫ ПОСТОВ НА СТРАНИЦАХ ПРОЕКТОВ (ИЗ POSTS-PAGE.CSS) ========================================================================== */ /* --- А. Разметка и выравнивание списка и строк проекта --- */ /* 1. ГЛАВНЫЙ КОНТЕЙНЕР СПИСКА */ .posts-page-list { padding: 0 !important; margin: 0 0 15px 0 !important; } /* 2. СТРОКА ПОСТА */ .posts-page-item { margin-bottom: 3px !important; } /* Внутренний контейнер строки для пиксельного baseline-выравнивания */ .posts-page-item div { display: flex; align-items: baseline !important; } /* Настройка высоты строки даты в проектах */ .posts-page-item div span:first-child { line-height: 1.4 !important; display: inline-block !important; } /* 4. ПРАВАЯ КОЛОНКА (ТЕКСТ ЗАГОЛОВКА) */ .posts-page-item div span:last-child { flex-grow: 1 !important; line-height: 1.4 !important; } /* Сама ссылка на пост */ .posts-page-link { text-decoration: none !important; font-size: 0.9rem !important; color: #586069 !important; display: block !important; } /* --- Б. Кнопки управления локальной пагинацией проекта --- */ /* 5. НОВЫЙ ИЗОЛИРОВАННЫЙ КОНТЕЙНЕР КНОПОК ПАГИНАЦИИ (posts-page-ctrl) */ .posts-page-ctrl { width: 100% !important; clear: both !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; box-sizing: border-box !important; padding: 0 !important; margin: 0px 0px 20px 0px !important; } /* Индивидуальные параметры отступов, маргинов и шрифта кнопок навигации проекта */ .posts-page-btn { padding: 3px 8px !important; margin: 0 3px !important; font-size: 0.8rem !important; } /* Высота строки для обычных кнопок-цифр и елочек в проектах */ .posts-page-btn:not(.posts-page-all-btn) { line-height: normal !important; } /* Настройка боков для кнопки "Ёлочки" в проектах */ .posts-page-btn.posts-page-all-btn { padding-left: 5px !important; padding-right: 5px !important; color: var(--card-tech) !important; } /* Короткий стиль для active-кнопки выбранной страницы проекта */ .posts-page-btn.active { background-color: var(--card-tech) !important; border-color: var(--card-tech) !important; color: #fff !important; cursor: default !important; }