Центр помощи БАРЛАЙВ

Изменения

MediaWiki:Common.css (посмотреть исходный код)

Версия от 16:35, 24 апреля 2026

17 135 байт добавлено ,  24 апрель
нет описания правки
Строка 238: Строка 238:  
.page-Главная .bl-hero,
 
.page-Главная .bl-hero,
 
.page-Main_Page .bl-hero {
 
.page-Main_Page .bl-hero {
−
     background: #fff1f1 !important;
+
     background: #fcf8f8 !important;
−
     padding: 34px 0 28px !important;
+
     padding: 80px 0 80px !important;
 
     text-align: center;
 
     text-align: center;
 
     margin: 0 calc(50% - 50vw) !important;
 
     margin: 0 calc(50% - 50vw) !important;
Строка 281: Строка 281:  
     margin-top: 0.15em;
 
     margin-top: 0.15em;
 
}
 
}
 +
 +
/* ===== Главная: секция "Продукты" по ширине рабочей области ===== */
    
.page-Главная .bl-section,
 
.page-Главная .bl-section,
 
.page-Main_Page .bl-section {
 
.page-Main_Page .bl-section {
−
     max-width: 1120px;
+
     max-width: 1400px !important;   /* как новая рабочая область */
−
     margin: 0 auto;
+
     margin: 0 auto !important;
−
     padding: 28px 20px 0;
+
     padding: 28px 24px 0 !important;
 +
    box-sizing: border-box !important;
 
}
 
}
   Строка 301: Строка 304:  
.page-Главная .bl-cards,
 
.page-Главная .bl-cards,
 
.page-Main_Page .bl-cards {
 
.page-Main_Page .bl-cards {
−
     display: grid;
+
     display: grid !important;
−
     grid-template-columns: repeat(4, minmax(0, 1fr));
+
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
−
     gap: 16px;
+
     gap: 20px !important;
 +
    width: 100% !important;
 
}
 
}
    
.page-Главная .bl-card,
 
.page-Главная .bl-card,
 
.page-Main_Page .bl-card {
 
.page-Main_Page .bl-card {
−
     background: #ffffff;
+
     width: 100% !important;
−
     border: 1px solid #e5e7eb;
+
     max-width: none !important;
−
    border-radius: 18px;
+
     box-sizing: border-box !important;
−
    padding: 22px;
  −
     box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  −
    min-height: 300px;
   
}
 
}
   Строка 694: Строка 695:  
html body.page-Главная .bl-section,
 
html body.page-Главная .bl-section,
 
html body.page-Main_Page .bl-section {
 
html body.page-Main_Page .bl-section {
−
     background: #eef1f6 !important;
+
     background: #f3f4f6 !important;
−
     background-color: #eef1f6 !important;
+
     background-color: #f3f4f6 !important;
 
}
 
}
   Строка 701: Строка 702:  
html body.page-Главная .bl-hero,
 
html body.page-Главная .bl-hero,
 
html body.page-Main_Page .bl-hero {
 
html body.page-Main_Page .bl-hero {
−
     background: #fff1f1 !important;
+
     background: #fcf8f8 !important;
−
     background-color: #fff1f1 !important;
+
     background-color: #fcf8f8 !important;
 
}
 
}
   Строка 772: Строка 773:  
body.page-Главная .post-content,
 
body.page-Главная .post-content,
 
