Открыть главное меню
Строка 1: Строка 1:
 
/* =========================================
 
/* =========================================
   BARLIVE — СТАБИЛЬНАЯ ШАПКА (Minerva 1.34)
+
   BARLIVE — АККУРАТНАЯ ШАПКА (Minerva)
  Без flex-ломаний
 
 
   ========================================= */
 
   ========================================= */
  
/* === Контейнер шапки === */
+
/* --- Контейнер шапки --- */
  
 
.header-container.header-chrome {
 
.header-container.header-chrome {
 
     background: #ffffff !important;
 
     background: #ffffff !important;
 
     border-bottom: 1px solid #e6e8f5 !important;
 
     border-bottom: 1px solid #e6e8f5 !important;
    height: 56px !important;
 
    line-height: 56px !important; /* главный центрирующий механизм */
 
 
     box-shadow: none !important;
 
     box-shadow: none !important;
 
}
 
}
  
/* Убираем лишний внутренний отступ Minerva */
+
/* Внутренний контейнер уже flex в Minerva,
 +
  мы его не пересобираем — только выравниваем */
 +
 
 
.header-container form.header {
 
.header-container form.header {
 +
    align-items: center !important;
 
     padding: 0 20px !important;
 
     padding: 0 20px !important;
 
}
 
}
  
/* === Кнопка меню слева === */
+
/* --- Кнопка меню --- */
  
 
#mw-mf-main-menu-button {
 
#mw-mf-main-menu-button {
    vertical-align: middle !important;
+
     margin-right: 16px !important;
     margin-right: 14px !important;
 
 
}
 
}
  
/* === ЛОГО === */
+
/* --- Логотип --- */
  
 
.branding-box {
 
.branding-box {
     margin-right: 28px !important;
+
     margin-right: 28px !important; /* расстояние до поиска */
 +
    display: flex !important;
 +
    align-items: center !important;
 
}
 
}
  
 
.branding-box img {
 
.branding-box img {
     height: 34px !important;
+
     height: 36px !important;
 
     width: auto !important;
 
     width: auto !important;
    vertical-align: middle !important;
+
     display: block !important;
     display: inline-block !important;
 
 
}
 
}
  
/* === ПОИСК === */
+
/* --- Поиск --- */
 +
 
 +
.search-box {
 +
    flex: 0 1 420px !important;
 +
}
  
 
.search-box input {
 
.search-box input {
     height: 34px !important;
+
     width: 100% !important;
 
     max-width: 420px !important;
 
     max-width: 420px !important;
 +
    height: 36px !important;
 
     background: #f3f4fa !important;
 
     background: #f3f4fa !important;
 
     border: 1px solid #e0e3f0 !important;
 
     border: 1px solid #e0e3f0 !important;
Строка 49: Строка 54:
 
     color: #333 !important;
 
     color: #333 !important;
 
     box-shadow: none !important;
 
     box-shadow: none !important;
    vertical-align: middle !important;
 
 
}
 
}
  
/* === ИКОНКИ СПРАВА === */
+
/* --- Иконки справа --- */
  
 
.minerva-user-navigation {
 
.minerva-user-navigation {
 
     margin-left: auto !important;
 
     margin-left: auto !important;
 +
    display: flex !important;
 +
    align-items: center !important;
 +
    gap: 14px !important;
 +
}
 +
 +
/* Кнопка поиска */
 +
#searchIcon {
 +
    height: 36px !important;
 
}
 
}
  
 +
/* Убираем лишние визуальные смещения */
 
.mw-ui-icon-element {
 
.mw-ui-icon-element {
 
     vertical-align: middle !important;
 
     vertical-align: middle !important;
 
}
 
}

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

/* =========================================
   BARLIVE — АККУРАТНАЯ ШАПКА (Minerva)
   ========================================= */

/* --- Контейнер шапки --- */

.header-container.header-chrome {
    background: #ffffff !important;
    border-bottom: 1px solid #e6e8f5 !important;
    box-shadow: none !important;
}

/* Внутренний контейнер уже flex в Minerva,
   мы его не пересобираем — только выравниваем */

.header-container form.header {
    align-items: center !important;
    padding: 0 20px !important;
}

/* --- Кнопка меню --- */

#mw-mf-main-menu-button {
    margin-right: 16px !important;
}

/* --- Логотип --- */

.branding-box {
    margin-right: 28px !important; /* расстояние до поиска */
    display: flex !important;
    align-items: center !important;
}

.branding-box img {
    height: 36px !important;
    width: auto !important;
    display: block !important;
}

/* --- Поиск --- */

.search-box {
    flex: 0 1 420px !important;
}

.search-box input {
    width: 100% !important;
    max-width: 420px !important;
    height: 36px !important;
    background: #f3f4fa !important;
    border: 1px solid #e0e3f0 !important;
    border-radius: 10px !important;
    color: #333 !important;
    box-shadow: none !important;
}

/* --- Иконки справа --- */

.minerva-user-navigation {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Кнопка поиска */
#searchIcon {
    height: 36px !important;
}

/* Убираем лишние визуальные смещения */
.mw-ui-icon-element {
    vertical-align: middle !important;
}