Полное описание

*{ margin: 0px; padding: 0px; Контур: нет; граница: нет; текстовое оформление: отсутствует; list-style: нет; box-size: border-box; } img { максимальная ширина: 100%; } .clear { Ясно: и то, и другое; } .обертка .content_store { max-width: 1200px; ширина: 94%; маржа: 0 авто; } .main { ширина: 100%; float: слева; text-align: по центру; семейство шрифтов: 'Open Sans', sans-serif; } .header { ширина: 100%; float: слева; background: #fafafa url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/bg-texture.jpg) левый верхний повтор; отступы: 30px 0 8px 0; } .template .header { padding-bottom: 30px; } .logo { float: слева; margin-top: 8px; } .head_right { float: справа; } .head_right ul { float: справа; } .head_right ul li { дисплей: inline-block; float: слева; размер шрифта: 14px; высота строки: 50px; font-weight: normal; цвет: #3a3a3a; padding-left: 32px; margin-right: 35px; } .head_right ul li:nth-child(1){background:url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img1.png) слева по центру без повтора;} .head_right ul li:nth-child(2){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img2.png) left center no-repeat;} .head_right ul li:nth-child(3){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img3.png) left center no-repeat;} .head_right ul li:nth-child(4){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img4.png) left center no-repeat; margin-right: 0px;} .gif_img { Дисплей: Нет } .title_bar { отступы: 10px 0; ширина: 100%; float: слева; Предыстория: #0062b0; } .title_bar h2 { размер шрифта: 30px; насыщенность шрифта: 400; цвет: #FFF; } .footer2 { ширина: 100%; float: слева; Предыстория: #0062b0; отступы: 15px 0; } .footer2 p { размер шрифта: 14px; высота строки: 33px; font-weight: normal; Цвет:#fefefe; выравнивание текста: по левому краю; } /*шаблон*/ .template_div { ширина: 100%; float: слева; выравнивание текста: по левому краю; padding: 35px 0 0 0; } .template_left { ширина: 19,45%; float: слева; text-align: по центру; } .template_left_row1 { margin-bottom: 20px; padding: 40px 0 0 0; граница: сплошной #e8e8e8 1 пиксель; } .template_right { ширина: 78,8%; float: справа; } .template_right_row1 { ширина: 100%; float: слева; margin-bottom: 25px; } .template_right_col1{ ширина: 50%; float: слева; } /*галерея*/ .gallery_list { ширина: 100%; должность: родственник; margin:0 авто; } .thumbnails { list-style: нет; размер шрифта: 0; } .thumbnails li { дисплей: inline-block; поле: 15px 10px 0 0; ширина: 100px; высота: 100px; text-align: по центру; vertical-align: по центру; float: слева; } .thumbnails li:hover .item-hugger { фон: белый; } .thumbnails input[name="select"] { дисплей: нет; } .thumbnails .item-hugger { высота: 100%; позиция:относительный; Предыстория: #fff; Дисплей: гибкий; flex-direction: колонна; justify-content: по центру; Переход: все 150 мс на выходе; -moz-transition: все 150 мс замедления выхода; -webkit-transition: все 150 мс ease-in-out; граница: сплошная 1 пиксель #e8e8e8; z-индекс: 999; отступы: 4px; } .thumbnails метка { Положение: абсолютное; сверху: 0; слева: 0; справа: 0; снизу: 0; cursor: указатель; } .thumbnails .thumb-image,.thumbnails .content2 img { align-self: по центру; максимальная высота: 100%; } .thumbnails .content2 { Положение: абсолютное; сверху: 0; слева: 0; ширина: 100%; высота: 478px; отступы: 5px; Непрозрачность: 0; Переход: все 150 мс линейный; Дисплей: гибкий; Предыстория: #FFF; граница: сплошная 1 пиксель #e8e8e8; flex-direction: колонна; justify-content: по центру; переполнение: скрытое; align-self: по центру; } .thumbnails input[name="select"]:checked + .item-hugger { фон: белый; граница: сплошная 1 пиксель #0062b0; } .thumbnails input[name="select"]:отмечено ~.content2 { Непрозрачность: 1; } .белый-ящик { высота: 478px; переполнение: скрытое; } .template_right_col2{ ширина: 50%; float: справа; padding-left: 25px; } .template_right_col2 ul { margin-bottom: 10px; } .template_right_col2 ul li{ тип-стиля-списка: диск; позиция-стиля-списка: внутри; размер шрифта: 14px; высота строки: 28px; font-weight: normal; цвет: #6e6e6e; } .template_right_col2 p{ размер шрифта: 14px; высота строки: 28px; font-weight: normal; цвет: #6e6e6e; margin-bottom: 8px; } .template_right_col2 p b{ дисплей: блочный; насыщенность шрифта: полужирный; цвет: #0062b0; } .template_div h4{ размер шрифта: 18px; высота строки: 40px; font-weight: normal; цвет: #fff; Предыстория: #ed5829; должность: родственник; margin-bottom: 30px; padding: 0 15px; } .template_div h4:after{ содержимое: ''; Положение: абсолютное; слева: 0; снизу: -15px; ширина: 0; высота: 0; border-top: сплошной #ed5829 15 пикселей; border-right: 14px сплошной прозрачный; } /* ВКЛАДКА CSS*/ .tab_container { ширина: 100%; Предыстория: #f1f1f1; должность: родственник; float: слева; } .tab_container:before { ширина: 100%; высота: 46px; Предыстория: #FFF; Содержимое: ""; дисплей: блочный; Положение: абсолютное; слева: 0; сверху: 0; } .tabs { Дисплей: гибкий; flex-wrap: обернуть; ширина: 100%; float: слева; } .tabs метка { отступы: 10px; ширина: 25%; Предыстория: #00aeef; граница: сплошной #FFF 1 пиксель; заказ: 1; дисплей: блочный; cursor: указатель; text-align: по центру; размер шрифта: 16px; насыщенность шрифта: 400; высота строки: 25px; цвет: #FFF; должность: родственник; z-индекс: 1; } .tabs .tab { заказ: 99; flex-grow: 1; ширина: 100%; макс-высота: 0; видимость: скрытая; выравнивание текста: по левому краю; margin-top: -1px; overflow-y: скрытый; дисплей: нет; } .tabs input[type="radio"] { дисплей: нет; } .tabs input[type="radio"]:checked + label { Предыстория: #ed5829; } .tabs input[type="radio"]:checked + label + .tab { отступы: 20px 0; видимость:видимый; дисплей: блочный; max-height: нет; } .tabs .tab ul { margin-bottom: 10px; } .tabs .tab ul li{ тип-стиля-списка: диск; позиция-стиля-списка: внутри; размер шрифта: 14px; высота строки: 28px; font-weight: normal; цвет: #6e6e6e; } .tabs .tab p{ размер шрифта: 14px; высота строки: 28px; font-weight: normal; цвет: #6e6e6e; margin-bottom: 8px; } @media только screen и (max-width: 980px) { .template .header { padding-bottom: 10px; } .logo { margin-top: 0; дисплей: inline-block; float: нет; } .head_right { ширина: 100%; } .head_right ul, .head_right ul li { float: нет; } .template_left { дисплей: нет; } .template_right { ширина: 100%; } .tab_container { padding-bottom: 20px; Предыстория: нет; } .tab_container:before { дисплей: нет; } .tabs .tab, .tabs метка { порядок: начальный; переход: 300 мс все; дисплей: блочный; } .tabs метка { ширина: 100%; margin-right: 0; margin-top: 0.2rem; } .Вкладкиinput[type="radio"]:checked + label { Предыстория: #ed5829; граница: нет; } .tabs input[type="radio"]:checked + label + .tab { отступы: 20px; максимальная высота: 400px; overflow-y: прокрутка; Предыстория: #f1f1f1; граница: сплошной #e1e1e1 1 пиксель; } } @media только screen и (max-width: 768px) { .head_right { дисплей: нет; } .gif_img { margin-top: 10px; дисплей: блочный; } .template_right_col1, .template_right_col2 { ширина: 100%; } .template_right_col2 { padding: 20px 0 0 0; } }ДОБРО ПОЖАЛОВАТЬ В НАШ МАГАЗИН!