Изменения

нет описания правки
Строка 449: Строка 449:  
}
 
}
   −
/* HERO на всю ширину экрана */
+
/* ===== ФОН И HERO: аккуратная полноширинная версия ===== */
.bl-hero {
  −
    position: relative;
  −
    left: 50%;
  −
    right: 50%;
  −
    margin-left: -50vw;
  −
    margin-right: -50vw;
  −
    width: 100vw;
  −
}
  −
 
  −
.bl-section {
  −
    background: transparent;
  −
}
     −
/* Фон страницы */
+
/* Общий фон страницы */
 
html,
 
html,
 
body,
 
body,
 
#content,
 
#content,
 
.mw-body,
 
.mw-body,
#bodyContent,
+
#bodyContent {
 +
    background: #f3f6fb !important;
 +
}
 +
 
 +
/* Контейнер главной */
 
.bl-help-home {
 
.bl-help-home {
 
     background: #f3f6fb !important;
 
     background: #f3f6fb !important;
 +
    margin: -1em -1em 0 -1em;
 +
    padding-bottom: 32px;
 
}
 
}
   −
/* Hero-подложка на всю ширину */
+
/* Верхняя подложка на всю ширину, без сдвига текста */
 
.bl-hero {
 
.bl-hero {
 
     background: #fff1f1 !important;
 
     background: #fff1f1 !important;
     position: relative;
+
     padding: 34px 0 28px !important;
     left: 50%;
+
     text-align: center;
    right: 50%;
+
     margin: 0 !important;
    margin-left: -50vw;
+
     width: 100% !important;
     margin-right: -50vw;
  −
     width: 100vw;
   
}
 
}
   −
/* Контент hero в центре */
+
/* Контент hero по центру */
 
.bl-hero-inner {
 
.bl-hero-inner {
 +
    max-width: 1120px !important;
 +
    margin: 0 auto !important;
 +
    padding: 0 20px !important;
 +
    text-align: center !important;
 +
}
 +
 +
/* Основной контент ниже */
 +
.bl-section {
 
     max-width: 1120px;
 
     max-width: 1120px;
 
     margin: 0 auto;
 
     margin: 0 auto;
     padding-left: 20px;
+
     padding: 28px 20px 0;
     padding-right: 20px;
+
}
 +
 
 +
/* Если над hero остаётся тонкая полоска/зазор */
 +
#content {
 +
    margin-top: 0 !important;
 +
     padding-top: 0 !important;
 +
}
 +
 
 +
.pre-content,
 +
.banner-container {
 +
    margin: 0 !important;
 +
    padding: 0 !important;
 
}
 
}