/* Защита лендинга от стилей внешнего шаблона (1С-Битрикс). Подключается ПОСЛЕДНИМ из стилей лендинга. Принцип: специфичность правил ниже лежит между «голыми» правилами шаблона (h1, ul, a — вес 0,0,1) и собственными правилами лендинга (все они имеют префикс обёртки, поэтому весят 0,2,0 и выше). Поэтому чужие правила перебиваются, а свои — нет. Значение revert возвращает стандарт браузера, а не обнуляет всё подряд. */ /* 1. Обрываем наследование от чужого */ .isolationstyle-dieci { hyphens: manual; -webkit-hyphens: manual; word-break: normal; overflow-wrap: normal; font-family: initial; font-size: medium; font-style: normal; font-weight: normal; font-variant: normal; line-height: normal; color: initial; text-align: start; text-transform: none; text-decoration: none; text-indent: 0; text-shadow: none; letter-spacing: normal; word-spacing: normal; white-space: normal; direction: ltr; visibility: visible; cursor: auto; } /* 2. Теги, которые лендинг уже обнуляет своим сбросом: margin/padding/border не трогаем, иначе перебьём сброс. */ .isolationstyle-dieci div, .isolationstyle-dieci span, .isolationstyle-dieci h1, .isolationstyle-dieci h2, .isolationstyle-dieci h3, .isolationstyle-dieci h4, .isolationstyle-dieci h5, .isolationstyle-dieci h6, .isolationstyle-dieci p, .isolationstyle-dieci blockquote, .isolationstyle-dieci pre, .isolationstyle-dieci a, .isolationstyle-dieci code, .isolationstyle-dieci b, .isolationstyle-dieci u, .isolationstyle-dieci i, .isolationstyle-dieci center, .isolationstyle-dieci table, .isolationstyle-dieci tr, .isolationstyle-dieci th, .isolationstyle-dieci td, .isolationstyle-dieci video, .isolationstyle-dieci img, .isolationstyle-dieci figure, .isolationstyle-dieci figcaption, .isolationstyle-dieci ul, .isolationstyle-dieci ol, .isolationstyle-dieci li, .isolationstyle-dieci dl, .isolationstyle-dieci dt, .isolationstyle-dieci dd, .isolationstyle-dieci section, .isolationstyle-dieci article, .isolationstyle-dieci header, .isolationstyle-dieci footer, .isolationstyle-dieci nav, .isolationstyle-dieci aside, .isolationstyle-dieci main, .isolationstyle-dieci small, .isolationstyle-dieci strong, .isolationstyle-dieci em, .isolationstyle-dieci label, .isolationstyle-dieci button, .isolationstyle-dieci input, .isolationstyle-dieci select, .isolationstyle-dieci textarea, .isolationstyle-dieci iframe, .isolationstyle-dieci svg, .isolationstyle-dieci picture, .isolationstyle-dieci hr, .isolationstyle-dieci thead, .isolationstyle-dieci tbody, .isolationstyle-dieci tfoot, .isolationstyle-dieci caption { display: revert; font: revert; color: revert; text-align: revert; text-transform: revert; text-decoration: revert; text-indent: revert; text-shadow: revert; letter-spacing: revert; word-spacing: revert; white-space: revert; background: revert; box-shadow: revert; float: revert; opacity: revert; max-width: revert; max-height: revert; min-width: revert; min-height: revert; transform: revert; filter: revert; visibility: revert; } /* 3. Теги вне сброса лендинга — им возвращаем и отступы с рамками */ .isolationstyle-dieci figure, .isolationstyle-dieci figcaption, .isolationstyle-dieci ul, .isolationstyle-dieci ol, .isolationstyle-dieci li, .isolationstyle-dieci dl, .isolationstyle-dieci dt, .isolationstyle-dieci dd, .isolationstyle-dieci section, .isolationstyle-dieci article, .isolationstyle-dieci header, .isolationstyle-dieci footer, .isolationstyle-dieci nav, .isolationstyle-dieci aside, .isolationstyle-dieci main, .isolationstyle-dieci small, .isolationstyle-dieci strong, .isolationstyle-dieci em, .isolationstyle-dieci label, .isolationstyle-dieci button, .isolationstyle-dieci input, .isolationstyle-dieci select, .isolationstyle-dieci textarea, .isolationstyle-dieci iframe, .isolationstyle-dieci svg, .isolationstyle-dieci picture, .isolationstyle-dieci hr, .isolationstyle-dieci thead, .isolationstyle-dieci tbody, .isolationstyle-dieci tfoot, .isolationstyle-dieci caption { margin: revert; padding: revert; border: revert; list-style: revert; border-radius: revert; border-collapse: revert; border-spacing: revert; vertical-align: revert; } /* 4. Гасим маркеры, которые шаблон дорисовывает спискам через псевдоэлементы. Например Aspro Max добавляет: ul:not([id*="bx_"]) > li:before { content:"\2014" } — из-за этого перед каждым пунктом появлялось тире. Класс обёртки указан дважды намеренно: так правило весит больше чужого и не зависит от порядка подключения файлов. Собственных стилей ::before у списков лендинга нет — проверено. */ .isolationstyle-dieci.isolationstyle-dieci ul > li::before, .isolationstyle-dieci.isolationstyle-dieci ul > li::after, .isolationstyle-dieci.isolationstyle-dieci ol > li::before, .isolationstyle-dieci.isolationstyle-dieci ol > li::after { content: none; } /* 5. Ленивая загрузка шаблона не должна прятать содержимое лендинга: lazysizes держит opacity:0 у элементов, которые сам не догрузит. */ .isolationstyle-dieci .lazy, .isolationstyle-dieci .lazyload, .isolationstyle-dieci .lazyloading, .isolationstyle-dieci .lazyloaded { opacity: 1; visibility: visible; } /* 6. sup/sub лендинг настраивает сам — возвращаем его значения */ .isolationstyle-dieci sup { line-height: 0; font-size: smaller; vertical-align: super; } .isolationstyle-dieci sub { line-height: 0; font-size: smaller; vertical-align: sub; }