sku: v1186
/* ------------------------------------------------------------------------------ ШАБЛОН FLATAUCTION EBAY, СОЗДАННЫЙ PIXELSAFARI.NET Имя шаблона: FlatAuction Описание: Шаблон FlatAuction eBay от Pixelsafari.net Автор: Даниэль Колб URI автора: httpss://pixelsafari.net Версия: 2.7 1. Обертка 2. Заголовок и навигация 3. Галерея (включая Zoom) 4. Средняя колонна 5. Заголовок и краткое описание 6. Цена, контейнер и кнопка 7. Правая колонка 8. Панель вкладок 9. Почему выбирают нас 10. Перекрестные продавцы 11. Нижний колонтитул МЕДИА-ЗАПРОСЫ: 12. Максимальная ширина 1024px (ноутбук / планшет) 13. Максимальная ширина 830px (Планшеты) 14. Максимальная ширина 660px (Смартфоны) 15. Максимальная ширина 480px (Смартфоны) ИНСТРУМЕНТЫ: 16. Анимации ------------------------------------------------------------------------------ */ /** 1. Обертка**/ #wrapper { маржа: 0 авто; отступы: 50px 20px 0 20px; max-width: 1390px; семейство шрифтов: 'Lato', без засечек; } .clearer { ясный:оба; } /** 2. Заголовок и навигация **/ .header { margin-bottom: 50px; } .logoContainer { margin-left: 40px; } .logoContainer img { max-width: 280px; максимальная высота: 180px; } .navigationContainer { дисплей: блочный; margin-top: 25px; высота: 50px; border-top: сплошной #3ed394 2 пикселя; border-bottom: сплошной #3ed394 2 пикселя; background-color: #3ed394; } .navigationContainer ul { маржа: 0; padding: 0 0 0 20px; высота строки: 50px; } .navigationContainer ul li { дисплей: inline-block; margin-left: 40px; цвет: #fff; text-transform: верхний регистр; насыщенность шрифта: 400; размер шрифта: 16px; } .navigationContainer a, .navigationContainer a:visited { цвет: #fff; текстовое оформление: отсутствует; } .navigationContainer ul li:hover, .navigationContainer ul li a:hover { cursor: указатель; текст-оформление: подчеркивание; } /** 3. Галерея**/ .gallery { ширина: 43%; margin-right: 2%; float: слева; должность: родственник; } .bigPic { позиция:absolute; дисплей: блочный; сверху: 0; слева: 0; ширина: 100%; высота: 630px; text-align: по центру; Непрозрачность: 0; цвет фона: #fff; переход: непрозрачность 0,5 с; маржа: 0; } .bigPic img { Положение: абсолютное; сверху: 0; справа: 0; снизу: 0; слева: 0; Маржа: Авто; максимальная ширина: 100%; максимальная высота: 100%; } .gallery .bigPic:first-of-type { должность: родственник; pointer-events: auto; Непрозрачность: 1; z-индекс: 2; } .galleryNav { padding-top: 15px; padding-left: 0; выравнивание текста: по левому краю; } .galleryThumb { должность: родственник; дисплей: inline-block; margin-right: 1%; margin-left: -4px; ширина: 24%; высота: 140px; text-align: по центру; margin-bottom: 5px; переход: все 0,2 сек.; } .galleryThumb:наведение, .galleryThumb:посещено, .galleryThumb:link { текстовое оформление: отсутствует; } .galleryThumb:nth-child(4n+1) { margin-left: 0; } .galleryThumb:nth-child(4n) { margin-right: 0; } .galleryThumb:hover { Непрозрачность: 0,7; cursor: указатель; переход:все 0.2с; } .galleryThumb img { Положение: абсолютное; сверху: 0; справа: 0; снизу: 0; слева: 0; Маржа: Авто; максимальная ширина: 100%; максимальная высота: 100%; } .gallery .control-operator { display: none !important; } .gallery .control-operator:target~.bigPic { pointer-events: нет; Непрозрачность: 0; -webkit-animation: нет; -o-анимация: нет; Анимация: нет; z-индекс: 2; } .gallery .control-operator:nth-of-type(1):target~.bigPic:nth-of-type(1), .gallery .control-operator:nth-of-type(2):target~.bigPic:nth-of-type(2), .gallery .control-operator:nth-of-type(3):target~.bigPic:nth-of-type(3), .gallery .control-operator:nth-of-type(4):target~.bigPic:nth-of-type(4), .gallery .control-operator:nth-of-type(5):target~.bigPic:nth-of-type(5), .gallery .control-operator:nth-of-type(6):target~.bigPic:nth-of-type(6), .gallery-.control-operator:nth-of-type(7):target~.bigPic:nth-of-type(7), .галерея.control-operator:nth-of-type(8):target~.bigPic:nth-of-type(8), .gallery .control-operator:nth-of-type(9):target~.bigPic:nth-of-type(9), .gallery .control-operator:nth-of-type(10):target~.bigPic:nth-of-type(10), .gallery .control-operator:nth-of-type(11):target~.bigPic:nth-of-type(11), .gallery .control-operator:nth-of-type(12):target~.bigPic:nth-of-type(12) { pointer-events: auto; Непрозрачность: 1; } /** Галерея Zoom **/ .overlay { фон: RGBA(0, 0, 0, 0.6); Положение: фиксированное; ширина: 100%; высота: 100%; сверху: 0px; слева: 0px; z-индекс: 1000; дисплей: нет; } .zoom-bigPic { ширина: 70%; высота: авто; маржа: 0 авто; Предыстория: #fff; text-align: по центру; набивка: 2% 2% 2% 2%; margin-top: 20px; } .zoom-bigPic img { максимальная ширина: 100%; максимальная высота: 600px; } .overlay a.close-text { margin-top: 20px; цвет: #555 !important; текстовое оформление: отсутствует; размер шрифта: 15px; Ясно: и то, и другое; дисплей:блок; font-weight: normal; текст-оформление: подчеркивание; } .overlay a i { цвет: #555 !important; размер шрифта: 40px; margin-bottom: 20px; z-индекс: 2000; float: { дисплей: блочный; } /** 4. Средний столбец **/ .midColumn { float: слева; max-width: 390px; } /** 5. Название и краткое описание **/ .midColumn h1 { цвет: #333; насыщенность шрифта: 400; размер шрифта: 26px; margin-bottom: 0; } .underline { margin: 15px 0; ширина: 20px; высота: 3px; цвет фона: #333; } .shortdescription { float: слева; } .shortdescription p, .shortdescription ul, .shortdescription li { цвет: #555; размер шрифта: 16px; высота строки: 1.5; маржа: 0; } #variationContainer { margin: 20px 0 0 0; padding-bottom: 45px; padding-left: 0px; ширина: 345px; семейство шрифтов: 'montserrat', без засечек; } #variationContainer h5 { margin-top: 25px; margin-bottom: 10px; насыщенность шрифта: 400; размер шрифта: 14px; } .varList1 { маржа: 0; заполнение: 0; Список-стиль:нет; } .varList1 li { дисплей: inline-block; margin-right: 5px; margin-bottom: 5px; отступы: 5px 10px; Рамка: 1px сплошная #333; цвет: #333; размер шрифта: 12px; } .varList1 li:hover { цвет фона: #000; цвет: #fff; cursor: по умолчанию; } .varList2 { маржа: 0; заполнение: 0; list-style: нет; } .varList2 li { дисплей: inline-block; margin-right: 5px; margin-bottom: 5px; отступы: 5px 10px; Рамка: 1px сплошная #333; цвет: #333; размер шрифта: 12px; } .varList2 li:hover { цвет фона: #000; цвет: #fff; cursor: по умолчанию; } /** 6. Цена контейнера и кнопки **/ .priceTagBox { padding: 25px 0 0 20px; ширина: 380px; высота: 115px; border-radius: 5px; background-color: #22313F; должность: родственник; } .priceTagBox h2 { дисплей: inline-block; маржа: 0; заполнение: 0; цвет: #3ed394; насыщенность шрифта: 400; } .priceTagBox h3 { margin: 0 0 0 2px; заполнение: 0; цвет: #fff; насыщенность шрифта: 400; размер шрифта: 14px; позиция:absolute; слева: 80 пикселей; } .priceTagBox h4 { margin: 20px 0 0 0; padding-top: 15px; цвет: #fff; насыщенность шрифта: 400; размер шрифта: 14px; } .priceTagBox h4 img { margin: 0 5px 0 4px; ширина: 12px; высота: 12px; } #askNowButton { дисплей: inline-block; float: справа; margin-top: 2px; margin-right: 20px; ширина: 185px; высота: 35px; border-radius: 3px; background-color: #3ed394; текстовое оформление: отсутствует; cursor: указатель; переход: все 0,1 сек.; } #askNowButton p { размер шрифта: 14px; должность: родственник; маржа: 0; высота строки: 35px; цвет: #fff; text-transform: верхний регистр; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); размер шрифта: 14px; слева: -4px; } #askNowButton i { должность: родственник; сверху: 5px; слева: -32px; float: слева; цвет: #ffffff; размер шрифта: 24px; } .innerbox { float: слева; ширина: 40px; высота: 35px; border-radius: 3px 0px 0px 3px; цвет фона: #fff; Непрозрачность: 0,2; } /** .uiButton: устарело**/ .uiButton { дисплей: блочный; float: слева; поле: 10px 10px 0 0; ширина: 195px; высота: 37px; border-radius: 3px; background-color: #2C3E50; box-shadow: 0px 3px 0px #22313F; текстовое оформление: отсутствует; cursor: указатель; переход: все 0,1 сек.; } .uiButton:hover { background-color: #3ed394; box-shadow: 0px 3px 0px #3ed394; переход: все 0,1 сек.; } .uiКнопка а, .uiКнопка a:наведение, .uiButton a:visited { текстовое оформление: отсутствует; } .uiButton i { должность: родственник; сверху: 8px; слева: -30px; float: слева; цвет: #ffffff; размер шрифта: 22px; } .uiButton p { должность: родственник; маржа: 0; высота строки: 40px; цвет: #fff; text-transform: верхний регистр; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); размер шрифта: 14px; } /** 7. Правая колонка **/ .rightColumn { float: справа; padding-left: 20px; ширина: 215px; border-left: сплошной #ebebeb 1 пиксель; } .rightColumn ul { padding-left: 0; } .rightColumn .circle { плавать:left; margin-right: 10px; ширина: 40px; высота: 40px; радиус границы: 100%; background-color: #3ed394; text-align: по центру; } .rightColumn .circle i { цвет: #ffffff; размер шрифта: 18px; высота строки: 40px; } .brandContainer { margin: 25px 0 20px 0; padding-bottom: 20px; border-bottom: сплошной #ebebeb 1 пиксель; text-align: по центру; } .brandContainer img { max-width: 150px; максимальная высота: 74px; } .brandContainer span { margin-top: 12px; размер шрифта: 14px; } .trustViewDescription { Ясно: и то, и другое; margin-bottom: 15px; размер шрифта: 14px; /** height & overflow допускают только две строки **/ высота: 40px; переполнение: скрытое; } .trustViewDescription a { цвет: #3ed394; текстовое оформление: отсутствует; переход: все 0,1 сек.; } .trustViewDescription p { маржа: 0; заполнение: 0; высота строки: 20px; } /** 8. Панель вкладок **/ .tabBar { padding-bottom: 80px; margin-top: 30px; Ясно: и то, и другое; } #tab2, #tab3, #tab4, #tab5, #tab6 { дисплей: нет; } .tabБарinput[type=radio] { видимость: скрытая; маржа: 0; заполнение: 0; высота: 0; ширина: 0; Положение: абсолютное; } .tablinks { дисплей: inline-block; margin-left: -4px; margin-right: 1%; ПаддинДобро пожаловать в магазин наклеек TONG YI Professional!
.Мы думаем, вы также можете обратить внимание на.
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
Похожие