body.page-Main_Page .post-content {
 
body.page-Main_Page .post-content {
−
     background: #eef1f6 !important;
+
     background: #f3f4f6 !important;
−
     background-color: #eef1f6 !important;
+
     background-color: #f3f4f6 !important;
 
     max-width: none !important;
 
     max-width: none !important;
 
     width: 100% !important;
 
     width: 100% !important;
Строка 786: Строка 787:  
body.page-Главная .bl-help-home,
 
body.page-Главная .bl-help-home,
 
body.page-Main_Page .bl-help-home {
 
body.page-Main_Page .bl-help-home {
−
     background: #eef1f6 !important;
+
     background: #f3f4f6 !important;
−
     background-color: #eef1f6 !important;
+
     background-color: #f3f4f6 !important;
 
     max-width: none !important;
 
     max-width: none !important;
 
     width: 100% !important;
 
     width: 100% !important;
Строка 805: Строка 806:  
body.page-Главная .bl-hero,
 
body.page-Главная .bl-hero,
 
body.page-Main_Page .bl-hero {
 
body.page-Main_Page .bl-hero {
−
     background: #fff1f1 !important;
+
     background: #fcf8f8 !important;
−
     background-color: #fff1f1 !important;
+
     background-color: #fcf8f8 !important;
 
}
 
}
   Строка 951: Строка 952:  
     position: static !important;
 
     position: static !important;
 
     transform: none !important;
 
     transform: none !important;
 +
}
 +
 +
/* ===== Карточки: вернуть скругления и отступы ===== */
 +
 +
.page-Главная .bl-card,
 +
.page-Main_Page .bl-card {
 +
    background: #fff !important;
 +
    border-radius: 16px !important;        /* скругление как было */
 +
    padding: 20px 18px !important;        /* внутренние отступы */
 +
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; /* мягкая тень */
 +
}
 +
 +
/* заголовок карточки */
 +
.page-Главная .bl-card-title,
 +
.page-Main_Page .bl-card-title {
 +
    margin-top: 12px !important;
 +
    margin-bottom: 12px !important;
 +
}
 +
 +
/* список ссылок */
 +
.page-Главная .bl-card-links,
 +
.page-Main_Page .bl-card-links {
 +
    margin: 0 !important;
 +
    padding-left: 0 !important;
 +
}
 +
 +
/* элементы списка */
 +
.page-Главная .bl-card-links li,
 +
.page-Main_Page .bl-card-links li {
 +
    margin: 6px 0 !important;
 +
}
 +
 +
/* ===== Вернуть overflow-кнопку "Ещё" в панели действий ===== */
 +
 +
.page-actions-menu,
 +
#page-actions,
 +
.page-actions-menu__list {
 +
    overflow: visible !important;
 +
}
 +
 +
#page-actions > li,
 +
.page-actions-menu__list > li {
 +
    display: inline-flex !important;
 +
    visibility: visible !important;
 +
    opacity: 1 !important;
 +
}
 +
 +
/* если overflow-кнопка существует как toggle-list item */
 +
#page-actions > li.toggle-list-item,
 +
#page-actions > li.toggle-list-item > a,
 +
#page-actions > li.toggle-list-item > button,
 +
#page-actions > li .toggle-list__toggle,
 +
.page-actions-menu__list > li.toggle-list-item,
 +
.page-actions-menu__list > li .toggle-list__toggle {
 +
    display: inline-flex !important;
 +
    visibility: visible !important;
 +
    opacity: 1 !important;
 +
    overflow: visible !important;
 +
}
 +
 +
/* вернуть иконочный шрифт именно overflow-кнопке */
 +
#page-actions .toggle-list__toggle.mw-ui-icon:before,
 +
#page-actions .toggle-list__toggle.mw-ui-icon-element:before,
 +
.page-actions-menu__list .toggle-list__toggle.mw-ui-icon:before,
 +
.page-actions-menu__list .toggle-list__toggle.mw-ui-icon-element:before {
 +
    font-family: "MinervaNeueIcons" !important;
 +
    font-size: 24px !important;
 +
    line-height: 1 !important;
 +
}
 +
 +
/* на всякий случай не обнулять текст и размер именно для action menu */
 +
#page-actions .toggle-list__toggle,
 +
.page-actions-menu__list .toggle-list__toggle {
 +
    font-size: inherit !important;
 +
    line-height: inherit !important;
 +
    text-indent: 0 !important;
 +
}
 +
 +
/* ===== Отступ для главной (hero блок не под шапкой) ===== */
 +
 +
.page-Main_Page .banner-container,
 +
.page-Заглавная_страница .banner-container {
 +
    margin-top: 13px !important; /* подгони при необходимости */
 +
}
 +
 +
/* На главной скрываем поиск в верхней панели */
 +
body.page-Главная header.header-container.header-chrome > form.header > .search-box,
 +
body.page-Main_Page header.header-container.header-chrome > form.header > .search-box {
 +
    display: none !important;
 +
}
 +
 +
/* Поиск внутри hero на главной */
 +
body.page-Главная .bl-hero-search,
 +
body.page-Main_Page .bl-hero-search {
 +
    max-width: 640px;
 +
    margin: 26px auto 0;
 +
}
 +
 +
body.page-Главная .bl-search-form,
 +
body.page-Main_Page .bl-search-form {
 +
    display: block;
 +
    width: 100%;
 +
}
 +
 +
body.page-Главная .bl-search-input,
 +
body.page-Main_Page .bl-search-input {
 +
    width: 100%;
 +
    height: 56px;
 +
    box-sizing: border-box;
 +
    padding: 0 22px 0 52px;
 +
    border: 1px solid #eef1f6;
 +
    border-radius: 18px;
 +
    background-color: #ffffff;
 +
    color: #667085;
 +
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
 +
    font-size: 18px;
 +
    line-height: 1.2;
 +
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
 +
    outline: none;
 +
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' 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>");
 +
    background-repeat: no-repeat;
 +
    background-position: left 18px center;
 +
    background-size: 20px 20px;
 +
}
 +
 +
body.page-Главная .bl-search-input::placeholder,
 +
body.page-Main_Page .bl-search-input::placeholder {
 +
    color: #98a2b3;
 +
    opacity: 1;
 +
}
 +
 +
body.page-Главная .bl-search-input:focus,
 +
body.page-Main_Page .bl-search-input:focus {
 +
    border-color: #dbe2ea;
 +
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
 +
}
 +
 +
/* шапка карточки: иконка и заголовок в одну строку */
 +
.page-Главная .bl-card-head,
 +
.page-Main_Page .bl-card-head {
 +
    display: flex;
 +
    align-items: center;
 +
    gap: 12px;
 +
    margin-bottom: 14px;
 +
}
 +
 +
/* иконка */
 +
.page-Главная .bl-card-icon,
 +
.page-Main_Page .bl-card-icon {
 +
    margin: 0 !important;
 +
    height: auto !important;
 +
    line-height: 1;
 +
    flex: 0 0 auto;
 +
}
 +
 +
/* заголовок сервиса */
 +
.page-Главная .bl-card-title,
 +
.page-Main_Page .bl-card-title {
 +
    margin: 0 !important;
 +
    line-height: 1.2;
 +
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
 +
    font-weight: 600 !important; /* semibold */
 +
    color: #1f2937 !important;
 +
}
 +
 +
/* названия сервисов в списках тоже semibold */
 +
.page-Главная .bl-card-links li:first-child a,
 +
.page-Main_Page .bl-card-links li:first-child a {
 +
    font-weight: 600 !important;
 +
}
 +
 +
.page-Главная .bl-card-links a,
 +
.page-Main_Page .bl-card-links a {
 +
    font-weight: 600 !important;
 +
}
 +
 +
/* === Скрыть вкладки "Статья / Обсуждение" для гостей === */
 +
body:not(.logged-in) .minerva__tab-container {
 +
    display: none !important;
 +
}
 +
 +
/* === Скрыть панель действий (язык, следить, история, править, ещё) === */
 +
body:not(.logged-in) #page-actions,
 +
body:not(.logged-in) .page-actions-menu,
 +
body:not(.logged-in) .page-actions-menu__list {
 +
    display: none !important;
 +
}
 +
 +
/* === Скрыть "Ещё" (три точки) отдельно === */
 +
body:not(.logged-in) .minerva__menu {
 +
    display: none !important;
 +
}
 +
 +
/* =========================================================
 +
  ВНУТРЕННЯЯ ГЛАВНАЯ
 +
  Страница: Внутреннее:Заглавная страница
 +
  ========================================================= */
 +
 +
body.page-Внутреннее_Заглавная_страница,
 +
body.page-Внутреннее_Заглавная_страница #mw-mf-viewport,
 +
body.page-Внутреннее_Заглавная_страница #content,
 +
body.page-Внутреннее_Заглавная_страница .mw-body,
 +
body.page-Внутреннее_Заглавная_страница #bodyContent,
 +
body.page-Внутреннее_Заглавная_страница .content,
 +
body.page-Внутреннее_Заглавная_страница main,
 +
body.page-Внутреннее_Заглавная_страница .pre-content,
 +
body.page-Внутреннее_Заглавная_страница .post-content {
 +
    background: #f3f4f6 !important;
 +
    background-color: #f3f4f6 !important;
 +
    max-width: none !important;
 +
    width: 100% !important;
 +
    margin-left: 0 !important;
 +
    margin-right: 0 !important;
 +
    padding-left: 0 !important;
 +
    padding-right: 0 !important;
 +
    box-sizing: border-box !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-help-home {
 +
    background: #f3f4f6 !important;
 +
    background-color: #f3f4f6 !important;
 +
    max-width: none !important;
 +
    width: 100% !important;
 +
    margin: -1em 0 0 0 !important;
 +
    padding: 0 0 32px 0 !important;
 +
    box-sizing: border-box !important;
 +
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-help-home * {
 +
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-hero {
 +
    background: #fcf8f8 !important;
 +
    background-color: #fcf8f8 !important;
 +
    padding: 40px 0 40px !important;
 +
    text-align: center !important;
 +
    margin: 0 calc(50% - 50vw) !important;
 +
    width: 100vw !important;
 +
    box-sizing: border-box !important;
 +
}
 +
 +
body.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;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-hero-title {
 +
    font-size: 44px !important;
 +
    line-height: 1.12 !important;
 +
    font-weight: 700 !important;
 +
    letter-spacing: -0.02em !important;
 +
    color: #1f2937 !important;
 +
    margin-bottom: 14px !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-hero-subtitle {
 +
    font-size: 22px !important;
 +
    line-height: 1.45 !important;
 +
    font-weight: 400 !important;
 +
    color: #667085 !important;
 +
    max-width: 760px !important;
 +
    margin: 0 auto !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-section {
 +
    max-width: 1400px !important;
 +
    margin: 0 auto !important;
 +
    padding: 28px 24px 0 !important;
 +
    box-sizing: border-box !important;
 +
    background: transparent !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-section-title {
 +
    font-size: 14px !important;
 +
    font-weight: 800 !important;
 +
    color: #9ca3af !important;
 +
    letter-spacing: 0.12em !important;
 +
    margin: 0 0 16px !important;
 +
    text-transform: uppercase !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-cards {
 +
    display: grid !important;
 +
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 +
    gap: 20px !important;
 +
    width: 100% !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card {
 +
    background: #ffffff !important;
 +
    background-color: #ffffff !important;
 +
    border: 1px solid #e5e7eb !important;
 +
    border-radius: 16px !important;
 +
    padding: 20px 18px !important;
 +
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
 +
    width: 100% !important;
 +
    max-width: none !important;
 +
    box-sizing: border-box !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-head {
 +
    display: flex !important;
 +
    align-items: center !important;
 +
    gap: 12px !important;
 +
    margin-bottom: 14px !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-icon {
 +
    margin: 0 !important;
 +
    height: auto !important;
 +
    line-height: 1 !important;
 +
    flex: 0 0 auto !important;
 +
    font-size: 22px !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-title {
 +
    margin: 0 !important;
 +
    line-height: 1.2 !important;
 +
    font-size: 21px !important;
 +
    font-weight: 600 !important;
 +
    color: #1f2937 !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-links {
 +
    border-top: 1px solid #f0f0f0 !important;
 +
    padding-top: 14px !important;
 +
    margin-top: 6px !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-links ul {
 +
    list-style: none !important;
 +
    margin: 0 !important;
 +
    padding: 0 !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-links li {
 +
    list-style: none !important;
 +
    margin: 0 0 10px !important;
 +
    font-size: 16px !important;
 +
    line-height: 1.45 !important;
 +
    font-weight: 400 !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-links li::before {
 +
    content: "›" !important;
 +
    color: #6877de !important;
 +
    font-weight: 400 !important;
 +
    display: inline-block !important;
 +
    margin-right: 0.5em !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-links a {
 +
    color: #6877de !important;
 +
    font-weight: 400 !important;
 +
    text-decoration: none !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-card-links a:hover {
 +
    color: #6877de !important;
 +
    text-decoration: underline !important;
 +
}
 +
 +
@media (max-width: 1200px) {
 +
    body.page-Внутреннее_Заглавная_страница .bl-cards {
 +
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 +
    }
 +
}
 +
 +
@media (max-width: 768px) {
 +
    body.page-Внутреннее_Заглавная_страница .bl-help-home {
 +
        margin-left: -0.75em !important;
 +
        margin-right: -0.75em !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-hero {
 +
        padding: 24px 0 20px !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-hero-title {
 +
        font-size: 31px !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-hero-subtitle {
 +
        font-size: 17px !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-section {
 +
        padding: 20px 14px 0 !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-cards {
 +
        grid-template-columns: 1fr !important;
 +
        gap: 14px !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-card {
 +
        padding: 18px !important;
 +
        border-radius: 16px !important;
 +
    }
 +
 +
    body.page-Внутреннее_Заглавная_страница .bl-card-title {
 +
        font-size: 22px !important;
 +
    }
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .bl-help-home {
 +
    margin-top: -2em !important;  /* ← подтягиваем вверх под header */
 +
}
 +
 +
/* ===== Внутренняя главная: фон на всю ширину ===== */
 +
 +
body.page-Внутреннее_Заглавная_страница #bodyContent,
 +
body.page-Внутреннее_Заглавная_страница .mw-parser-output,
 +
body.page-Внутреннее_Заглавная_страница .bl-help-home {
 +
    background: #f3f4f6 !important;
 +
    background-color: #f3f4f6 !important;
 +
    width: 100vw !important;
 +
    max-width: none !important;
 +
    margin-left: calc(50% - 50vw) !important;
 +
    margin-right: calc(50% - 50vw) !important;
 +
    box-sizing: border-box !important;
 +
}
 +
 +
/* hero тоже на всю ширину и без верхнего зазора */
 +
body.page-Внутреннее_Заглавная_страница .bl-hero {
 +
    margin: -1em calc(50% - 50vw) 0 calc(50% - 50vw) !important;
 +
    width: 100vw !important;
 +
}
 +
 +
/* контент разделов снова центрируем внутри серого фона */
 +
body.page-Внутреннее_Заглавная_страница .bl-section {
 +
    max-width: 1400px !important;
 +
    width: 100% !important;
 +
    margin: 0 auto !important;
 +
    padding: 28px 24px 0 !important;
 +
    box-sizing: border-box !important;
 +
    background: transparent !important;
 +
}
 +
 +
/* чтобы карточки не растягивались сверх рабочей области */
 +
body.page-Внутреннее_Заглавная_страница .bl-cards {
 +
    width: 100% !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница {
 +
    background: #f3f4f6 !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница {
 +
    overflow-x: hidden !important;
 +
}
 +
 +
/* Внутренняя главная: закрасить низ страницы общим фоном */
 +
html,
 +
body.page-Внутреннее_Заглавная_страница,
 +
body.page-Внутреннее_Заглавная_страница #mw-mf-viewport,
 +
body.page-Внутреннее_Заглавная_страница #mw-mf-page-center,
 +
body.page-Внутреннее_Заглавная_страница main,
 +
body.page-Внутреннее_Заглавная_страница #content,
 +
body.page-Внутреннее_Заглавная_страница #bodyContent {
 +
    background: #f3f4f6 !important;
 +
    background-color: #f3f4f6 !important;
 +
}
 +
 +
/* чтобы серый фон тянулся минимум до низа экрана */
 +
body.page-Внутреннее_Заглавная_страница .bl-help-home {
 +
    min-height: calc(100vh - 72px) !important;
 +
}
 +
 +
body.page-Внутреннее_Заглавная_страница .mw-parser-output {
 +
    min-height: calc(100vh - 72px) !important;
 +
    background: #f3f4f6 !important;
 
}
 
}
Источник — https://wiki.barlive.ru/wiki/Служебная:Сравнение_версий/617...755