*{
поле: 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 {
отступ: 20 пикселей 0 0 0;
}
}Добро пожаловать в наш магазин!
