img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /* ========================================= */ /* EYE-COMFORT LIGHT MODE + DARK HEADER */ /* ========================================= */ /* 1. ГЛОБАЛЬНЫЙ ФОН САЙТА */ /* Холодный, приглушенный серый цвет снимает напряжение с глаз */ body { background-color: #E6E8EC !important; color: #4A4F5A; } /* ========================================= */ /* 2. ШАПКА И МЕНЮ (DARK HEADER) */ /* ========================================= */ .site-header, .main-navigation, #mobile-header { background-color: #121216 !important; /* Глубокий темный графит для шапки */ border-bottom: 2px solid #9D4EDD !important; /* Премиальная фиолетовая линия снизу */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; } /* Ссылки в меню (на темном фоне делаем светлыми) */ .main-navigation .main-nav ul li a { color: #EAEAEA !important; /* Светло-серый текст */ font-weight: 600 !important; font-size: 15px !important; transition: color 0.3s ease; } /* При наведении на пункты меню */ .main-navigation .main-nav ul li:hover > a { color: #9D4EDD !important; background-color: transparent !important; text-shadow: 0 0 10px rgba(157, 78, 221, 0.4); /* Легкое свечение текста */ } /* ========================================= */ /* 3. КАРТОЧКИ ПОСТОВ (Матовая бумага) */ .generate-columns .inside-article { background-color: #F4F5F8 !important; border: 1px solid #D5D8E0 !important; border-radius: 8px; padding: 15px !important; box-shadow: 0 4px 12px rgba(45, 49, 58, 0.04) !important; transition: all 0.3s ease; } .generate-columns .inside-article:hover { border-color: #9D4EDD !important; box-shadow: 0 10px 20px rgba(157, 78, 221, 0.12) !important; transform: translateY(-3px); } /* 4. ИДЕАЛЬНАЯ СЕТКА КАРТИНОК И ЗАЩИТА ГЛАЗ */ .post-image { margin-bottom: 15px !important; overflow: hidden; border-radius: 4px; } .post-image img { width: 100%; height: 260px; object-fit: cover !important; border-radius: 4px; filter: brightness(0.96) !important; /* Убираем "пересвет" монитора */ transition: all 0.4s ease; } .generate-columns .inside-article:hover .post-image img { transform: scale(1.02); filter: brightness(1) !important; } /* 5. ЗАГОЛОВКИ ПОСТОВ (Графит) */ h2.entry-title { font-size: 16px !important; font-weight: 600; line-height: 1.4 !important; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid #D5D8E0; } h2.entry-title a { color: #2D313A !important; text-decoration: none; transition: 0.2s; } h2.entry-title a:hover { color: #9D4EDD !important; } /* 6. МЕТА-ДАННЫЕ */ .entry-meta { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #8C93A1 !important; } .entry-meta a { color: #727986 !important; } .entry-meta a:hover { color: #9D4EDD !important; } /* 7. БОКОВОЕ МЕНЮ (САЙДБАР) */ .sidebar .widget { background-color: #F4F5F8 !important; border: 1px solid #D5D8E0 !important; border-radius: 8px; color: #4A4F5A; box-shadow: 0 4px 12px rgba(45, 49, 58, 0.04) !important; } .sidebar .widget-title { color: #2D313A; border-bottom: 2px solid #9D4EDD; padding-bottom: 10px; font-weight: 700; } .sidebar .widget ul { list-style-type: none; padding: 0; margin: 0; } .sidebar .widget ul li { border-bottom: 1px solid #E6E8EC; padding: 10px 0; font-size: 14px; transition: 0.2s; } .sidebar .widget ul li:last-child { border-bottom: none; } .sidebar .widget ul li::before { content: '▸'; color: #9D4EDD; margin-right: 8px; font-size: 12px; } .sidebar .widget a { color: #4A4F5A !important; text-decoration: none; } .sidebar .widget a:hover { color: #9D4EDD !important; } /* 8. ПАГИНАЦИЯ (НОМЕРА СТРАНИЦ) */ .separate-containers .paging-navigation, .nav-links { background-color: transparent !important; padding: 0 !important; border: none !important; } .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 20px; margin-bottom: 20px; } .nav-links .page-numbers { display: inline-block; background-color: #F4F5F8 !important; color: #4A4F5A !important; border: 1px solid #D5D8E0 !important; padding: 8px 16px !important; border-radius: 6px !important; font-weight: 600; text-decoration: none; transition: all 0.3s ease; } .nav-links a.page-numbers:hover { background-color: #FFFFFF !important; border-color: #9D4EDD !important; color: #9D4EDD !important; box-shadow: 0 4px 10px rgba(157, 78, 221, 0.1) !important; transform: translateY(-2px); } .nav-links .page-numbers.current { background-color: #9D4EDD !important; color: #ffffff !important; border-color: #9D4EDD !important; box-shadow: 0 4px 10px rgba(157, 78, 221, 0.3) !important; } .nav-links .page-numbers.dots { background-color: transparent !important; border: none !important; color: #8C93A1 !important; box-shadow: none !important; } /* 9. ФОРМА КОММЕНТАРИЕВ И ПОИСК */ .search-field, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea, .sidebar input.search-field, .sidebar input[type="search"], .sidebar .wp-block-search__input { background-color: #E6E8EC !important; color: #2D313A !important; border: 1px solid #D5D8E0 !important; border-radius: 8px !important; padding: 14px 16px !important; width: 100% !important; font-size: 14px !important; box-sizing: border-box; transition: all 0.3s ease !important; } .search-field:focus, #commentform input:focus, #commentform textarea:focus, .sidebar input[type="search"]:focus { background-color: #FFFFFF !important; border-color: #9D4EDD !important; box-shadow: 0 0 0 3px rgba(157, 78, 221, 0.1) !important; outline: none !important; } .search-submit, #commentform #submit, .sidebar button.search-submit, .sidebar input[type="submit"], .sidebar .wp-block-search__button { background-color: #9D4EDD !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; padding: 14px 20px !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; } .search-submit:hover, #commentform #submit:hover, .sidebar button.search-submit:hover { background-color: #8B44C6 !important; box-shadow: 0 6px 15px rgba(157, 78, 221, 0.25) !important; transform: translateY(-2px); } /* 10. ОФОРМЛЕНИЕ КАТЕГОРИЙ И ТЕГОВ */ .page-header { background-color: #F4F5F8 !important; border: 1px solid #D5D8E0 !important; border-left: 5px solid #9D4EDD !important; border-radius: 8px !important; padding: 24px 30px !important; margin-bottom: 30px !important; box-shadow: 0 4px 12px rgba(45, 49, 58, 0.04) !important; } .page-header h1.page-title { color: #2D313A !important; font-size: 26px !important; font-weight: 700 !important; margin: 0 !important; } .page-header .taxonomy-description { color: #5A606D !important; margin-top: 12px !important; font-size: 15px !important; line-height: 1.6 !important; } /* 11. ТЕКСТ И ССЫЛКИ ВНУТРИ ПОСТА */ .entry-content, .entry-content p, .entry-content div, .entry-content span { color: #4A4F5A !important; line-height: 1.7 !important; font-size: 16px !important; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #2D313A !important; font-weight: 700 !important; margin-top: 30px !important; margin-bottom: 20px !important; } .entry-content a { color: #9D4EDD !important; text-decoration: none !important; font-weight: 600 !important; transition: all 0.2s ease-in-out !important; } .entry-content a:hover { color: #8B44C6 !important; text-decoration: underline !important; } body.single .site-main :where(.entry-content, .post-content) a:visited { color: #A38BAF !important; border-left-color: #E2D1F5 !important; background: #FAF8FC !important; } /* 12. ДИЗАЙН ВИДЖЕТОВ (Новые карточки в сайдбаре) */ .sidebar .widget_recent_comments li.recentcomments, .sidebar .widget .recent-comments-list li, .sidebar aside[class*="comment"] li, .sidebar .widget ul li { background-color: #FFFFFF !important; border: 1px solid #E6E8EC !important; border-radius: 8px !important; padding: 14px 16px !important; margin-bottom: 12px !important; color: #5A606D !important; font-size: 13px !important; line-height: 1.5 !important; transition: all 0.3s ease !important; display: block !important; } .sidebar .widget ul li a, .sidebar aside[class*="comment"] li .url { color: #2D313A !important; font-weight: 600 !important; text-decoration: none !important; } .sidebar .widget ul li a:hover { color: #9D4EDD !important; } /* ОБЛАКО ТЕГОВ */ .sidebar .tagcloud, .sidebar .wp-block-tag-cloud { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .sidebar .tagcloud a, .sidebar .wp-block-tag-cloud a { background-color: #E6E8EC !important; border: 1px solid #D5D8E0 !important; color: #4A4F5A !important; padding: 6px 14px !important; border-radius: 20px !important; text-decoration: none !important; font-size: 13px !important; transition: all 0.3s ease !important; display: inline-block !important; font-weight: 500; } .sidebar .tagcloud a:hover, .sidebar .wp-block-tag-cloud a:hover { background-color: #9D4EDD !important; border-color: #9D4EDD !important; color: #ffffff !important; box-shadow: 0 4px 10px rgba(157, 78, 221, 0.2) !important; } /* Скрываем ненужные стандартные рамки GeneratePress */ .separate-containers .inside-article { background: transparent; } /* 13. ШРИФТЫ (ПРЕМИУМ ТИПОГРАФИКА) */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); body, button, input, select, textarea, h2.entry-title, h2.entry-title a, .generate-columns-container .entry-title a { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= */ /* 14. МОБИЛЬНАЯ ВЕРСИЯ (DARK MENU) */ /* ========================================= */ @media (max-width: 768px) { #mobile-header .inside-navigation { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-left: 10px !important; padding-right: 15px !important; } .site-logo.mobile-header-logo { margin-right: auto !important; display: flex !important; align-items: center !important; } .site-logo.mobile-header-logo img { max-width: 240px !important; height: auto !important; max-height: 55px !important; width: 100% !important; object-fit: contain; } /* Темный фон для выпадающего меню на мобилках */ #mobile-header .sub-menu, .slideout-navigation .sub-menu, .main-navigation.toggled .main-nav ul ul { background-color: #1A1A20 !important; border-top: 1px solid #2B2B33; } /* Светлый текст в мобильном темном меню */ #mobile-header .sub-menu li a, .slideout-navigation .sub-menu li a, .main-navigation.toggled .main-nav ul ul li a { color: #EAEAEA !important; } #mobile-header .sub-menu li a:hover, .slideout-navigation .sub-menu li a:hover, .main-navigation.toggled .main-nav ul ul li a:hover { color: #9D4EDD !important; background-color: #121216 !important; } }
Skip to content