Открыть главное меню
Строка 1: Строка 1:
 
/* =========================================
 
/* =========================================
   BARLIVE — СТИЛЬ ШАПКИ ПО РЕФЕРЕНСУ
+
   ЖЁСТКОЕ РАЗДЕЛЕНИЕ ЛОГО И ПОИСКА
   Только цвета. Без ломания Minerva.
+
   Minerva
 
   ========================================= */
 
   ========================================= */
  
/* --- Фон всей страницы --- */
+
/* Контейнер шапки — задаём нормальную flex-логику */
 
 
body {
 
    background: #f5f7fb !important;
 
}
 
 
 
/* --- Шапка --- */
 
 
 
.header-container.header-chrome {
 
    background: #ffffff !important;
 
    border-bottom: 1px solid #e3e6f2 !important;
 
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
 
}
 
 
 
/* --- Внутренние отступы --- */
 
 
 
 
.header-container form.header {
 
.header-container form.header {
     padding: 0 24px !important;
+
     display: flex !important;
 +
    align-items: center !important;
 
}
 
}
  
/* --- Логотип --- */
+
/* Логотип — фиксированная ширина */
 
.branding-box {
 
.branding-box {
     margin-right: 32px !important;
+
     flex: 0 0 auto !important;
}
+
    margin-right: 24px !important;
 
 
.branding-box img {
 
    height: 36px !important;
 
    width: auto !important;
 
 
}
 
}
  
/* --- Поиск --- */
+
/* Поиск — НЕ растягивается на лого */
 
.search-box {
 
.search-box {
     margin-left: 0 !important;
+
     flex: 0 1 380px !important;
 +
    max-width: 380px !important;
 
}
 
}
  
 +
/* Чтобы input занимал всю ширину блока */
 
.search-box input {
 
.search-box input {
     background: #eef1f7 !important;
+
     width: 100% !important;
    border: 1px solid #dde2f0 !important;
 
    border-radius: 12px !important;
 
    height: 36px !important;
 
    color: #333 !important;
 
}
 
 
 
/* --- Иконки --- */
 
 
 
.mw-ui-icon-element {
 
    color: #444 !important;
 
 
}
 
}

Версия 00:45, 2 марта 2026

/* =========================================
   ЖЁСТКОЕ РАЗДЕЛЕНИЕ ЛОГО И ПОИСКА
   Minerva
   ========================================= */

/* Контейнер шапки — задаём нормальную flex-логику */
.header-container form.header {
    display: flex !important;
    align-items: center !important;
}

/* Логотип — фиксированная ширина */
.branding-box {
    flex: 0 0 auto !important;
    margin-right: 24px !important;
}

/* Поиск — НЕ растягивается на лого */
.search-box {
    flex: 0 1 380px !important;
    max-width: 380px !important;
}

/* Чтобы input занимал всю ширину блока */
.search-box input {
    width: 100% !important;
}