1029
правок
Изменения
нет описания правки
margin: 0 !important;
margin: 0 !important;
padding: 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;
}
/* Шапка: логотип влево, поиск рядом, иконки справа */
header.header-container.header-chrome > form.header,
.header-container.header-chrome .header {
display: flex !important;
align-items: center !important;
gap: 12px;
}
.header .branding-box {
order: 1;
margin-right: 0 !important;
}
.header .search-box {
order: 2;
flex: 0 1 430px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
/* бургер вправо к остальным иконкам */
.minerva-user-navigation,
.header .branding-box + .search-box + * {
order: 4;
}
.minerva-user-navigation {
margin-left: 8px !important;
}
/* если бургер — отдельная кнопка слева, уводим его вправо */
.header .main-menu-button,
.header .menu,
.toggle-list__toggle {
order: 3 !important;
margin-left: auto !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;
}
/* Иконки в шапке — тоже темно-серые */
.mw-ui-icon:before,
.mw-ui-icon,
.minerva-user-navigation a,
.minerva-user-navigation .mw-ui-icon {
color: #4b5563 !important;
}
/* Служебный текст и кнопки тоже приглушаем */
#page-secondary-actions,
#page-secondary-actions a,
.minerva__tab-container a,
.page-actions-menu a {
color: #4b5563 !important;
}
}