| Строка 1: |
Строка 1: |
| | /* ===== Главная страница Центра помощи ===== */ | | /* ===== Главная страница Центра помощи ===== */ |
| | + | |
| | + | /* Общий фон страницы */ |
| | + | body { |
| | + | background: #f4f6fb !important; /* серо-синий */ |
| | + | } |
| | | | |
| | /* Контейнер убираем белый фон */ | | /* Контейнер убираем белый фон */ |
| Строка 8: |
Строка 13: |
| | padding-bottom: 32px; | | padding-bottom: 32px; |
| | font-family: -apple-system, 'Manrope', 'Arial', sans-serif; | | font-family: -apple-system, 'Manrope', 'Arial', sans-serif; |
| | + | } |
| | + | |
| | + | .bl-hero { |
| | + | background: #fff7f7; |
| | + | padding: 34px 16px 28px; |
| | + | text-align: center; |
| | } | | } |
| | | | |
| Строка 336: |
Строка 347: |
| | .bl-card-links a:hover { | | .bl-card-links a:hover { |
| | text-decoration: underline; | | text-decoration: underline; |
| | + | } |
| | + | /* белые подложки иконок в нужных мобильных кнопках */ |
| | + | .minerva-ui-bottomNavigation .mw-ui-icon { |
| | + | background-color: #ffffff !important; |
| | + | border-radius: 14px !important; |
| | } | | } |
| | | | |
| Строка 409: |
Строка 425: |
| | } | | } |
| | | | |
| | + | /* Иконки без подложек */ |
| | + | .mw-ui-icon { |
| | + | background: transparent !important; |
| | + | background-color: transparent !important; |
| | + | } |
| | | | |
| | /* Нижняя панель */ | | /* Нижняя панель */ |
| Строка 418: |
Строка 439: |
| | } | | } |
| | | | |
| | + | .minerva-ui-bottomNavigation .mw-ui-icon { |
| | + | background: transparent !important; |
| | + | border-radius: 0 !important; |
| | + | } |
| | | | |
| | /* Скрыть кнопку "Обсуждение" */ | | /* Скрыть кнопку "Обсуждение" */ |
| Строка 574: |
Строка 599: |
| | color: #98a2b3 !important; | | color: #98a2b3 !important; |
| | opacity: 1 !important; | | opacity: 1 !important; |
| | + | } |
| | + | |
| | + | /* Служебный текст и кнопки тоже приглушаем */ |
| | + | #page-secondary-actions, |
| | + | #page-secondary-actions a, |
| | + | .minerva__tab-container a, |
| | + | .page-actions-menu a { |
| | + | color: #4b5563 !important; |
| | } | | } |
| | | | |
| Строка 590: |
Строка 623: |
| | .page-Main_Page #bodyContent { | | .page-Main_Page #bodyContent { |
| | background: #f3f6fb !important; | | background: #f3f6fb !important; |
| | + | } |
| | + | |
| | + | /* 2) Контейнер главной */ |
| | + | .page-Главная .bl-help-home, |
| | + | .page-Main_Page .bl-help-home { |
| | + | background: #f3f6fb !important; |
| | + | margin: -1em -1em 0 -1em; |
| | + | padding-bottom: 32px; |
| | + | font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; |
| | } | | } |
| | | | |
| Строка 705: |
Строка 747: |
| | color: #98a2b3 !important; | | color: #98a2b3 !important; |
| | opacity: 1 !important; | | opacity: 1 !important; |
| | + | } |
| | + | |
| | + | /* 10) Иконки не трогаем шрифтами, только мягкий цвет */ |
| | + | .minerva-user-navigation a, |
| | + | .minerva-user-navigation .mw-ui-icon { |
| | + | color: #4b5563 !important; |
| | } | | } |
| | | | |
| Строка 718: |
Строка 766: |
| | } | | } |
| | | | |
| − | /* ===== FIX: панель действий обычных страниц не уезжает влево ===== */ | + | /* ===== FIX: иконки в правой части шапки без букв/подписей ===== */ |
| − | | |
| − | body:not(.page-Главная):not(.page-Main_Page) #page-secondary-actions,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) .minerva__tab-container,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) .page-actions-menu,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) #page-actions,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) .minerva-page-actions,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) .post-content {
| |
| − | margin-left: 0 !important;
| |
| − | margin-right: 0 !important;
| |
| − | padding-left: 1em !important;
| |
| − | padding-right: 1em !important;
| |
| − | left: auto !important;
| |
| − | right: auto !important;
| |
| − | width: auto !important;
| |
| − | max-width: none !important;
| |
| − | transform: none !important;
| |
| − | position: static !important;
| |
| − | box-sizing: border-box !important;
| |
| − | }
| |
| − | | |
| − | /* если первая вкладка всё равно обрезается */
| |
| − | body:not(.page-Главная):not(.page-Main_Page) #content,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) .mw-body,
| |
| − | body:not(.page-Главная):not(.page-Main_Page) #bodyContent {
| |
| − | overflow-x: visible !important;
| |
| − | }
| |
| − | | |
| − | /* =========================================================
| |
| − | COMMON.CSS — ФИНАЛЬНЫЕ СТИЛИ
| |
| − | ========================================================= */
| |
| − | | |
| − | /* ---------- БАЗА ---------- */
| |
| − | | |
| − | 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;
| |
| − | }
| |
| − | | |
| − | /* скрыть заголовок страницы */
| |
| − | h1,
| |
| − | .mw-first-heading,
| |
| − | .page-heading,
| |
| − | #content .mw-first-heading,
| |
| − | #content .page-heading,
| |
| − | header + .pre-content h1,
| |
| − | .pre-content h1 {
| |
| − | display: none !important;
| |
| − | }
| |
| − | | |
| − | /* убрать кнопку "Обсуждение" */
| |
| − | #page-secondary-actions .talk {
| |
| − | display: none !important;
| |
| − | }
| |
| − | | |
| − | /* ---------- ШАПКА ---------- */
| |
| − | | |
| − | .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;
| |
| − | }
| |
| − | | |
| − | /* логотип без тусклости и чуть меньше */
| |
| − | .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;
| |
| − | height: 80px !important;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | | |
| − | /* поиск */
| |
| − | .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;
| |
| − | 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;
| |
| − | }
| |
| − | | |
| − | .search-box .search::placeholder,
| |
| − | .search-box input::placeholder {
| |
| − | color: #98a2b3 !important;
| |
| − | opacity: 1 !important;
| |
| − | }
| |
| − | | |
| − | .client-nojs .search-box input:focus,
| |
| − | .search-box input:focus {
| |
| − | border-color: #f1f3f5 !important;
| |
| − | box-shadow: none !important;
| |
| − | outline: none !important;
| |
| − | }
| |
| − | | |
| − | /* нижняя панель */
| |
| − | .minerva-ui-bottomNavigation {
| |
| − | background: #ffffff !important;
| |
| − | background-color: #ffffff !important;
| |
| − | border-top: 1px solid #eceff1 !important;
| |
| − | box-shadow: none !important;
| |
| − | }
| |
| − | | |
| − | .minerva-ui-bottomNavigation .mw-ui-icon {
| |
| − | background: transparent !important;
| |
| − | border-radius: 0 !important;
| |
| − | }
| |
| − | | |
| − | /* ---------- ИКОНКИ СПРАВА: БЕЗ БУКВ ---------- */
| |
| − | | |
| − | .minerva-user-notifications .mw-ui-icon,
| |
| − | .minerva-user-menu .mw-ui-icon,
| |
| − | .minerva-user-notifications .mw-ui-icon-element,
| |
| − | .minerva-user-menu .mw-ui-icon-element,
| |
| − | .toggle-list__toggle.mw-ui-icon,
| |
| − | .toggle-list__toggle.mw-ui-icon-element {
| |
| − | 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,
| + | /* вернуть правильный иконочный шрифт псевдоэлементам */ |
| − | .minerva-user-menu .mw-ui-icon:before, | + | .minerva-user-navigation .mw-ui-icon:before, |
| − | .minerva-user-notifications .mw-ui-icon-element:before, | + | .minerva-user-navigation .mw-ui-icon-element:before, |
| − | .minerva-user-menu .mw-ui-icon-element:before, | + | .right-navigation .mw-ui-icon:before, |
| − | .toggle-list__toggle.mw-ui-icon:before, | + | .right-navigation .mw-ui-icon-element:before, |
| − | .toggle-list__toggle.mw-ui-icon-element:before { | + | .header .mw-ui-icon:before { |
| | font-family: 'MinervaNeueIcons' !important; | | font-family: 'MinervaNeueIcons' !important; |
| | font-style: normal !important; | | font-style: normal !important; |
| Строка 882: |
Строка 779: |
| | font-variant: normal !important; | | font-variant: normal !important; |
| | text-transform: none !important; | | text-transform: none !important; |
| | + | line-height: 1 !important; |
| | speak: none !important; | | speak: none !important; |
| − | font-size: 24px !important;
| |
| − | line-height: 1 !important;
| |
| − | display: inline-block !important;
| |
| − | color: #4b5563 !important;
| |
| | } | | } |
| | | | |
| − | .minerva-user-notifications .mw-ui-icon-label,
| + | /* скрыть текстовые подписи рядом/под иконками */ |
| − | .minerva-user-menu .mw-ui-icon-label, | + | .minerva-user-navigation a, |
| − | .minerva-user-notifications .mw-ui-button-label, | + | .right-navigation a { |
| − | .minerva-user-menu .mw-ui-button-label,
| + | font-size: 0 !important; |
| − | .minerva-user-notifications span,
| + | line-height: 0 !important; |
| − | .minerva-user-menu span {
| |
| − | display: none !important;
| |
| | } | | } |
| | | | |
| − | /* ---------- ГЛАВНАЯ СТРАНИЦА ---------- */
| + | .minerva-user-navigation a:before, |
| − | | + | .right-navigation a:before { |
| − | .page-Главная, | + | font-size: 24px !important; |
| − | .page-Main_Page,
| + | line-height: 1 !important; |
| − | .page-Главная #content, | |
| − | .page-Main_Page #content,
| |
| − | .page-Главная .mw-body,
| |
| − | .page-Main_Page .mw-body,
| |
| − | .page-Главная #bodyContent,
| |
| − | .page-Main_Page #bodyContent {
| |
| − | background: #f3f6fb !important;
| |
| | } | | } |
| | | | |
| − | .page-Главная #content, | + | /* если внутри есть текстовые span — скрываем */ |
| − | .page-Main_Page #content, | + | .minerva-user-navigation span, |
| − | .page-Главная .pre-content, | + | .right-navigation span, |
| − | .page-Main_Page .pre-content, | + | .minerva-user-navigation .mw-ui-icon-label, |
| − | .page-Главная .banner-container, | + | .right-navigation .mw-ui-icon-label, |
| − | .page-Main_Page .banner-container { | + | .minerva-user-navigation .mw-ui-button-label, |
| − | margin-top: 0 !important; | + | .right-navigation .mw-ui-button-label { |
| − | padding-top: 0 !important;
| + | display: none !important; |
| | } | | } |
| | | | |
| − | .page-Главная .bl-help-home,
| + | /* ===== FIX: панель действий обычных страниц не уезжает влево ===== */ |
| − | .page-Main_Page .bl-help-home {
| |
| − | background: #f3f6fb !important;
| |
| − | margin: -1em -1em 0 -1em;
| |
| − | padding-bottom: 32px;
| |
| − | }
| |
| − | | |
| − | .page-Главная .bl-hero,
| |
| − | .page-Main_Page .bl-hero {
| |
| − | background: #fff1f1 !important;
| |
| − | padding: 34px 0 28px !important;
| |
| − | text-align: center;
| |
| − | margin: 0 calc(50% - 50vw) !important;
| |
| − | width: 100vw !important;
| |
| − | box-sizing: border-box !important;
| |
| − | }
| |
| − | | |
| − | .page-Главная .bl-hero-inner,
| |
| − | .page-Main_Page .bl-hero-inner {
| |
| − | max-width: 1120px !important;
| |
| − | margin: 0 auto !important;
| |
| − | padding: 0 20px !important;
| |
| − | text-align: center !important;
| |
| − | box-sizing: border-box !important;
| |
| − | }
| |
| − | | |
| − | .page-Главная .bl-hero-title,
| |
| − | .page-Main_Page .bl-hero-title {
| |
| − | font-size: 44px;
| |
| − | line-height: 1.12;
| |
| − | font-weight: 700 !important;
| |
| − | letter-spacing: -0.02em;
| |
| − | color: #1f2937 !important;
| |
| − | margin-bottom: 14px;
| |
| − | }
| |
| − | | |
| − | .page-Главная .bl-hero-subtitle,
| |
| − | .page-Main_Page .bl-hero-subtitle {
| |
| − | font-size: 22px;
| |
| − | line-height: 1.45;
| |
| − | font-weight: 400 !important;
| |
| − | color: #667085 !important;
| |
| − | max-width: 760px;
| |
| − | 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;
| |
| − | }
| |
| − | | |
| − | .page-Главная .bl-card-title,
| |
| − | .page-Main_Page .bl-card-title,
| |
| − | .page-Главная .bl-school-title,
| |
| − | .page-Main_Page .bl-school-title {
| |
| − | color: #1f2937 !important;
| |
| − | }
| |
| − | | |
| − | .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-Main_Page .bl-help-home a,
| |
| − | .page-Главная .bl-card-links a,
| |
| − | .page-Main_Page .bl-card-links a,
| |
| − | .page-Главная .bl-card-more a,
| |
| − | .page-Main_Page .bl-card-more a,
| |
| − | .page-Главная .bl-tag a,
| |
| − | .page-Main_Page .bl-tag a {
| |
| − | color: #3366cc !important;
| |
| − | text-decoration: none;
| |
| − | font-weight: 600;
| |
| − | }
| |
| − | | |
| − | .page-Главная .bl-help-home a:hover,
| |
| − | .page-Main_Page .bl-help-home a:hover,
| |
| − | .page-Главная .bl-card-links a:hover,
| |
| − | .page-Main_Page .bl-card-links a:hover,
| |
| − | .page-Главная .bl-card-more a:hover,
| |
| − | .page-Main_Page .bl-card-more a:hover,
| |
| − | .page-Главная .bl-tag a:hover,
| |
| − | .page-Main_Page .bl-tag a:hover {
| |
| − | color: #254a99 !important;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | | |
| − | /* ---------- ОБЫЧНЫЕ СТРАНИЦЫ: НЕ ЛОМАТЬ ПАНЕЛИ ---------- */ | |
| | | | |
| | body:not(.page-Главная):not(.page-Main_Page) #page-secondary-actions, | | body:not(.page-Главная):not(.page-Main_Page) #page-secondary-actions, |
| Строка 1078: |
Строка 816: |
| | margin-left: 0 !important; | | margin-left: 0 !important; |
| | margin-right: 0 !important; | | margin-right: 0 !important; |
| − | padding-left: 0 !important; | + | padding-left: 1em !important; |
| − | padding-right: 0 !important; | + | padding-right: 1em !important; |
| | left: auto !important; | | left: auto !important; |
| | right: auto !important; | | right: auto !important; |
| Строка 1089: |
Строка 827: |
| | } | | } |
| | | | |
| | + | /* если первая вкладка всё равно обрезается */ |
| | 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, |