код HTML { обивка: 0; } тело { шрифт-семья: "Arial", шрифт Helvetica, без засечек; цвет: #333; маржа: 0; } #КПВ-основной__обертка { ширина: 100%; } .КПВ-контейнер__обернуть { Макс-ширина: 1130px; маржа: 0 Авто Авто 35 пикселей; } .заголовок__логотипом {/*** заголовок ***/ дисплей: гибкий; выравнивать-элементы: центр; обосновывать-содержание: центр; маржа: 0; фон: URL-адрес('https://ebay.carpartswholesale.com/images/template_4/header-bg.jpg') повторять-х прокрутки 0 0 #184a76; ширина: 100%; высота: 100 пикселей; } .меню__списке-ссылка пядь { дисплей: блок; } .меню__главное-списка {/***меню и баннер***/ } .содержание__баннере-границы__строке { позиция: относительная; границы: 5 пикселей #084e8f твердый; высота: авто; ширина: 60%; Z-индекс: 1000; граница-радиус: значение 10px; маржа: 0 авто; дно: 120px; Z-индекс: 1; } уль.заголовок__список { дисплей: гибкий; выравнивать-элементы: гибкий-старт; текст-выровняйте: центр; обосновывать-содержание: центр; обивка: 0; маржа: 0; позиция: относительная; Z-индекс: 1000; } уль.заголовок__списке батарея Li { дисплей: встроенный блок; обивка: 0 до 40 px; } собой.меню__списке-ссылка { шрифт-размер: 18px; текст-Украшение: Нет; цвет: #084E8F; указатель-события: нет; шрифт-вес: зажигалка; стиль шрифта: курсив; } собой.убыв__ссылка { цвет: #113679; текст-отделка: нет; } а.убыв__ссылке:Hover { цвет: #184699; } .убыв__изюминкой { цвет: #113679; } .ссылка__убыв { высота строки: 18px; } #контенту__Знамени { фон: линейный градиент(180 градусов, #DBDBDB 0%, #FFFFFF 13.02%, #FFFFFF 85.42%, #FFFFFF 99.98%, #FFFFFF 99.99%), #333333; обивка: 8 Пикс до 40 px; } .содержание__изображения { } .содержание__изображении img { ширина: 100%; } /******CSS для слайдера*******/ .КПВ-контейнер__ползунок { Макс-ширина: 1130px; маржа: 0 Авто Авто 35 пикселей; } .ползунок { позиция: относительная; Макс-ширина: 100%; Макс-высота: авто; маржа: 0 авто; } .слайдер:наведите .ползунок__radiobox и этикетки--превью .слайдер:наведите .ползунок__radiobox и этикетка-в следующий { непрозрачность: 1; } .слайдер:наведите .ползунок__radiobox и этикетки--предыдущая запись { Left: 4%; } .слайдер:наведите .ползунок__radiobox и этикетка-в следующий { право: 4%; } .слайдер-полный { ширина: 1130px; высота: 444px; } .ползунок__внутреннем { позиция: относительная; маржа: 0 авто; переполнение: скрытый; фон: #FFF по; } .слайдер-полный .ползунок__внутреннем { ширина: 100%; высота: 100%; } .ползунок__radiobox и этикетки { дисплей: блок; позиция: абсолютная; Z-индекс: 2; курсор: указатель; } .ползунок__radiobox и этикетки--пункт { дно: 6%; слева: 95%; -в WebKit-преобразование: транслатекс(-50%); трансформация: транслатекс(-50%); обивка: 6px; границы радиус: 50%; фон: черный; непрозрачность: 0.2; переход: непрозрачность: 0,2 с; } .ползунок__radiobox и этикетки--пункт:парения { непрозрачность: 0.8; } .ползунок__radiobox и этикетки--превью .ползунок__radiobox и этикетки-после { дисплей: нет; верх: 50%; высота: 0; граница: твердое 18px #4d4d4d; границы верхнего цвета: прозрачный; границы снизу цвет: прозрачный; непрозрачность: 0; переход: слева 0,2 с, право 0,2 с, непрозрачность 0,2 с; } .ползунок__radiobox и этикетки--превью .ползунок__radiobox и этикетки--следующем:парения { непрозрачность: 0.5 } .ползунок__radiobox и этикетки--предыдущая запись { Left: -6%; граница-слева: 0; границы правой ширина: 17px; } .ползунок__radiobox и этикетка-в следующий { право: -6%; граница-справа: 0; границы левой ширина: 17px; } .ползунок__radiobox и { дисплей: нет; } .КПВ-контейнер__слайдер-обертка { позицию: абсолютная; верх: 0; внизу: 0; слева: 0; справа: 0; коробка-тень: 0 0 RGBA, которые в 20px(0, 0, 0, 0.1); } /*** рельеф дна ***/ Н1 { шрифт-размер: 35 пикселей; маржа: 0; цвет: #ffffff; текст-выровняйте: центр; } Н2.КПВ-заголовок { размер шрифта: значение 24px; цвет: #333333; текст-преобразования: прописные буквы; текст-выровняйте: центр; маржа: 0; обивка: 30 пикселей 0; ширина: 100%; позиция: относительная; ясно: оба; } Н2.КПВ-заголовок::до { содержания: ""; позиция: абсолютная; высота: 1 пиксель; ширина: 100%; топ: 50%; дисплей: блок; фон: #E0E0E0; } Н2.КПВ рубрике пядь { фон: #FFF в; позиция: относительная; } Н2.КПВ рубрике продолжительность:п-й ребенок(1) { обивка: 0 0 5 пикселей значение 10px; топ: 5 пикселей; } Н2.КПВ рубрике продолжительность:п-й ребенок(2) { обивка: значение 10px 0 0 0; } Н3 { шрифт-размер: 20 пикселей; цвет: #00407B; текст-преобразования: заглавные буквы; } Н4 { маржа: 0; размер шрифта: 17px; } Н5 { шрифт-размер: 15px; } .КПВ-содержание__центр { выравнивания текста: центр; } Р { размер шрифта: 14px; линия-высота: 20 пикселей; } С. убыв__список { маржа: 0; выравнивания текста: центр; }стр. убыв__перечислить { шрифт-размер: 14px; шрифт-вес: 300; цвет: #0661B5; текст-отделка: нет; } уль.КПВ-содержание__списке батарея Li { шрифт-размер: 14px; линия-высота: 20 пикселей; } .КПВ-содержание__обернуть { фон: нет прокрутки не повторять 0 0 #ffffff; обивка: 8 Пикс. 40 пикселей; } #КПВ-содержание__Нижнем { справочная информация: URL-адрес('https://ebay.carpartswholesale.com/images/template_4/cpw-content-bg.jpg') повтор прокрутки 0 0 #00407b; обивка: 8 Пикс x 45 пикселей; } .содержание__таблица-обертка { дисплей: гибкий; маржа: 0 0 0 x 45 пикселей; } .содержание__таблица-список { ширина: 100%; } .скрытие__столбце { цвет: #F1F1F1; } #КПВ-содержание__Нижнем таблица { границы коллапса: крах; переполнение: скрытый; ширина: 100%; } #КПВ-содержание__Нижнем стол тр тд:п-й ребенок(1), #КПВ-содержание__Нижнем стол тр тд:п-й ребенок(3) { шрифт-вес: жирный; } #КПВ-содержание__нижнюю таблицу тр:п-й ребенок(нечетные) { фон: нет-повтор прокрутки 0 0 #F1F1F1; границы сверху: 1px твердых #E5E5E5; нижней границы: 1px твердых #E5E5E5; обивка: значение 10px; } #КПВ-содержание__нижнюю таблицу тр { ширина: 100%; } #КПВ-содержание__Нижнем стол тр тд { шрифт-размер: 14px; подкладка: 5 пикселей; } .пункта__перечня { дисплей: гибкий; } .пользования__список-содержание:п-й ребенок(2) { обивка: 0 0 0 15px; } .пользования__список--содержание Н5 { маржа: 15px 0 0 0; } .пользования__список-контент по ul { шрифт-размер: 14px; маржа: 0 0 15px 0; } .пользования__список-содержимое ул батарея Li { высота строки: 15px; маржа: 0 0 7px 0; } /*** медиазапросы * * * / экран @Media и (Макс-ширина: 1124px) { .КПВ-контейнер__ползунок { Макс-ширина: 1000пк; маржа: 20 ПКС авто в 20px авто; } .ул слайдер-полный { высота: 444px; }.заголовок__списке батарея Li { обивка: значение 10px 0; } .содержание__баннере-границы__строке { ширина: 50%; } } @медиа-экран и (Макс-ширина: 1047px) { .КПВ-контейнер__ползунок { Макс-ширина: 800 пикселей; маржа: 20 ПКС авто в 20px авто; } .слайдер-полный { высота: 380px; } .логос__слово desc { ширина: 55%; } #контенту__Ближнем { дисплей: гибкий; } #контенту__середине .содержание__изображения { ширина: 50%; маржа-справа: 20 пикселей; высота: авто; } #контенту__середине .КПВ-содержание__обертка { ширина: 50%; } #контенту__середине .содержание__изображении img { ширина: 100%; позиция: относительная; верх: 50%; преобразования: translateY(-50%); } уль.заголовок__список ли:п-й ребенок(1) { -в WebKit-преобразование-стиль: наследование !важно; -МОЗ-преобразования-стиль: наследование !важно; преобразование-стиль: наследование !важно; } } @медиа-экран и (Макс-ширина: 835px) { .КПВ-контейнер__ползунок { Макс-ширина: 750px; маржа: 20 ПКС авто в 20px авто; } .слайдер-полный { высота: 390px; } #КПВ-содержание__Нижнем стол тр тд { обивка: 6px; } } @медиа-экран и (Макс-ширина: 795px) { .КПВ-контейнер__ползунок { Макс-ширина: 740px; маржа: 20 ПКС авто в 20px авто; } .слайдер-полный { высота: 360px; } .содержание__таблица-обертка { дисплей: блок; } .содержание__таблица-список { ширина: 100%; } .содержание__таблица-обертка див.содержание__таблица-список:п-й ребенок(2) тр:п-й ребенок(нечетные) { фон: нет-повтор прокрутки 0 0 #ffffff !важно; границы-топ: 0 !важно; обивка: значение 10px; } .содержание__таблица-обертка див.содержание__таблица-список:п-й ребенок(2) тр:п-й ребенок(даже) { фон: нет-повтор прокрутки 0 0 #F1F1F1; границы сверху: 1px твердых #E5E5E5; нижней границы: 1px твердых #E5E5E5; обивка: значение 10px; } } @медиа-экран и (Макс-ширина: 767px) { /*******ползунок*******/ .КПВ-контейнер__ползунок { Макс-ширина: 540px; маржа: 20 ПКС авто в 20px авто; } .ползунок__скольжение { фон-размер: крышка; } .слайдер-полный { высота: шириной 250 пикселей и следующий; } /***конец каретки***/ #контенту__Знамени { обивка: 8 Пикс 16px и 8 Пикс 30 пикселей; } .КПВ-контейнер__обернуть { маржа: 0 авто то есть 16px 0; } .заголовок__обернуть { дисплей: блок; } .логос__слово desc { ширина: 100%; маржа: авто в 20px; } .пункта__перечня { дисплей: блок; } .пользования__список-содержание:п-й ребенок(2) { обивка: 0; } #КПВ-содержание__Нижнем { обивка: 16px и 8 Пикс; } .КПВ-содержание__обернуть { обивка: 16px и 8 Пикс 16px и 8 Пикс; } таймфрейме H1 { размер шрифта: значение 24px; } Н2.КПВ-заголовок { размер шрифта: 22px; обивка: 16px и 0; } } @медиа-экран и (Макс-ширина: 580px) { .КПВ-контейнер__ползунок { Макс-ширина: 450px; маржа: 20 ПКС авто в 20px авто; } .слайдер-полный { высота: 200px; } .логос__слово desc { ширина: 100%; } .Логос__убыванию компания IMG { Макс-ширина:50%; высота: авто; } уль.заголовок__список { обосновывать-содержание: центр; сетка-шаблон-столбцы: центр; ул}.заголовок__списке литий компания IMG { ширина: 100%; } #КПВ-содержание__Нижнем { дисплей: блок; }#cpw-content__bottom .content__image { ширина: 97%; поле: 0 auto 35px auto; } #cpw-content__bottom .cpw-content__wrap { ширина: auto; } .content__table-list tr { отображение: flex; flex-wrap: обертывание; отступ: 0; ширина: 100%; } #cpw-content__bottom table tr: nth-дочерний элемент(2n + 1) { /* background: none no-repeat 0 0 прокрутка прозрачная; */ background: прозрачный; border-top: нет; border-bottom: нет; padding: 0; } .content__таблица-список tr td { ширина: 47%; } .content__таблица-список