| Строка 1: |
Строка 1: |
| − | /* ===== БАРЛАЙВ HELP CENTER ===== */
| + | .minerva-user-navigation { |
| − | | + | display: flex; |
| − | body.page-Main_Page #firstHeading,
| + | min-width: 7em; |
| − | body.page-Заглавная_страница #firstHeading,
| + | min-height: 5em; |
| − | body.page-Главная_страница #firstHeading {
| + | position: relative; |
| − | display: none;
| + | align-items: center; |
| − | }
| + | justify-content: center; |
| − | | |
| − | body.page-Main_Page #mw-content-text,
| |
| − | body.page-Заглавная_страница #mw-content-text,
| |
| − | body.page-Главная_страница #mw-content-text {
| |
| − | padding-top: 0;
| |
| − | }
| |
| − | | |
| − | .bl-home {
| |
| − | font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
| |
| − | color: #1e2a3a;
| |
| − | background: #f8f8fa;
| |
| − | margin: -1rem -1rem 0 -1rem;
| |
| − | }
| |
| − | | |
| − | .bl-hero {
| |
| − | padding: 56px 28px 64px;
| |
| − | text-align: center;
| |
| − | background: linear-gradient(135deg, #fff 0%, #fef5f4 100%);
| |
| − | border-bottom: 1px solid #e5e7eb;
| |
| − | }
| |
| − | | |
| − | .bl-hero h1 {
| |
| − | font-size: 34px;
| |
| − | font-weight: 600;
| |
| − | letter-spacing: -0.5px;
| |
| − | margin: 0 0 8px;
| |
| − | color: #1e2a3a;
| |
| − | }
| |
| − | | |
| − | .bl-hero p {
| |
| − | font-size: 15px;
| |
| − | color: #6b7280;
| |
| − | margin: 0 auto 28px;
| |
| − | max-width: 560px;
| |
| − | line-height: 1.6;
| |
| − | }
| |
| − | | |
| − | .bl-hero-search {
| |
| − | max-width: 520px;
| |
| − | margin: 0 auto;
| |
| − | background: #fff;
| |
| − | border-radius: 12px;
| |
| − | min-height: 48px;
| |
| − | display: flex;
| |
| − | align-items: center;
| |
| − | justify-content: center;
| |
| − | padding: 12px 16px;
| |
| − | border: 1px solid #e5e7eb;
| |
| − | box-shadow: 0 4px 24px rgba(0,0,0,.08);
| |
| − | font-size: 14px;
| |
| − | color: #9ca3af;
| |
| − | line-height: 1.5;
| |
| − | }
| |
| − | | |
| − | .bl-hero-search a {
| |
| − | color: inherit;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | }
| |
| − | | |
| − | .bl-chips {
| |
| − | display: flex;
| |
| − | justify-content: center;
| |
| − | flex-wrap: wrap;
| |
| − | gap: 8px;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | | |
| − | .bl-chip {
| |
| − | display: inline-block;
| |
| − | background: #fef5f4;
| |
| − | border: 1px solid #e5e7eb;
| |
| − | border-radius: 999px;
| |
| − | padding: 6px 14px;
| |
| − | font-size: 12px;
| |
| − | font-weight: 500;
| |
| − | color: #E8544A;
| |
| − | transition: all .15s;
| |
| − | }
| |
| − | | |
| − | .bl-chip:hover {
| |
| − | background: #E8544A;
| |
| − | color: #fff;
| |
| − | border-color: #E8544A;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .bl-main {
| |
| − | max-width: 1080px;
| |
| − | margin: 0 auto;
| |
| − | padding: 32px 28px 40px;
| |
| − | }
| |
| − | | |
| − | .bl-section-label {
| |
| − | font-size: 11px;
| |
| − | font-weight: 600;
| |
| − | letter-spacing: 2px;
| |
| − | text-transform: uppercase;
| |
| − | color: #6b7280;
| |
| − | margin-bottom: 16px;
| |
| − | }
| |
| − | | |
| − | .bl-grid {
| |
| − | display: grid;
| |
| − | grid-template-columns: repeat(4, 1fr);
| |
| − | gap: 12px;
| |
| − | margin-bottom: 32px;
| |
| − | }
| |
| − | | |
| − | .bl-card {
| |
| − | background: #fff;
| |
| − | border: 1px solid #e5e7eb;
| |
| − | border-radius: 12px;
| |
| − | padding: 20px;
| |
| − | box-shadow: 0 1px 3px rgba(0,0,0,.04);
| |
| − | transition: all .2s;
| |
| − | }
| |
| − | | |
| − | .bl-card:hover {
| |
| − | border-color: rgba(232,84,74,.3);
| |
| − | box-shadow: 0 4px 16px rgba(0,0,0,.08);
| |
| − | }
| |
| − | | |
| − | .bl-card-head {
| |
| − | display: flex;
| |
| − | align-items: center;
| |
| − | gap: 12px;
| |
| − | margin-bottom: 12px;
| |
| − | }
| |
| − | | |
| − | .bl-card-icon {
| |
| − | width: 40px;
| |
| − | height: 40px;
| |
| − | border-radius: 10px;
| |
| − | display: flex;
| |
| − | align-items: center;
| |
| − | justify-content: center;
| |
| − | font-size: 20px;
| |
| − | flex-shrink: 0;
| |
| − | }
| |
| − | | |
| − | .bl-card-icon-blue { background: #eff6ff; }
| |
| − | .bl-card-icon-amber { background: #fffbeb; }
| |
| − | .bl-card-icon-red { background: #fef2f2; }
| |
| − | .bl-card-icon-green { background: #f0fdf4; }
| |
| − | | |
| − | .bl-card-name {
| |
| − | font-size: 15px;
| |
| − | font-weight: 600;
| |
| − | color: #1e2a3a;
| |
| − | }
| |
| − | | |
| − | .bl-card p {
| |
| − | font-size: 13px;
| |
| − | color: #6b7280;
| |
| − | line-height: 1.6;
| |
| − | margin: 0 0 14px;
| |
| | } | | } |
| | | | |
| − | .bl-card-links { | + | .mw-ui-icon { |
| − | border-top: 1px solid #e5e7eb; | + | background-color: #ffffff; |
| − | padding-top: 12px; | + | border-radius: 14px !important; |
| | } | | } |
| | | | |
| − | .bl-card-links ul { | + | .header-container.header-chrome { |
| − | list-style: none;
| + | /* background-color: #eaecf0; */ |
| − | margin: 0;
| + | /* border: 0; */ |
| − | padding: 0;
| + | box-shadow: inset 0px 0px 0px 100px rgb(110 132 247); |
| | } | | } |
| | | | |
| − | .bl-card-links li { | + | .header-container { |
| − | margin: 0 0 6px;
| + | border-bottom: 1px solid #c8ccd1; |
| | + | padding: 0 16px; |
| | } | | } |
| | | | |
| − | .bl-card-links a { | + | .header .branding-box h1 img, .header .branding-box a img { |
| − | font-size: 13px;
| + | height: 100px !important; |
| − | color: #E8544A;
| + | width: auto !important; |
| − | text-decoration: none;
| + | display: block !important; |
| | + | margin-right: 20px; |
| | + | margin-left: -15px; |
| | } | | } |
| | | | |
| − | .bl-card-links a:hover { | + | .header .search-box .search { |
| − | text-decoration: underline; | + | width: -webkit-fill-available; |
| | + | } |
| | + | |
| | + | .overlay.search-overlay .header input { |
| | + | width: 23.4375em !important; |
| | } | | } |
| − | | + | .client-nojs .search-box input:focus, |
| − | .bl-card-more { | + | .search-box input:focus { |
| − | font-size: 12px;
| + | border-color: #ffffff !important; |
| − | color: #6b7280;
| + | box-shadow: 0 0 0 1px #ffffff, 0 1px 1px rgba(0, 0, 0, 0) !important; |
| − | margin-top: 6px;
| |
| | } | | } |
| | | | |
| − | .bl-school { | + | .search-box .search { |
| − | background: #fff;
| + | background-color: #ffffff; |
| − | border: 1px solid #e5e7eb;
| + | background-position: left 6px center; |
| − | border-radius: 12px;
| + | background-repeat: no-repeat; |
| − | padding: 24px;
| + | background-size: 18px; |
| − | display: flex;
| + | -webkit-appearance: none; |
| − | align-items: center;
| + | width: 100%; |
| − | gap: 20px;
| + | margin-top: 0; |
| − | box-shadow: 0 1px 3px rgba(0,0,0,.04);
| + | height: 2.25em; |
| − | }
| + | border: 1px solid #ffffff; |
| | + | border-radius: 14px; |
| | | | |
| − | .bl-school-icon {
| + | box-shadow: 0 1px 1px rgba(0, 0, 0, 0); |
| − | width: 56px;
| + | outline: 0; |
| − | height: 56px;
| + | -webkit-transition: border-color 250ms, box-shadow 250ms; |
| − | border-radius: 12px;
| + | -moz-transition: border-color 250ms,box-shadow 250ms; |
| − | background: #fffbeb;
| + | transition: border-color 250ms, box-shadow 250ms; |
| − | display: flex;
| |
| − | align-items: center;
| |
| − | justify-content: center;
| |
| − | font-size: 24px;
| |
| − | flex-shrink: 0;
| |
| | } | | } |
| | | | |
| − | .bl-school h3 {
| |
| − | font-size: 16px;
| |
| − | font-weight: 600;
| |
| − | color: #1e2a3a;
| |
| − | margin: 0 0 4px;
| |
| − | }
| |
| | | | |
| − | .bl-school p {
| |
| − | font-size: 13px;
| |
| − | color: #6b7280;
| |
| − | margin: 0 0 12px;
| |
| − | line-height: 1.6;
| |
| − | }
| |
| | | | |
| − | .bl-tags {
| + | body { |
| − | display: flex;
| + | font-family: -apple-system, 'Manrope', 'Arial', 'sans-serif'; |
| − | flex-wrap: wrap;
| + | font-size: 100%; |
| − | gap: 8px;
| + | line-height: 1.4; |
| | + | -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); |
| | } | | } |
| | | | |
| − | .bl-tag { | + | .minerva-footer { |
| − | display: inline-block;
| + | display: none !important; |
| − | border: 1px solid #e5e7eb;
| |
| − | border-radius: 8px;
| |
| − | padding: 6px 12px;
| |
| − | font-size: 12px;
| |
| − | font-weight: 500;
| |
| − | text-decoration: none;
| |
| − | transition: all .15s;
| |
| | } | | } |
| | | | |
| − | .bl-tag-hl {
| + | #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: #fef5f4;
| |
| − | color: #E8544A;
| |
| − | } | |
| | | | |
| − | .bl-tag-hl:hover {
| + | #hde-contact-container #hde-contact-list li:nth-child(3) svg {display: none !important;} |
| − | background: #E8544A;
| |
| − | color: #fff;
| |
| − | border-color: #E8544A;
| |
| − | text-decoration: none;
| |
| − | } | |
| | | | |
| − | .bl-tag-dim { | + | .header .branding-box img, |
| − | background: #f4f4f6;
| + | .header .branding-box h1 img, |
| − | color: #6b7280;
| + | .header .branding-box a img, |
| | + | .mw-logo-icon, |
| | + | .mw-logo-wordmark, |
| | + | .branding-box img { |
| | + | opacity: 1 !important; |
| | + | filter: none !important; |
| | + | mix-blend-mode: normal !important; |
| | } | | } |
| | | | |
| − | .bl-tag-dim:hover { | + | .header .branding-box, |
| − | background: #e5e7eb;
| + | .branding-box, |
| − | text-decoration: none;
| + | .branding-box a, |
| | + | .branding-box h1 { |
| | + | opacity: 1 !important; |
| | + | filter: none !important; |
| | } | | } |
| | | | |
| − | @media (max-width: 1024px) {
| + | .minerva-header, |
| − | .bl-grid {
| + | .header-container.header-chrome { |
| − | grid-template-columns: repeat(2, 1fr);
| + | background-color: rgb(110, 132, 247) !important; |
| − | }
| + | box-shadow: inset 0 0 0 100px rgb(110, 132, 247) !important; |
| | } | | } |
| | | | |
| − | @media (max-width: 640px) {
| + | .mw-first-heading, |
| − | .bl-grid {
| + | .page-heading, |
| − | grid-template-columns: 1fr;
| + | #content .mw-first-heading, |
| − | }
| + | #content .page-heading, |
| − | | + | header + .pre-content h1, |
| − | .bl-school {
| + | .pre-content h1 { |
| − | flex-direction: column;
| + | display: none !important; |
| − | align-items: flex-start;
| |
| − | }
| |
| − | | |
| − | .bl-hero h1 {
| |
| − | font-size: 28px;
| |
| − | }
| |
| | } | | } |