*{ поле: 0px; отступ: 0px; контур: отсутствует; граница: отсутствует; оформление текста: отсутствует; стиль списка: отсутствует; размер рамки: border-box; } img { максимальная ширина: 100%; } .очистить { очистить: оба; } .оболочка, .content_store { максимальная ширина: 1200 пикселей; ширина: 94%; поле: 0 авто; } .main { ширина: 100%; с плавающей точкой: слева; выравнивание текста: по центру; семейство шрифтов: 'Открыть без', без засечек; } .заголовок { ширина: 100%; плавающий: слева; фон: URL #fafafa (https://wearephoenixteam.com/ebay/free-templates/images/temp2/bg-texture.jpg) повторяется вверху слева; отступ: 30 пикселей 0 8 пикселей 0; } .template .header { отступ-внизу: 30 пикселей; } .логотип { float: слева; верхнее поле: 8 пикселей; } .head_right { float: справа; } .head_right ul { float: справа; } .head_right ul li { отображение: встроенный блок; с плавающей точкой: слева; размер шрифта: 14 пикселей;; высота строки: 50 пикселей; вес шрифта: обычный; цвет: #3a3a3a; отступ слева: 32 пикселя; правое поле: 35 пикселей; } .head_right ul li: nth-дочерний(1){фон: URL(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img1.png) без повтора слева по центру;} .head_right ul li: nth-дочерний(2){фон: URL(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img2.png) без повтора слева по центру;} .head_right ul li: nth-дочерний(3){фон: URL(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img3.png) без повтора слева по центру;} .head_right ul li: nth-дочерний (4) {фон: URL(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img4.png) слева по центру без повтора; правое поле: 0 пикселей;} .gif_img { отображение: отсутствует } .title_bar { отступ: 10 пикселей на 0; ширина: 100%; с плавающей точкой: слева; фон: #0062b0; } .строка заголовка h2 { размер шрифта: 30 пикселей; вес шрифта: 400; цвет: #FFF; } .нижний колонтитул2 { ширина: 100%; плавающий: слева; фон: #0062b0; отступ: 15 пикселей 0; } .нижний колонтитул2 p { размер шрифта: 14 пикселей; высота строки: 33px; вес шрифта: обычный; цвет: #fefefe; выравнивание текста: по левому краю; } /*шаблон*/ .template_div { ширина: 100%; с плавающей точкой: слева; выравнивание по тексту: слева; отступ: 35 пикселей 0 0 0; } .template_left { ширина: 19.45%; с плавающей точкой: слева; выравнивание по тексту: по центру; } .template_left_row1 { нижнее поле: 20 пикселей; отступ: 40 пикселей 0 0 0; граница: сплошная 1 пиксель #e8e8e8; } .template_right { ширина: 78.8%; с плавающей точкой: справа; } .template_right_row1 { ширина: 100%; с плавающей точкой: слева; нижнее поле: 25 пикселей; } .template_right_col1{ ширина: 50%; с плавающей точкой: слева; } /* галерея*/ .gallery_list { ширина: 100%; положение: относительное; поле: 0 автоматически; } .миниатюры { стиль списка: отсутствует; размер шрифта: 0; } .миниатюры li { отображение: встроенный блок; поле: 15px 10px 0 0; ширина: 100px; высота: 100px; выравнивание по тексту: по центру; выравнивание по вертикали: по середине; плавающий элемент: слева; } .миниатюры li: наведите курсор .элемент-обнимашка { фон: белый; } . ввод миниатюр [name="выбрать"] { отображение: отсутствует; } .миниатюры .элемент-обнимашка { высота: 100%; положение: относительное; фон: #fff; отображение: flex; направление сгибания: столбец; выравнивание содержимого: по центру; переход: все 150 мс для удобства ввода-вывода; -moz-переход: все 150 мс плавного ввода-вывода; -webkit-переход: все 150 мс плавного ввода-вывода; граница: сплошная 1 пиксель #e8e8e8; z-индекс: 999; отступ: 4px; } .метка миниатюр { позиция: абсолютная; вверху: 0; слева: 0; справа: 0; внизу: 0; курсор: указатель; } .thumbnails .thumb-изображение,.thumbnails .content2 img { выровнять по центру; максимальная высота: 100%; } .thumbnails .content2 { положение: абсолютное; верхнее: 0; слева: 0; ширина: 100%; высота: 478 пикселей; отступ: 5 пикселей; непрозрачность: 0; переход: все 150 мс линейный; дисплей: гибкий; фон: #FFF; граница: сплошная, 1 пиксель #e8e8e8; направление изгиба: столбец; выравнивание-содержимое: по центру; переполнение: скрыто; выравнивание-само: по центру; } .ввод эскизов [name="выбрать"]: отмечен + .item-hugger { фон: белый; граница: сплошная 1px #0062b0; } . ввод эскизов [name ="выбрать"]: проверено ~ .content2 { непрозрачность: 1; } .белое поле { высота: 478 пикселей; переполнение: скрыто; } .template_right_col2{ ширина: 50%; плавающий:справа; отступ-слева: 25 пикселей; } .template_right_col2 ul { поле-внизу: 10 пикселей; } .template_right_col2 ul li{ тип стиля списка: диск; расположение стиля списка: внутри; размер шрифта: 14 пикселей; высота строки: 28 пикселей; вес шрифта: обычный; цвет: #6e6e6e; } .template_right_col2 p{ размер шрифта: 14 пикселей; высота строки: 28 пикселей; размер шрифта: обычный; цвет: #6e6e6e; нижнее поле: 8 пикселей; } .template_right_col2 p b{ отображение: блок; вес шрифта: жирный; цвет: #0062b0; } .template_div h4{ размер шрифта: 18 пикселей; высота строки: 40 пикселей; вес шрифта: обычный; цвет: #fff; фон: #ed5829; позиция: относительная; нижнее поле: 30 пикселей; отступ: 0-15 пикселей; } .template_div h4:после{ содержимое: "; позиция: абсолютная; слева: 0; внизу: -15 пикселей; ширина: 0; высота: 0; граница вверху: сплошная 15 пикселей #ed5829; граница справа: сплошная прозрачная 14 пикселей; } /* ВКЛАДКА CSS */ .tab_container { ширина: 100%; фон: #f1f1f1; положение: относительное; с плавающей точкой: слева; } .tab_container: перед { ширина: 100%; высота: 46 пикселей; фон: #FFF; содержимое: ""; дисплей: блок; положение: абсолютное; слева: 0; вверху: 0; } .вкладки { дисплей: гибкий; flex-wrap: обертка; ширина: 100%; плавающий элемент: слева; } .ярлык tabs { отступ: 10 пикселей; ширина: 25%; фон: #00aeef; граница: 1px сплошная #FFF; порядок: 1; отображение: блок; курсор: указатель; выравнивание текста: по центру; размер шрифта: 16px; вес шрифта: 400; высота строки: 25 пикселей; цвет: #FFF; положение: относительное; z-индекс: 1; } .вкладки .tab { порядок: 99; растягивание: 1; ширина: 100%; максимальная высота: 0; видимость: скрыта; выравнивание текста: по левому краю; верхнее поле: -1px; переполнение по y: скрыто; отображение: отсутствует; } .ввод вкладок[type ="radio"] { дисплей: отсутствует; } . ввод вкладок [type ="radio"]: отмечен + метка { фон: #ed5829; } .ввод вкладок [type = "radio"]: отмечен + метка + .tab { отступ: 20 пикселей на 0; видимость: видимая; дисплей: блокирующий; максимальная высота: отсутствует; } .tabs .tab ul { нижнее поле: 10 пикселей; } .tabs .tab ul li{ тип стиля списка: диск; расположение стиля списка: внутри; размер шрифта: 14 пикселей; высота строки: 28 пикселей; вес шрифта: обычный; цвет: #6e6e6e; } .вкладки .tab p{ размер шрифта: 14 пикселей; высота строки: 28 пикселей; размер шрифта: обычный; цвет: #6e6e6e; нижнее поле: 8 пикселей; } @экран только для мультимедиа и (максимальная ширина: 980 пикселей) { .шаблон .заголовок { заполнение внизу: 10 пикселей; } .логотип { верхнее поле: 0; отображение: встроенный блок; float: нет; } .head_right { ширина: 100%; } .head_right ul, .head_right ul li { float: нет; } .template_left { отобразить: нет; } .template_right { ширина: 100%; } .tab_container { заполнение внизу: 20 пикселей; фон: отсутствует; } .tab_container: перед { отображение: отсутствует; } .вкладки .tab, .ярлык вкладок { порядок: начальный; переход: 300 мс всего; отображение: блок; } .ярлык вкладок { ширина: 100%; правое поле: 0; верхнее поле: 0,2rem; } .ввод вкладок [type="radio"]: отмечен + метка { фон: #ed5829; граница: отсутствует; } .ввод вкладок [type ="radio"]: отмечен + метка + .tab { отступ: 20 пикселей; максимальная высота: 400 пикселей; overflow-y: прокрутка; фон: #f1f1f1; граница: сплошная 1 пиксель #e1e1e1; } } @экран только для мультимедиа и (максимальная ширина: 768 пикселей) { .head_right { отображение: отсутствует; } .gif_img { верхнее поле: 10 пикселей; отображение: блокировать; } .template_right_col1, .template_right_col2 { ширина: 100%; } .template_right_col2 { отступ: 20px 0 0 0; } }Добро пожаловать в наш магазин!