| Строка 1: |
Строка 1: |
| − | /* ===== СОХРАНЯЕМ ИЗ СТАРОГО COMMON.CSS ===== */
| + | .minerva-user-navigation { |
| − | | |
| − | .minerva-header, | |
| − | .header-container.header-chrome {
| |
| − | background-color: rgb(110, 132, 247) !important;
| |
| − | box-shadow: inset 0 0 0 100px rgb(110, 132, 247) !important;
| |
| − | }
| |
| − | | |
| − | .mw-first-heading,
| |
| − | .page-heading,
| |
| − | #content .mw-first-heading,
| |
| − | #content .page-heading,
| |
| − | header + .pre-content h1,
| |
| − | .pre-content h1 {
| |
| − | display: none !important;
| |
| − | }
| |
| − | | |
| − | /* ===== НОВАЯ ГЛАВНАЯ ===== */
| |
| − | | |
| − | .bl-kb {
| |
| − | font-family: -apple-system, 'Manrope', 'Arial', 'sans-serif';
| |
| − | color: #2D3748;
| |
| − | background: #F8F9FA;
| |
| − | margin: -1rem -1rem 0 -1rem;
| |
| − | }
| |
| − | | |
| − | .bl-kb .container {
| |
| − | max-width: 1152px;
| |
| − | margin: 0 auto;
| |
| − | padding: 0 1rem;
| |
| − | }
| |
| − | | |
| − | .bl-kb-top {
| |
| − | padding: 2rem 0 1rem;
| |
| − | }
| |
| − | | |
| − | .bl-kb-search {
| |
| − | background: #ffffff;
| |
| − | border: 1px solid #E2E8F0;
| |
| − | border-radius: 12px;
| |
| − | padding: 1rem 1.25rem;
| |
| − | box-shadow: 0 1px 3px rgba(0,0,0,0.04);
| |
| − | display: flex;
| |
| − | flex-wrap: wrap;
| |
| − | gap: 0.75rem;
| |
| − | align-items: center;
| |
| − | justify-content: space-between;
| |
| − | }
| |
| − | | |
| − | .bl-kb-search-text {
| |
| − | min-width: 220px;
| |
| − | flex: 1 1 320px;
| |
| − | }
| |
| − | | |
| − | .bl-kb-search-title {
| |
| − | font-size: 1.5rem;
| |
| − | font-weight: 700;
| |
| − | margin: 0 0 0.35rem;
| |
| − | color: #2D3748;
| |
| − | }
| |
| − | | |
| − | .bl-kb-search-desc {
| |
| − | font-size: 0.95rem;
| |
| − | color: #718096;
| |
| − | line-height: 1.55;
| |
| − | margin: 0;
| |
| − | }
| |
| − | | |
| − | .bl-kb-search-btn {
| |
| − | display: inline-block;
| |
| − | background: #C93846;
| |
| − | color: #ffffff !important;
| |
| − | padding: 0.85rem 1.25rem;
| |
| − | border-radius: 12px;
| |
| − | font-weight: 600;
| |
| − | text-decoration: none !important;
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − | | |
| − | .bl-kb-search-btn:hover {
| |
| − | opacity: 0.92;
| |
| − | text-decoration: none !important;
| |
| − | }
| |
| − | | |
| − | .bl-kb-popular {
| |
| − | margin-top: 0.85rem;
| |
| − | font-size: 0.92rem;
| |
| − | color: #718096;
| |
| − | line-height: 1.6;
| |
| − | }
| |
| − | | |
| − | .bl-kb-popular a {
| |
| − | color: rgb(110, 132, 247);
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .bl-kb-popular a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | | |
| − | .bl-kb-section-title {
| |
| − | font-size: 1.75rem;
| |
| − | font-weight: 700;
| |
| − | text-align: center;
| |
| − | margin: 2.5rem 0 2rem;
| |
| − | color: #2D3748;
| |
| − | }
| |
| − | | |
| − | .bl-kb-cards {
| |
| − | display: grid;
| |
| − | grid-template-columns: repeat(4, 1fr);
| |
| − | gap: 1.25rem;
| |
| − | }
| |
| − | | |
| − | .bl-kb-card {
| |
| − | display: block;
| |
| − | background: #ffffff;
| |
| − | border: 2px solid #E2E8F0;
| |
| − | border-radius: 12px;
| |
| − | padding: 1.5rem;
| |
| − | text-align: center;
| |
| − | text-decoration: none !important;
| |
| − | color: inherit !important;
| |
| − | transition: all .2s;
| |
| − | }
| |
| − | | |
| − | .bl-kb-card:hover {
| |
| − | border-color: rgb(110, 132, 247);
| |
| − | background: rgba(113,132,247,0.08);
| |
| − | box-shadow: 0 4px 16px rgba(0,0,0,0.08);
| |
| − | text-decoration: none !important;
| |
| − | }
| |
| − | | |
| − | .bl-kb-card-icon {
| |
| − | width: 88px;
| |
| − | height: 88px;
| |
| − | margin: 0 auto 1rem;
| |
| − | border-radius: 18px;
| |
| | display: flex; | | display: flex; |
| | + | min-width: 7em; |
| | + | min-height: 5em; |
| | + | position: relative; |
| | align-items: center; | | align-items: center; |
| | justify-content: center; | | justify-content: center; |
| − | font-size: 2rem;
| |
| − | background: #EDF2F7;
| |
| | } | | } |
| | | | |
| − | .bl-kb-card h3 { | + | .mw-ui-icon { |
| − | font-size: 1.2rem;
| + | background-color: #ffffff; |
| − | font-weight: 700;
| + | border-radius: 14px !important; |
| − | margin: 0 0 0.5rem;
| |
| | } | | } |
| | | | |
| − | .bl-kb-card p { | + | .header-container.header-chrome { |
| − | font-size: 0.9rem; | + | /* background-color: #eaecf0; */ |
| − | color: #718096;
| + | /* border: 0; */ |
| − | line-height: 1.55; | + | box-shadow: inset 0px 0px 0px 100px rgb(110 132 247); |
| − | margin: 0; | |
| | } | | } |
| | | | |
| − | .bl-kb-tabs { | + | .header-container { |
| − | display: flex;
| + | border-bottom: 1px solid #c8ccd1; |
| − | gap: 0.25rem;
| + | padding: 0 16px; |
| − | background: #EDF2F7;
| |
| − | border-radius: 12px; | |
| − | padding: 0.25rem; | |
| − | margin: 2rem 0 1.5rem;
| |
| | } | | } |
| | | | |
| − | .bl-kb-tab { | + | .header .branding-box h1 img, .header .branding-box a img { |
| − | flex: 1; | + | height: 100px !important; |
| − | padding: 0.85rem 1rem; | + | width: auto !important; |
| − | border-radius: 10px; | + | display: block !important; |
| − | font-size: 0.95rem; | + | margin-right: 20px; |
| − | font-weight: 600; | + | margin-left: -15px; |
| − | text-align: center;
| |
| − | background: transparent;
| |
| − | color: #718096 !important;
| |
| − | text-decoration: none !important;
| |
| | } | | } |
| | | | |
| − | .bl-kb-tab.active { | + | .header .search-box .search { |
| − | background: #ffffff;
| + | width: -webkit-fill-available; |
| − | color: #2D3748 !important; | + | } |
| − | box-shadow: 0 1px 3px rgba(0,0,0,0.08); | + | |
| | + | .overlay.search-overlay .header input { |
| | + | width: 23.4375em !important; |
| | } | | } |
| − | | + | .client-nojs .search-box input:focus, |
| − | .bl-kb-hot-title { | + | .search-box input:focus { |
| − | font-size: 1.5rem; | + | border-color: #ffffff !important; |
| − | font-weight: 700; | + | box-shadow: 0 0 0 1px #ffffff, 0 1px 1px rgba(0, 0, 0, 0) !important; |
| − | color: rgb(110, 132, 247);
| |
| − | margin: 0 0 1.5rem;
| |
| | } | | } |
| | | | |
| − | .bl-kb-hot-grid { | + | .search-box .search { |
| − | display: grid; | + | background-color: #ffffff; |
| − | grid-template-columns: repeat(3, 1fr); | + | background-position: left 6px center; |
| − | gap: 1rem; | + | background-repeat: no-repeat; |
| − | margin-bottom: 2.5rem; | + | background-size: 18px; |
| − | }
| + | -webkit-appearance: none; |
| | + | width: 100%; |
| | + | margin-top: 0; |
| | + | height: 2.25em; |
| | + | border: 1px solid #ffffff; |
| | + | border-radius: 14px; |
| | | | |
| − | .bl-kb-hot-card {
| + | box-shadow: 0 1px 1px rgba(0, 0, 0, 0); |
| − | display: block;
| + | outline: 0; |
| − | background: #ffffff;
| + | -webkit-transition: border-color 250ms, box-shadow 250ms; |
| − | border: 1px solid #E2E8F0;
| + | -moz-transition: border-color 250ms,box-shadow 250ms; |
| − | border-radius: 12px;
| + | transition: border-color 250ms, box-shadow 250ms; |
| − | padding: 1.25rem;
| |
| − | box-shadow: 0 1px 3px rgba(0,0,0,0.04); | |
| − | text-decoration: none !important; | |
| − | color: inherit !important; | |
| − | transition: box-shadow .2s, transform .15s; | |
| | } | | } |
| | | | |
| − | .bl-kb-hot-card:hover {
| |
| − | box-shadow: 0 4px 12px rgba(0,0,0,0.10);
| |
| − | transform: translateY(-1px);
| |
| − | text-decoration: none !important;
| |
| − | }
| |
| | | | |
| − | .bl-kb-hot-cat {
| |
| − | font-size: 0.75rem;
| |
| − | font-weight: 700;
| |
| − | color: rgb(110, 132, 247);
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.05em;
| |
| − | }
| |
| | | | |
| − | .bl-kb-hot-card h3 {
| + | body { |
| − | margin: 0.55rem 0 0; | + | font-family: -apple-system, 'Manrope', 'Arial', 'sans-serif'; |
| − | font-size: 1rem; | + | font-size: 100%; |
| − | font-weight: 600; | + | line-height: 1.4; |
| − | color: #2D3748; | + | -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); |
| | } | | } |
| | | | |
| − | .bl-kb-hot-card:hover h3 { | + | .minerva-footer { |
| − | color: #C93846; | + | display: none !important; |
| | } | | } |
| | | | |
| − | .bl-kb-cta {
| + | #hde-contact-container #hde-contact-list li:nth-child(3) {background: url('https://wiki.barlane.ru/resources/assets/noavatar.svg')!important; background-size: cover !important;} |
| − | background: #ffffff;
| |
| − | border: 1px solid #E2E8F0;
| |
| − | border-radius: 12px;
| |
| − | padding: 2rem;
| |
| − | text-align: center;
| |
| − | margin: 2.5rem 0;
| |
| − | box-shadow: 0 1px 3px rgba(0,0,0,0.04);
| |
| − | } | |
| | | | |
| − | .bl-kb-cta h2 {
| + | #hde-contact-container #hde-contact-list li:nth-child(3) svg {display: none !important;} |
| − | font-size: 1.25rem;
| |
| − | font-weight: 700;
| |
| − | margin: 0 0 0.75rem;
| |
| − | color: #2D3748;
| |
| − | } | |
| | | | |
| − | .bl-kb-cta p { | + | .header .branding-box img, |
| − | color: #718096; | + | .header .branding-box h1 img, |
| − | margin: 0 0 1.25rem; | + | .header .branding-box a img, |
| − | line-height: 1.6; | + | .mw-logo-icon, |
| | + | .mw-logo-wordmark, |
| | + | .branding-box img { |
| | + | opacity: 1 !important; |
| | + | filter: none !important; |
| | + | mix-blend-mode: normal !important; |
| | } | | } |
| | | | |
| − | .bl-kb-cta-btn { | + | .header .branding-box, |
| − | display: inline-block;
| + | .branding-box, |
| − | background: #C93846;
| + | .branding-box a, |
| − | color: #ffffff !important;
| + | .branding-box h1 { |
| − | padding: 0.85rem 2rem;
| + | opacity: 1 !important; |
| − | border-radius: 12px;
| + | filter: none !important; |
| − | font-weight: 700;
| |
| − | font-size: 1rem; | |
| − | text-decoration: none !important; | |
| | } | | } |
| | | | |
| − | .bl-kb-cta-btn:hover { | + | .minerva-header, |
| − | opacity: 0.92; | + | .header-container.header-chrome { |
| − | text-decoration: none !important; | + | background-color: rgb(110, 132, 247) !important; |
| | + | box-shadow: inset 0 0 0 100px rgb(110, 132, 247) !important; |
| | } | | } |
| | | | |
| − | .bl-kb-footer { | + | .mw-first-heading, |
| − | border-top: 1px solid #E2E8F0;
| + | .page-heading, |
| − | padding: 1.5rem 0 2rem;
| + | #content .mw-first-heading, |
| − | text-align: center;
| + | #content .page-heading, |
| − | font-size: 0.875rem;
| + | header + .pre-content h1, |
| − | color: #718096;
| + | .pre-content h1 { |
| − | }
| + | display: none !important; |
| − | | |
| − | @media (max-width: 900px) {
| |
| − | .bl-kb-cards {
| |
| − | grid-template-columns: repeat(2, 1fr);
| |
| − | }
| |
| − | | |
| − | .bl-kb-hot-grid {
| |
| − | grid-template-columns: repeat(2, 1fr);
| |
| − | }
| |
| − | }
| |
| − | | |
| − | @media (max-width: 640px) {
| |
| − | .bl-kb-cards,
| |
| − | .bl-kb-hot-grid {
| |
| − | grid-template-columns: 1fr;
| |
| − | } | |
| − | | |
| − | .bl-kb-search {
| |
| − | align-items: flex-start;
| |
| − | }
| |
| − | | |
| − | .bl-kb-tabs {
| |
| − | flex-direction: column;
| |
| − | }
| |
| | } | | } |