| Строка 1: |
Строка 1: |
| − | /* ===== Главная страница Центра помощи ===== */ | + | /* ========================================================= |
| | + | COMMON.CSS — ФИНАЛЬНЫЕ СТИЛИ |
| | + | ========================================================= */ |
| | | | |
| − | /* Общий фон страницы */ | + | /* ---------- БАЗА ---------- */ |
| − | body {
| |
| − | background: #f4f6fb !important; /* серо-синий */
| |
| − | }
| |
| | | | |
| − | /* Контейнер убираем белый фон */
| + | html, |
| − | .bl-help-home {
| + | body, |
| − | background: transparent !important;
| + | input, |
| − | }
| + | button, |
| − | margin: -1em -1em 0 -1em;
| + | select, |
| − | padding-bottom: 32px;
| + | textarea, |
| − | font-family: -apple-system, 'Manrope', 'Arial', sans-serif;
| + | .mw-body, |
| − | }
| + | #content, |
| − | | + | .minerva-header, |
| − | .bl-hero { | + | .header, |
| − | background: #fff7f7;
| + | .search-box .search, |
| − | padding: 34px 16px 28px;
| + | .bl-help-home, |
| − | text-align: center;
| + | .bl-help-home * { |
| − | }
| + | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; |
| − | | |
| − | .bl-hero-inner { | |
| − | max-width: 760px;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − | | |
| − | .bl-hero-title { | |
| − | font-size: 44px;
| |
| − | line-height: 1.12;
| |
| − | font-weight: 800;
| |
| − | color: #1f2937;
| |
| − | margin-bottom: 14px;
| |
| − | }
| |
| − | | |
| − | .bl-hero-subtitle { | |
| − | font-size: 22px; | |
| − | line-height: 1.45;
| |
| − | color: #6b7280;
| |
| − | }
| |
| − | | |
| − | .bl-section {
| |
| − | max-width: 1120px;
| |
| − | margin: 0 auto;
| |
| − | padding: 28px 20px 0;
| |
| | } | | } |
| | | | |
| − | .bl-section-title {
| + | /* скрыть заголовок страницы */ |
| − | font-size: 14px;
| |
| − | font-weight: 800;
| |
| − | color: #9ca3af;
| |
| − | letter-spacing: 0.12em;
| |
| − | margin: 0 0 16px;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − | | |
| − | .bl-cards {
| |
| − | display: grid;
| |
| − | grid-template-columns: repeat(4, minmax(0, 1fr));
| |
| − | gap: 16px;
| |
| − | }
| |
| − | | |
| − | .bl-card {
| |
| − | background: #ffffff;
| |
| − | border: 1px solid #e5e7eb;
| |
| − | border-radius: 18px;
| |
| − | padding: 22px;
| |
| − | box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
| |
| − | min-height: 300px;
| |
| − | }
| |
| − | | |
| − | .bl-card-icon {
| |
| − | margin-bottom: 14px;
| |
| − | height: 46px;
| |
| − | }
| |
| − | | |
| − | .bl-card-title {
| |
| − | font-size: 21px;
| |
| − | font-weight: 800;
| |
| − | color: #1f2937;
| |
| − | margin-bottom: 12px;
| |
| − | }
| |
| − | | |
| − | .bl-card-text {
| |
| − | font-size: 16px;
| |
| − | line-height: 1.55;
| |
| − | color: #6b7280;
| |
| − | min-height: 92px;
| |
| − | margin-bottom: 16px;
| |
| − | }
| |
| − | | |
| − | .bl-card-links {
| |
| − | border-top: 1px solid #f0f0f0;
| |
| − | padding-top: 14px;
| |
| − | margin-top: 6px;
| |
| − | }
| |
| − | | |
| − | .bl-card-links ul {
| |
| − | list-style: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | | |
| − | .bl-card-links li {
| |
| − | margin: 0 0 10px;
| |
| − | font-size: 16px;
| |
| − | line-height: 1.45;
| |
| − | }
| |
| − | | |
| − | .bl-card-links li::before {
| |
| − | content: "› ";
| |
| − | color: #f1a4a4;
| |
| − | font-weight: 700;
| |
| − | }
| |
| − | | |
| − | .bl-card-links a {
| |
| − | color: #e58c8c !important;
| |
| − | text-decoration: none;
| |
| − | font-weight: 600;
| |
| − | }
| |
| − | | |
| − | .bl-card-links a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | | |
| − | .bl-card-more {
| |
| − | margin-top: 10px;
| |
| − | font-size: 15px;
| |
| − | }
| |
| − | | |
| − | .bl-card-more a {
| |
| − | color: #6b7280 !important;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .bl-card-more a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | | |
| − | .bl-school {
| |
| − | max-width: 1120px;
| |
| − | margin: 24px auto 0;
| |
| − | background: #ffffff;
| |
| − | border: 1px solid #e5e7eb;
| |
| − | border-radius: 18px;
| |
| − | box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
| |
| − | padding: 24px;
| |
| − | display: flex;
| |
| − | gap: 18px;
| |
| − | align-items: flex-start;
| |
| − | }
| |
| − | | |
| − | .bl-school-icon {
| |
| − | flex: 0 0 84px;
| |
| − | }
| |
| − | | |
| − | .bl-school-title {
| |
| − | font-size: 30px;
| |
| − | font-weight: 800;
| |
| − | color: #1f2937;
| |
| − | margin-bottom: 8px;
| |
| − | }
| |
| − | | |
| − | .bl-school-text {
| |
| − | font-size: 17px;
| |
| − | line-height: 1.5;
| |
| − | color: #6b7280;
| |
| − | margin-bottom: 14px;
| |
| − | }
| |
| − | | |
| − | .bl-school-tags {
| |
| − | display: flex;
| |
| − | flex-wrap: wrap;
| |
| − | gap: 10px;
| |
| − | }
| |
| − | | |
| − | .bl-tag {
| |
| − | display: inline-block;
| |
| − | }
| |
| − | | |
| − | .bl-tag a {
| |
| − | display: inline-block;
| |
| − | background: #fff2f2;
| |
| − | border: 1px solid #fde2e2;
| |
| − | color: #e58c8c !important;
| |
| − | padding: 9px 14px;
| |
| − | border-radius: 999px;
| |
| − | font-size: 14px;
| |
| − | font-weight: 700;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .bl-tag a:hover {
| |
| − | text-decoration: none;
| |
| − | filter: brightness(0.98);
| |
| − | }
| |
| − | | |
| − | .bl-tag-muted a {
| |
| − | background: #ffffff;
| |
| − | border-color: #e5e7eb;
| |
| − | color: #6b7280 !important;
| |
| − | }
| |
| − | | |
| − | /* Убираем стандартные отступы wiki внутри кастомных блоков */ | |
| − | .bl-help-home p,
| |
| − | .bl-help-home ul,
| |
| − | .bl-help-home li {
| |
| − | margin-top: 0;
| |
| − | }
| |
| − | | |
| − | /* Адаптив */
| |
| − | @media (max-width: 1200px) {
| |
| − | .bl-cards {
| |
| − | grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| − | }
| |
| − | }
| |
| − | | |
| − | @media (max-width: 768px) {
| |
| − | .bl-help-home {
| |
| − | margin-left: -0.75em;
| |
| − | margin-right: -0.75em;
| |
| − | }
| |
| − | | |
| − | .bl-hero {
| |
| − | padding: 24px 14px 20px;
| |
| − | }
| |
| − | | |
| − | .bl-hero-title {
| |
| − | font-size: 31px;
| |
| − | }
| |
| − | | |
| − | .bl-hero-subtitle {
| |
| − | font-size: 17px;
| |
| − | }
| |
| − | | |
| − | .bl-section {
| |
| − | padding: 20px 14px 0;
| |
| − | }
| |
| − | | |
| − | .bl-cards {
| |
| − | grid-template-columns: 1fr;
| |
| − | gap: 14px;
| |
| − | }
| |
| − | | |
| − | .bl-card {
| |
| − | min-height: auto;
| |
| − | padding: 18px;
| |
| − | border-radius: 16px;
| |
| − | }
| |
| − | | |
| − | .bl-card-title {
| |
| − | font-size: 22px;
| |
| − | }
| |
| − | | |
| − | .bl-card-text {
| |
| − | min-height: auto;
| |
| − | font-size: 15px;
| |
| − | }
| |
| − | | |
| − | .bl-school {
| |
| − | margin: 18px 14px 0;
| |
| − | padding: 18px;
| |
| − | border-radius: 16px;
| |
| − | display: block;
| |
| − | }
| |
| − | | |
| − | .bl-school-icon {
| |
| − | margin-bottom: 12px;
| |
| − | }
| |
| − | | |
| − | .bl-school-title {
| |
| − | font-size: 24px;
| |
| − | }
| |
| − | | |
| − | .bl-school-text {
| |
| − | font-size: 15px;
| |
| − | }
| |
| − | }
| |
| − | | |
| − | | |
| − | | |
| − | /* ФИКС: всегда скрывать заголовок страницы */
| |
| | h1, | | h1, |
| | .mw-first-heading, | | .mw-first-heading, |
| Строка 291: |
Строка 32: |
| | } | | } |
| | | | |
| − | /* Убираем зазор под хедером */ | + | /* убрать кнопку "Обсуждение" */ |
| − | #content { | + | #page-secondary-actions .talk { |
| − | margin-top: 0 !important;
| + | display: none !important; |
| − | }
| |
| − | | |
| − | .bl-help-home {
| |
| − | margin-top: 0 !important;
| |
| − | }
| |
| − | | |
| − | /* ===== ФИКСЫ после переработки главной ===== */
| |
| − | | |
| − | /* 1) Логотип снова делаем нормальным, без тусклости */
| |
| − | .header .branding-box img,
| |
| − | .header .branding-box h1 img,
| |
| − | .header .branding-box a img,
| |
| − | .mw-logo-icon,
| |
| − | .mw-logo-wordmark,
| |
| − | .branding-box img,
| |
| − | header.header-container.header-chrome .branding-box img,
| |
| − | header.header-container.header-chrome .branding-box a img,
| |
| − | header.header-container.header-chrome .branding-box h1 img {
| |
| − | opacity: 1 !important;
| |
| − | filter: none !important;
| |
| − | mix-blend-mode: normal !important;
| |
| − | }
| |
| − | | |
| − | .header .branding-box,
| |
| − | .branding-box,
| |
| − | .branding-box a,
| |
| − | .branding-box h1,
| |
| − | header.header-container.header-chrome .branding-box,
| |
| − | header.header-container.header-chrome .branding-box a,
| |
| − | header.header-container.header-chrome .branding-box h1 {
| |
| − | opacity: 1 !important;
| |
| − | filter: none !important;
| |
| − | }
| |
| − | | |
| − | /* убираем прокрашивание служебной панели страницы / actions */
| |
| − | .minerva__tab-container,
| |
| − | .page-actions-menu,
| |
| − | #page-actions,
| |
| − | .minerva-page-actions,
| |
| − | .minerva-sticky-header {
| |
| − | background: transparent !important;
| |
| − | background-color: transparent !important;
| |
| − | box-shadow: none !important;
| |
| − | border-color: transparent !important;
| |
| − | }
| |
| − | | |
| − | .bl-card-links a { | |
| − | font-weight: 600; | |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .bl-card-links a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | /* белые подложки иконок в нужных мобильных кнопках */
| |
| − | .minerva-ui-bottomNavigation .mw-ui-icon {
| |
| − | background-color: #ffffff !important;
| |
| − | border-radius: 14px !important;
| |
| | } | | } |
| | | | |
| − | /* Ссылки на главной — синие */ | + | /* ---------- ШАПКА ---------- */ |
| − | .bl-help-home a,
| |
| − | .bl-card-links a,
| |
| − | .bl-card-more a,
| |
| − | .bl-tag a {
| |
| − | color: #3366cc !important;
| |
| − | }
| |
| | | | |
| − | /* hover как у стандартной вики */
| |
| − | .bl-help-home a:hover,
| |
| − | .bl-card-links a:hover,
| |
| − | .bl-card-more a:hover,
| |
| − | .bl-tag a:hover {
| |
| − | color: #254a99 !important;
| |
| − | }
| |
| − |
| |
| − | /* ===== СВЕТЛАЯ ТЕМА ПАНЕЛЕЙ: БЕЛАЯ ШАПКА ===== */
| |
| − |
| |
| − | /* Верхняя панель */
| |
| | .minerva-header, | | .minerva-header, |
| | .header-container.header-chrome, | | .header-container.header-chrome, |
| Строка 379: |
Строка 45: |
| | background: #ffffff !important; | | background: #ffffff !important; |
| | background-color: #ffffff !important; | | background-color: #ffffff !important; |
| − | box-shadow: none !important;
| |
| | border-bottom: 1px solid #eceff1 !important; | | border-bottom: 1px solid #eceff1 !important; |
| − | }
| |
| − |
| |
| − | /* На случай старой inset-заливки */
| |
| − | .header-container.header-chrome {
| |
| | box-shadow: none !important; | | box-shadow: none !important; |
| | } | | } |
| | | | |
| − | /* Логотип без тусклости */ | + | /* логотип без тусклости и чуть меньше */ |
| | .header .branding-box img, | | .header .branding-box img, |
| | .header .branding-box h1 img, | | .header .branding-box h1 img, |
| Строка 394: |
Строка 55: |
| | .mw-logo-icon, | | .mw-logo-icon, |
| | .mw-logo-wordmark, | | .mw-logo-wordmark, |
| − | .branding-box img { | + | .branding-box img, |
| | + | header.header-container.header-chrome .branding-box img, |
| | + | header.header-container.header-chrome .branding-box a img, |
| | + | header.header-container.header-chrome .branding-box h1 img { |
| | opacity: 1 !important; | | opacity: 1 !important; |
| | filter: none !important; | | filter: none !important; |
| | mix-blend-mode: normal !important; | | mix-blend-mode: normal !important; |
| | + | height: 80px !important; |
| | + | width: auto !important; |
| | } | | } |
| | | | |
| − | /* Поисковая строка */ | + | /* поиск */ |
| − | .search-box .search { | + | .search-box .search, |
| | + | .header .search-box .search { |
| | background: #f1f3f5 !important; | | background: #f1f3f5 !important; |
| | background-color: #f1f3f5 !important; | | background-color: #f1f3f5 !important; |
| | border: 1px solid #f1f3f5 !important; | | border: 1px solid #f1f3f5 !important; |
| − | border-radius: 12px !important; | + | border-radius: 999px !important; |
| − | color: #6b7280 !important; | + | color: #667085 !important; |
| | box-shadow: none !important; | | box-shadow: none !important; |
| | + | padding-left: 42px !important; |
| | + | padding-right: 16px !important; |
| | + | background-size: 17px 17px !important; |
| | + | background-position: left 14px center !important; |
| | + | background-repeat: no-repeat !important; |
| | + | background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='20' y1='20' x2='16.65' y2='16.65'/></svg>") !important; |
| | } | | } |
| | | | |
| − | /* Текст/placeholder в поиске */
| |
| | .search-box .search::placeholder, | | .search-box .search::placeholder, |
| | .search-box input::placeholder { | | .search-box input::placeholder { |
| − | color: #9aa3af !important; | + | color: #98a2b3 !important; |
| | opacity: 1 !important; | | opacity: 1 !important; |
| | } | | } |
| | | | |
| − | /* Фокус без синего свечения */
| |
| | .client-nojs .search-box input:focus, | | .client-nojs .search-box input:focus, |
| | .search-box input:focus { | | .search-box input:focus { |
| Строка 425: |
Строка 96: |
| | } | | } |
| | | | |
| − | /* Иконки без подложек */ | + | /* нижняя панель */ |
| − | .mw-ui-icon {
| |
| − | background: transparent !important;
| |
| − | background-color: transparent !important;
| |
| − | }
| |
| − | | |
| − | /* Нижняя панель */
| |
| | .minerva-ui-bottomNavigation { | | .minerva-ui-bottomNavigation { |
| | background: #ffffff !important; | | background: #ffffff !important; |
| Строка 444: |
Строка 109: |
| | } | | } |
| | | | |
| − | /* Скрыть кнопку "Обсуждение" */ | + | /* ---------- ИКОНКИ СПРАВА: БЕЗ БУКВ ---------- */ |
| − | #page-secondary-actions .talk {
| |
| − | display: none !important;
| |
| − | }
| |
| | | | |
| − | /* ===== ФОН И HERO: аккуратная полноширинная версия ===== */
| + | .minerva-user-notifications .mw-ui-icon, |
| − | | + | .minerva-user-menu .mw-ui-icon, |
| − | /* Контейнер главной */
| + | .minerva-user-notifications .mw-ui-icon-element, |
| − | .bl-help-home { | + | .minerva-user-menu .mw-ui-icon-element, |
| − | background: #f3f6fb !important; | + | .toggle-list__toggle.mw-ui-icon, |
| − | margin: -1em -1em 0 -1em; | + | .toggle-list__toggle.mw-ui-icon-element { |
| − | padding-bottom: 32px; | + | font-size: 0 !important; |
| | + | line-height: 0 !important; |
| | + | text-indent: 0 !important; |
| | + | overflow: hidden !important; |
| | + | color: #4b5563 !important; |
| | } | | } |
| | | | |
| − | /* Верхняя подложка на всю ширину, без сдвига текста */
| + | .minerva-user-notifications .mw-ui-icon:before, |
| − | .bl-hero { | + | .minerva-user-menu .mw-ui-icon:before, |
| − | background: #fff1f1 !important; | + | .minerva-user-notifications .mw-ui-icon-element:before, |
| − | padding: 34px 0 28px !important; | + | .minerva-user-menu .mw-ui-icon-element:before, |
| − | text-align: center; | + | .toggle-list__toggle.mw-ui-icon:before, |
| − | margin: 0 !important; | + | .toggle-list__toggle.mw-ui-icon-element:before { |
| − | width: 100% !important; | + | font-family: 'MinervaNeueIcons' !important; |
| | + | font-style: normal !important; |
| | + | font-weight: normal !important; |
| | + | font-variant: normal !important; |
| | + | text-transform: none !important; |
| | + | speak: none !important; |
| | + | font-size: 24px !important; |
| | + | line-height: 1 !important; |
| | + | display: inline-block !important; |
| | + | color: #4b5563 !important; |
| | } | | } |
| | | | |
| − | /* Контент hero по центру */
| + | .minerva-user-notifications .mw-ui-icon-label, |
| − | .bl-hero-inner { | + | .minerva-user-menu .mw-ui-icon-label, |
| − | max-width: 1120px !important;
| + | .minerva-user-notifications .mw-ui-button-label, |
| − | margin: 0 auto !important;
| + | .minerva-user-menu .mw-ui-button-label, |
| − | padding: 0 20px !important;
| + | .minerva-user-notifications span, |
| − | text-align: center !important;
| + | .minerva-user-menu span { |
| − | }
| + | display: none !important; |
| − | | |
| − | /* Основной контент ниже */
| |
| − | .bl-section { | |
| − | max-width: 1120px;
| |
| − | margin: 0 auto;
| |
| − | padding: 28px 20px 0;
| |
| − | }
| |
| − | | |
| − | /* Если над hero остаётся тонкая полоска/зазор */
| |
| − | #content {
| |
| − | margin-top: 0 !important;
| |
| − | padding-top: 0 !important;
| |
| − | }
| |
| − | | |
| − | .pre-content,
| |
| − | .banner-container {
| |
| − | margin: 0 !important;
| |
| − | padding: 0 !important;
| |
| − | }
| |
| − | | |
| − | /* =========================================================
| |
| − | ТОНКАЯ ДОРАБОТКА UI
| |
| − | ========================================================= */
| |
| − | | |
| − | /* 1) Везде Manrope */
| |
| − | html,
| |
| − | body,
| |
| − | input,
| |
| − | button,
| |
| − | select,
| |
| − | textarea,
| |
| − | .mw-body,
| |
| − | #content,
| |
| − | .minerva-header, | |
| − | .header,
| |
| − | .search-box .search,
| |
| − | .bl-help-home,
| |
| − | .bl-help-home * {
| |
| − | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
| |
| − | }
| |
| − | | |
| − | /* 5) Приглушаем черный до очень темно-серого */
| |
| − | body,
| |
| − | .mw-body, | |
| − | #content,
| |
| − | .bl-help-home,
| |
| − | .bl-card-title, | |
| − | .bl-school-title, | |
| − | .bl-hero-title,
| |
| − | header,
| |
| − | .minerva-header, | |
| − | .page-actions-menu,
| |
| − | #page-actions,
| |
| − | .minerva-page-actions { | |
| − | color: #1f2937 !important;
| |
| − | }
| |
| − | | |
| − | /* Ссылки и вторичный текст можно чуть мягче */
| |
| − | .bl-hero-subtitle,
| |
| − | .bl-card-text, | |
| − | .bl-school-text, | |
| − | .bl-section-title,
| |
| − | .search-box .search,
| |
| − | .search-box .search::placeholder {
| |
| − | color: #667085 !important; | |
| − | }
| |
| − | | |
| − | /* 2) Hero typography */
| |
| − | .bl-hero-title {
| |
| − | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
| |
| − | font-weight: 700 !important; /* было слишком жирно */
| |
| − | letter-spacing: -0.02em;
| |
| − | color: #1f2937 !important;
| |
| − | }
| |
| − | | |
| − | .bl-hero-subtitle {
| |
| − | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
| |
| − | font-weight: 400 !important;
| |
| − | color: #667085 !important;
| |
| − | max-width: 760px;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − | | |
| − | /* Если в подзаголовке будет <br>, он будет выглядеть аккуратно */
| |
| − | .bl-hero-subtitle br {
| |
| − | display: block;
| |
| − | content: "";
| |
| − | margin-top: 0.15em;
| |
| | } | | } |
| | | | |
| − | /* 3) Логотип меньше на 20% и левее */ | + | /* ---------- ГЛАВНАЯ СТРАНИЦА ---------- */ |
| − | .header .branding-box h1 img,
| |
| − | .header .branding-box a img,
| |
| − | .header .branding-box img {
| |
| − | height: 80px !important; /* было 100px */
| |
| − | width: auto !important;
| |
| − | margin-left: 0 !important;
| |
| − | margin-right: 10px !important;
| |
| − | }
| |
| | | | |
| − | /* 4) Поиск: максимально скруглить, сдвинуть левее к иконкам, тонкая лупа */
| |
| − | .search-box .search,
| |
| − | .header .search-box .search {
| |
| − | background: #f1f3f5 !important;
| |
| − | background-color: #f1f3f5 !important;
| |
| − | border: 1px solid #f1f3f5 !important;
| |
| − | border-radius: 999px !important;
| |
| − | color: #667085 !important;
| |
| − | padding-left: 42px !important;
| |
| − | padding-right: 16px !important;
| |
| − | background-size: 17px 17px !important;
| |
| − | background-position: left 14px center !important;
| |
| − | }
| |
| − |
| |
| − | /* Тонкая лупа через inline SVG */
| |
| − | .search-box .search,
| |
| − | .header .search-box .search {
| |
| − | background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='20' y1='20' x2='16.65' y2='16.65'/></svg>") !important;
| |
| − | background-repeat: no-repeat !important;
| |
| − | }
| |
| − |
| |
| − | .search-box .search::placeholder,
| |
| − | .search-box input::placeholder {
| |
| − | color: #98a2b3 !important;
| |
| − | opacity: 1 !important;
| |
| − | }
| |
| − |
| |
| − | /* Служебный текст и кнопки тоже приглушаем */
| |
| − | #page-secondary-actions,
| |
| − | #page-secondary-actions a,
| |
| − | .minerva__tab-container a,
| |
| − | .page-actions-menu a {
| |
| − | color: #4b5563 !important;
| |
| − | }
| |
| − |
| |
| − | /* =========================================================
| |
| − | ГЛАВНАЯ СТРАНИЦА — ТОЛЬКО ДЛЯ MAIN PAGE
| |
| − | ========================================================= */
| |
| − |
| |
| − | /* 1) Общий фон только на главной */
| |
| | .page-Главная, | | .page-Главная, |
| | .page-Main_Page, | | .page-Main_Page, |
| Строка 625: |
Строка 164: |
| | } | | } |
| | | | |
| − | /* 2) Контейнер главной */
| + | .page-Главная #content, |
| | + | .page-Main_Page #content, |
| | + | .page-Главная .pre-content, |
| | + | .page-Main_Page .pre-content, |
| | + | .page-Главная .banner-container, |
| | + | .page-Main_Page .banner-container { |
| | + | margin-top: 0 !important; |
| | + | padding-top: 0 !important; |
| | + | } |
| | + | |
| | .page-Главная .bl-help-home, | | .page-Главная .bl-help-home, |
| | .page-Main_Page .bl-help-home { | | .page-Main_Page .bl-help-home { |
| Строка 631: |
Строка 179: |
| | margin: -1em -1em 0 -1em; | | margin: -1em -1em 0 -1em; |
| | padding-bottom: 32px; | | padding-bottom: 32px; |
| − | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
| |
| | } | | } |
| | | | |
| − | /* 3) Розовая подложка во всю ширину экрана */
| |
| | .page-Главная .bl-hero, | | .page-Главная .bl-hero, |
| | .page-Main_Page .bl-hero { | | .page-Main_Page .bl-hero { |
| Строка 645: |
Строка 191: |
| | } | | } |
| | | | |
| − | /* 4) Центрирование контента внутри hero */
| |
| | .page-Главная .bl-hero-inner, | | .page-Главная .bl-hero-inner, |
| | .page-Main_Page .bl-hero-inner { | | .page-Main_Page .bl-hero-inner { |
| Строка 653: |
Строка 198: |
| | text-align: center !important; | | text-align: center !important; |
| | box-sizing: border-box !important; | | box-sizing: border-box !important; |
| − | }
| |
| − |
| |
| − | /* 5) Типографика главной */
| |
| − | .page-Главная .bl-help-home,
| |
| − | .page-Main_Page .bl-help-home,
| |
| − | .page-Главная .bl-help-home *,
| |
| − | .page-Main_Page .bl-help-home * {
| |
| − | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
| |
| | } | | } |
| | | | |
| | .page-Главная .bl-hero-title, | | .page-Главная .bl-hero-title, |
| | .page-Main_Page .bl-hero-title { | | .page-Main_Page .bl-hero-title { |
| | + | font-size: 44px; |
| | + | line-height: 1.12; |
| | font-weight: 700 !important; | | font-weight: 700 !important; |
| | + | letter-spacing: -0.02em; |
| | color: #1f2937 !important; | | color: #1f2937 !important; |
| − | letter-spacing: -0.02em; | + | margin-bottom: 14px; |
| | } | | } |
| | | | |
| | .page-Главная .bl-hero-subtitle, | | .page-Главная .bl-hero-subtitle, |
| | .page-Main_Page .bl-hero-subtitle { | | .page-Main_Page .bl-hero-subtitle { |
| | + | font-size: 22px; |
| | + | line-height: 1.45; |
| | font-weight: 400 !important; | | font-weight: 400 !important; |
| | color: #667085 !important; | | color: #667085 !important; |
| | max-width: 760px; | | max-width: 760px; |
| | margin: 0 auto; | | margin: 0 auto; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-section, |
| | + | .page-Main_Page .bl-section { |
| | + | max-width: 1120px; |
| | + | margin: 0 auto; |
| | + | padding: 28px 20px 0; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-section-title, |
| | + | .page-Main_Page .bl-section-title { |
| | + | font-size: 14px; |
| | + | font-weight: 800; |
| | + | color: #9ca3af; |
| | + | letter-spacing: 0.12em; |
| | + | margin: 0 0 16px; |
| | + | text-transform: uppercase; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-cards, |
| | + | .page-Main_Page .bl-cards { |
| | + | display: grid; |
| | + | grid-template-columns: repeat(4, minmax(0, 1fr)); |
| | + | gap: 16px; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-card, |
| | + | .page-Main_Page .bl-card { |
| | + | background: #ffffff; |
| | + | border: 1px solid #e5e7eb; |
| | + | border-radius: 18px; |
| | + | padding: 22px; |
| | + | box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04); |
| | + | min-height: 300px; |
| | } | | } |
| | | | |
| Строка 685: |
Строка 261: |
| | } | | } |
| | | | |
| − | /* 6) Ссылки и вторичный текст на главной */
| + | .page-Главная .bl-card-text, |
| | + | .page-Main_Page .bl-card-text, |
| | + | .page-Главная .bl-school-text, |
| | + | .page-Main_Page .bl-school-text { |
| | + | color: #667085 !important; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-card-links, |
| | + | .page-Main_Page .bl-card-links { |
| | + | border-top: 1px solid #f0f0f0; |
| | + | padding-top: 14px; |
| | + | margin-top: 6px; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-card-links ul, |
| | + | .page-Main_Page .bl-card-links ul { |
| | + | list-style: none; |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-card-links li, |
| | + | .page-Main_Page .bl-card-links li { |
| | + | margin: 0 0 10px; |
| | + | font-size: 16px; |
| | + | line-height: 1.45; |
| | + | } |
| | + | |
| | + | .page-Главная .bl-card-links li::before, |
| | + | .page-Main_Page .bl-card-links li::before { |
| | + | content: "› "; |
| | + | color: #f1a4a4; |
| | + | font-weight: 700; |
| | + | } |
| | + | |
| | .page-Главная .bl-help-home a, | | .page-Главная .bl-help-home a, |
| | .page-Main_Page .bl-help-home a, | | .page-Main_Page .bl-help-home a, |
| Строка 695: |
Строка 305: |
| | .page-Main_Page .bl-tag a { | | .page-Main_Page .bl-tag a { |
| | color: #3366cc !important; | | color: #3366cc !important; |
| | + | text-decoration: none; |
| | + | font-weight: 600; |
| | } | | } |
| | | | |
| Строка 706: |
Строка 318: |
| | .page-Main_Page .bl-tag a:hover { | | .page-Main_Page .bl-tag a:hover { |
| | color: #254a99 !important; | | color: #254a99 !important; |
| | + | text-decoration: underline; |
| | } | | } |
| | | | |
| − | /* 7) Шапка: только косметика, без ломания раскладки */ | + | /* ---------- ОБЫЧНЫЕ СТРАНИЦЫ: НЕ ЛОМАТЬ ПАНЕЛИ ---------- */ |
| − | .minerva-header,
| |
| − | .header-container.header-chrome,
| |
| − | header.header-container.header-chrome,
| |
| − | header.header-container.header-chrome > form.header {
| |
| − | background: #ffffff !important;
| |
| − | background-color: #ffffff !important;
| |
| − | border-bottom: 1px solid #eceff1 !important;
| |
| − | box-shadow: none !important;
| |
| − | }
| |
| − | | |
| − | /* 8) Логотип меньше, но без перестройки flex */
| |
| − | .header .branding-box h1 img,
| |
| − | .header .branding-box a img,
| |
| − | .header .branding-box img {
| |
| − | height: 80px !important;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | | |
| − | /* 9) Поиск */
| |
| − | .search-box .search,
| |
| − | .header .search-box .search {
| |
| − | background: #f1f3f5 !important;
| |
| − | background-color: #f1f3f5 !important;
| |
| − | border: 1px solid #f1f3f5 !important;
| |
| − | border-radius: 999px !important;
| |
| − | color: #667085 !important;
| |
| − | padding-left: 42px !important;
| |
| − | padding-right: 16px !important;
| |
| − | background-size: 17px 17px !important;
| |
| − | background-position: left 14px center !important;
| |
| − | background-repeat: no-repeat !important;
| |
| − | background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='20' y1='20' x2='16.65' y2='16.65'/></svg>") !important;
| |
| − | }
| |
| − | | |
| − | .search-box .search::placeholder,
| |
| − | .search-box input::placeholder {
| |
| − | color: #98a2b3 !important;
| |
| − | opacity: 1 !important;
| |
| − | }
| |
| − | | |
| − | /* 10) Иконки не трогаем шрифтами, только мягкий цвет */
| |
| − | .minerva-user-navigation a,
| |
| − | .minerva-user-navigation .mw-ui-icon {
| |
| − | color: #4b5563 !important;
| |
| − | }
| |
| − | | |
| − | /* 11) Убираем зазор под хедером только на главной */
| |
| − | .page-Главная #content,
| |
| − | .page-Main_Page #content,
| |
| − | .page-Главная .pre-content,
| |
| − | .page-Main_Page .pre-content,
| |
| − | .page-Главная .banner-container,
| |
| − | .page-Main_Page .banner-container {
| |
| − | margin-top: 0 !important;
| |
| − | padding-top: 0 !important;
| |
| − | }
| |
| − | | |
| − | /* ===== FIX: иконки в правой части шапки без букв/подписей ===== */
| |
| − | | |
| − | /* вернуть правильный иконочный шрифт псевдоэлементам */
| |
| − | .minerva-user-navigation .mw-ui-icon:before,
| |
| − | .minerva-user-navigation .mw-ui-icon-element:before,
| |
| − | .right-navigation .mw-ui-icon:before,
| |
| − | .right-navigation .mw-ui-icon-element:before,
| |
| − | .header .mw-ui-icon:before {
| |
| − | font-family: 'MinervaNeueIcons' !important;
| |
| − | font-style: normal !important;
| |
| − | font-weight: normal !important;
| |
| − | font-variant: normal !important;
| |
| − | text-transform: none !important;
| |
| − | line-height: 1 !important;
| |
| − | speak: none !important;
| |
| − | }
| |
| − | | |
| − | /* скрыть текстовые подписи рядом/под иконками */
| |
| − | .minerva-user-navigation a,
| |
| − | .right-navigation a {
| |
| − | font-size: 0 !important;
| |
| − | line-height: 0 !important;
| |
| − | }
| |
| − | | |
| − | .minerva-user-navigation a:before,
| |
| − | .right-navigation a:before {
| |
| − | font-size: 24px !important;
| |
| − | line-height: 1 !important;
| |
| − | }
| |
| − | | |
| − | /* если внутри есть текстовые span — скрываем */
| |
| − | .minerva-user-navigation span,
| |
| − | .right-navigation span,
| |
| − | .minerva-user-navigation .mw-ui-icon-label,
| |
| − | .right-navigation .mw-ui-icon-label,
| |
| − | .minerva-user-navigation .mw-ui-button-label,
| |
| − | .right-navigation .mw-ui-button-label {
| |
| − | display: none !important;
| |
| − | }
| |
| − | | |
| − | /* ===== FIX: панель действий обычных страниц не уезжает влево ===== */
| |
| | | | |
| | body:not(.page-Главная):not(.page-Main_Page) #page-secondary-actions, | | body:not(.page-Главная):not(.page-Main_Page) #page-secondary-actions, |
| Строка 816: |
Строка 331: |
| | margin-left: 0 !important; | | margin-left: 0 !important; |
| | margin-right: 0 !important; | | margin-right: 0 !important; |
| − | padding-left: 1em !important; | + | padding-left: 0 !important; |
| − | padding-right: 1em !important; | + | padding-right: 0 !important; |
| | left: auto !important; | | left: auto !important; |
| | right: auto !important; | | right: auto !important; |
| Строка 827: |
Строка 342: |
| | } | | } |
| | | | |
| − | /* если первая вкладка всё равно обрезается */
| |
| | body:not(.page-Главная):not(.page-Main_Page) #content, | | body:not(.page-Главная):not(.page-Main_Page) #content, |
| | body:not(.page-Главная):not(.page-Main_Page) .mw-body, | | body:not(.page-Главная):not(.page-Main_Page) .mw-body, |