Модная наклейка для скейтборда мотоцикла Наклейка Солнцезащитная водонепроницаемая крышка царапины 20cmX10cm
100% абсолютно новый, и хорошее качество, и универсальная установка для всех транспортных средств. Легко установить, просто очистить и вставить.
Материал: высококачественный пвх материал для защиты окружающей среды, водонепроницаемый солнцезащитный крем, не выцветает
Цвет: как показано на фотографиях
Размер:20cmX10cm
Посылка включает в себя:
1 xМодная наклейка для скейтборда мотоцикла Наклейка Солнцезащитная водонепроницаемая крышка царапины 20cmX10cm
Шаг вставки:
1. Очистите поверхность, где будет установлен автомобильный стикер, и держите тело автомобиля сухим.
2. Медленно удалите нижнюю подкладку, чтобы убедиться, что наклейка автомобиля застревает на прозрачном ремне для переноса.
3. После отшелушивания автомобиля наклейкой с подложки, выровняйте его и поместите на поверхность, чтобы приклеиться.
4. Используйте кредитную карту или аналогичные предметы, чтобы разгладить наклейку автомобиля, затем после повторного соскабливания и убедитесь, что она полностью наклеена на поверхность.
5. Осторожно и медленно удалите ремень для переноса с автомобильной наклейки, не забудьте приклеить его к поверхности. Если вы видите, что часть автомобиля не была выпущена из ремня передачи, нажмите его вниз на поверхность и повторите процесс.
Примечание:
Не оставляйте автомобиль под палящим солнцем в течение 48 часов после установки!
Не мойте автомобиль в течение 48 часов после установки!
/* ------------------------------------------------------------------------------
FLATAUCTION EBAY шаблон сделан PIXELSAFARI.NET
Название шаблона: плоский аукцион
Описание: FlatAuction eBay шаблон по Pixelsafari.net
Автор: Daniel Kolb
Авторский URI: httpss:/pixelsafari.net
Версия: 2,7
1. Обертка
2. Заголовок и навигация
3. Галерея (включая зум)
4. Средняя колонка
5. Название и краткое описание
6. Цена контейнера и кнопки
7. Правая колонка
8. Вкладка
9. Почему стоит выбрать нас
10. Кросс-продавцы
11. Футер
Медийные запросы:
12. Максимальная ширина 1024px (ноутбук/планшет)
13. Максимальная ширина 830px (планшеты)
14. Максимальная ширина 660px (смартфоны)
15. Максимальная ширина 480px (смартфоны)
Инструменты:
16. Анимация
10,5 */
/** 1. Обертка **/
# Обертка {
Маржа: 0 авто;
Подкладка: 50px 20px 0 20px;
Максимальная ширина: 1390px;
Шрифт-семейство: 'Lato', sans-serif;
}
. Яснее {
Ясно: оба;
}
/** 2. Заголовок и навигация **/
. Заголовок {
Запас-низ: 50px;
}
. LogoContainer {
Слева: 40 пикселей;
}
. LogoContainer img {
Максимальная ширина: 280px;
Максимальная высота: 180px;
}
. Навигационный контейнер {
Дисплей: блок;
Верхняя часть: 25px;
Высота: 50 пикселей;
Бордюр: 2px solid #3ed394;
Край-низ: 2px #3ed394;
Цвет фона: #3ed394;
}
. Навигационный контейнер ul {
Маржа: 0;
Подкладка: 0 0 20 пикселей;
Высота линии: 50 пикселей;
}
. Навигационный контейнер ul li {
Дисплей: встроенный блок;
Слева: 40 пикселей;
Цвет: # fff;
Преобразование текста: верхний корпус;
Шрифт-Вес: 400;
Размер шрифта: 16px;
}
. Навигационный контейнер a,
. Навигационный контейнер a: посетили {
Цвет: # fff;
Текст-украшение: нет;
}
. Навигационный контейнер ul li:hover,
. Навигационный контейнер ul li a:hover {
Курсор: указатель;
Текст-Украшение: подчеркивание;
}
/** 3. Галерея **/
. Галерея {
Ширина: 43%;
Маржа: 2%;
Поплавок: левый;
Положение: относительное;
}
. BigPic {
Положение: абсолютное;
Дисплей: блок;
Верх: 0;
Слева: 0;
Ширина: 100%;
Высота: 630px;
Текст-выравнивание: по центру;
Непрозрачность: 0;
Цвет фона: # fff;
Переход: непрозрачность 0.5s;
Маржа: 0;
}
. BigPic img {
Положение: абсолютное;
Верх: 0;
Справа: 0;
Низ: 0;
Слева: 0;
Маржа: авто;
Максимальная ширина: 100%;
Максимальная высота: 100%;
}
. Галерея. BigPic: Первый тип {
Положение: относительное;
Указатель-события: авто;
Непрозрачность: 1;
Z-индекс: 2;
}
. Галлеринав {
Подкладка-верх: 15px;
Подкладка-слева: 0;
Текст-выравнивание: слева;
}
. Большой палец {
Положение: относительное;
Дисплей: встроенный блок;
Маржа: 1%;
Маржа-слева: -4px;
Ширина: 24%;
Высота: 140 пикселей;
Текст-выравнивание: по центру;
Запас-низ: 5 пикселей;
Перевод ед. измерения: все 0,2 s;
}
. Большой палец: hover,
. Большой палец: посетили,
. Большой палец: ссылка {
Текст-украшение: нет;
}
. Большой палец: nth-child(4n + 1) {
Маржа-слева: 0;
}
. Большой палец: nth-child(4n) {
Маржа-право: 0;
}
. Большой палец: hover {
Прозрачность: 0,7;
Курсор: указатель;
Перевод ед. измерения: все 0,2 s;
}
. Пальцевый палец img {
Положение: абсолютное;
Верх: 0;
Справа: 0;
Низ: 0;
Слева: 0;
Маржа: авто;
Максимальная ширина: 100%;
Максимальная высота: 100%;
}
. Галерея. Контроль-оператор {
Дисплей: нет! Важно;
}
. Галерея. Контроль-оператор: target ~.bigPic {
Указатель-события: нет;
Непрозрачность: 0;
-Webkit-анимация: нет;
-О-анимация: нет;
Анимация: нет;
Z-индекс: 2;
}
. Галерея. Управление-оператор: nth-of-type(1):target ~.bigPic:nth-of-type(1),
. Галерея. Управление-оператор: nth-of-type(2):target ~.bigPic:nth-of-type(2),
. Галерея. Управление-оператор: nth-of-type(3):target ~.bigPic:nth-of-type(3),
. Галерея. Управление-оператор: nth-of-type(4):target ~.bigPic:nth-of-type(4),
. Галерея. Управление-оператор: nth-of-type(5):target ~.bigPic:nth-of-type(5),
. Галерея. Управление-оператор: nth-of-type(6):target ~.bigPic:nth-of-type(6),
. Галерея. Управление-оператор: nth-of-type(7):target ~.bigPic:nth-of-type(7),
. Галерея. Управление-оператор: nth-of-type(8):target ~.bigPic:nth-of-type(8),
. Галерея. Управление-оператор: nth-of-type(9):target ~.bigPic:nth-of-type(9),
. Галерея. Управление-оператор: nth-of-type(10):target ~.bigPic:nth-of-type(10),
. Галерея. Управление-оператор: nth-of-type(11):target ~.bigPic:nth-of-type(11),
. Галерея. Управление-оператор: nth-of-type(12):target ~.bigPic:nth-of-type(12) {
Указатель-события: авто;
Непрозрачность: 1;
}
/** Увеличительная галерея **/
. Накладка {
Фон: rgba(0, 0, 0, 0,6);
Положение: фиксированное;
Ширина: 100%;
Высота: 100%;
Верх: 0px;
Слева: 0px;
Z-индекс: 1000;
Дисплей: нет;
}
. Zoom-bigPic {
Ширина: 70%;
Высота: авто;
Маржа: 0 авто;
Фон: # fff;
Текст-выравнивание: по центру;
Подкладка: 2% 2% 2%;
Верхняя часть: 20px;
}
. Zoom-bigPic img {
Максимальная ширина: 100%;
Максимальная высота: 600 пикселей;
}
. Накладка a.close-text {
Верхняя часть: 20px;
Цвет: #555! Важно;
Текст-украшение: нет;
Размер шрифта: 15px;
Ясно: оба;
Дисплей: блок;
Шрифт-Вес: нормальный;
Текст-Украшение: подчеркивание;
}
. Накладка a i {
Цвет: #555! Важно;
Размер шрифта: 40px;
Запас-низ: 20px;
Z-индекс: 2000;
Поплавок: справа;
}
# Zoompic-1: цель,
# Zoompic-2: цель,
# Zoompic-3: цель,
# Zoompic-4: цель,
# Zoompic-5: цель,
# Zoompic-6: цель,
# Zoompic-7: цель,
# Zoompic-8: цель,
# Zoompic-9: цель,
# Zoompic-10: цель,
# Zoompic-11: цель,
# Zoompic-12: target {
Дисплей: блок;
}
/** 4. Средняя Колонка **/
. Промежуточная Колонка {
Поплавок: левый;
Максимальная ширина: 390px;
}
/** 5. Название и краткое описание **/
. Промежуточная Колонка h1 {
Цвет: #333;
Шрифт-Вес: 400;
Размер шрифта: 26px;
Маржа-низ: 0;
}
. Подчеркивание {
Маржа: 15px 0;
Ширина: 20px;
Высота: 3 шт.;
Цвет фона: #333;
}
. Краткое описание {
Поплавок: левый;
}
. Краткое описание p,
. Краткое описание ul,
. Краткое описание li {
Цвет: #555;
Размер шрифта: 16px;
Линия-высота: 1,5;
Маржа: 0;
}
# Вариационный контейнер {
Маржа: 20px 0 0 0;
Подкладка-низ: 45px;
Подкладка-слева: 0px;
Ширина: 345px;
Шрифт-СЕМЬЯ: Монтсеррат, sans-serif;
}
# Вариационный контейнер h5 {
Верхняя часть: 25px;
Запас-низ: 10px;
Шрифт-Вес: 400;
Размер шрифта: 14px;
}
. VarList1 {
Маржа: 0;
Подкладка: 0;
Стиль списка: нет;
}
. VarList1 li {
Дисплей: встроенный блок;
Маржа-справа: 5px;
Запас-низ: 5 пикселей;
Подкладка: 5PX 10px;
Граница: 1px solid #333;
Цвет: #333;
Размер шрифта: 12px;
}
. VarList1 li:hover {
Цвет фона: #000;
Цвет: # fff;
Курсор: по умолчанию;
}
. VarList2 {
Маржа: 0;
Подкладка: 0;
Стиль списка: нет;
}
. VarList2 li {
Дисплей: встроенный блок;
Маржа-справа: 5px;
Запас-низ: 5 пикселей;
Подкладка: 5PX 10px;
Граница: 1px solid #333;
Цвет: #333;
Размер шрифта: 12px;
}
. VarList2 li:hover {
Цвет фона: #000;
Цвет: # fff;
Курсор: по умолчанию;
}
/** 6. Цена контейнера и кнопки **/
. Прейскурант {
Подкладка: 25px 0 0 20px;
Ширина: 380px;
Высота: 115 пикселей;
Граница-радиус: 5 пикселей;
Цвет фона: # 22313F;
Положение: относительное;
}
. PriceTagBox h2 {
Дисплей: встроенный блок;
Маржа: 0;
Подкладка: 0;
Цвет: #3ed394;
Шрифт-Вес: 400;
}
. PriceTagBox h3 {
Маржа: 0 0 2px;
Подкладка: 0;
Цвет: # fff;
Шрифт-Вес: 400;
Размер шрифта: 14px;
Положение: абсолютное;
Слева: 80 пикселей;
}
. PriceTagBox h4 {
Маржа: 20px 0 0 0;
Подкладка-верх: 15px;
Цвет: # fff;
Шрифт-Вес: 400;
Размер шрифта: 14px;
}
. PriceTagBox h4 img {
Маржа: 0 5px 0 4px;
Ширина: 12px;
Высота: 12 пикселей;
}
# Asnowbutton {
Дисплей: встроенный блок;
Поплавок: справа;
Верхняя часть: 2px;
Маржа-справа: 20px;
Ширина: 185px;
Высота: 35 пикселей;
Граница-радиус: 3px;
Цвет фона: #3ed394;
Текст-украшение: нет;
Курсор: указатель;
Перевод ед. измерения: все 0,1 s;
}
# Asnowbutton p {
Размер шрифта: 14px;
Положение: относительное;
Маржа: 0;
Высота линии: 35 пикселей;
Цвет: # fff;
Преобразование текста: верхний корпус;
Text-shadow: 1px 1px 1px rgba(0, 0, 0, 0,4);
Размер шрифта: 14px;
Слева: -4px;
}
# Asnowbutton i {
Положение: относительное;
Верх: 5 пикселей;
Слева: -32px;
Поплавок: левый;
Цвет: # ffffff;
Размер шрифта: 24px;
}
. Внутренняя коробка {
Поплавок: левый;
Ширина: 40px;
Высота: 35 пикселей;
Радиус границы: 3px 0px 0px 3px;
Цвет фона: # fff;
Прозрачность: 0,2;
}
/**. UiButton: Deprecated **/
. UiButton {
Дисплей: блок;
Поплавок: левый;
Маржа: 10px 10px 0 0;
Ширина: 195px;
Высота: 37 пикселей;
Граница-радиус: 3px;
Цвет фона: #2C3E50;
Коробка-тени: 0px 3px 0px # 22313F;
Текст-украшение: нет;
Курсор: указатель;
Перевод ед. измерения: все 0,1 s;
}
. Кнопка uiButton:hover {
Цвет фона: #3ed394;
Коробка-тени: 0px 3px 0px #3ed394;
Перевод ед. измерения: все 0,1 s;
}
. UiButton a,
. UiButton a:hover,
. UiButton a: посетили {
Текст-украшение: нет;
}
. UiButton i {
Положение: относительное;
Верх: 8 пикселей;
Слева: -30 пикселей;
Поплавок: левый;
Цвет: # ffffff;
Размер шрифта: 22px;
}
. UiButton p {
Положение: относительное;
Маржа: 0;
Высота линии: 40 пикселей;
Цвет: # fff;
Преобразование текста: верхний корпус;
Text-shadow: 1px 1px 1px rgba(0, 0, 0, 0,4);
Размер шрифта: 14px;
}
/** 7. Правая Колонка **/
. Правая Колонка {
Поплавок: справа;
Подкладка-слева: 20 пикселей;
Ширина: 215px;
Граница слева: 1px solid # ebebeb;
}
. Правая Колонка ul {
Подкладка-слева: 0;
}
. Правая колонка. Круг {
Поплавок: левый;
Маржа-справа: 10px;
Ширина: 40px;
Высота: 40 пикселей;
Граница-радиус: 100%;
Цвет фона: #3ed394;
Текст-выравнивание: по центру;
}
. Правая колонка. Круг i {
Цвет: # ffffff;
Размер шрифта: 18px;
Высота линии: 40 пикселей;
}
. Брендовый контейнер {
Маржа: 25px 0 20px 0;
Подкладка-низ: 20px;
Край-низ: 1px сплошной # ebebeb;
Текст-выравнивание: по центру;
}
. Брендовый контейнер img {
Максимальная ширина: 150 пикселей;
Максимальная высота: 74px;
}
. Брендовый контейнер {
Верхняя часть: 12px;
Размер шрифта: 14px;
}
. TrustViewDescription {
Ясно: оба;
Запас-низ: 15px;
Размер шрифта: 14px;
/** Высота и перелив позволяют только две линии **/
Высота: 40 пикселей;
Перелив: скрытый;
}
. TrustViewDescription a {
Цвет: #3ed394;
Текст-украшение: нет;
Перевод ед. измерения: все 0,1 s;
}
. TrustViewDescription p {
Маржа: 0;
Подкладка: 0;
Высота линии: 20 пикселей;
}
/** 8. Tab Bar **/
. TabBar {
Подкладка-низ: 80px;
Верхняя часть: 30 пикселей;
Ясно: оба;
}
# Tab2,
# Tab3,
# Tab4,
# Tab5,
# Tab6 {
Дисплей: нет;
}
. TabBar вход [тип = радио] {
Видимость: Скрытая;
Маржа: 0;
Подкладка: 0;
Высота: 0;
Ширина: 0;
Положение: абсолютное;
}
. Таблички {
Дисплей: встроенный блок;
Маржа-слева: -4px;
Маржа: 1%;
Подкладка-верх: 0;
Ширина: 19%;
Высота: 45px;
Высота линии: 45px;
Цвет фона: # EFF0EB;
Цвет: #666666;
Текст-выравнивание: по центру;
Размер шрифта: 18px;
Перевод ед. измерения: все 0,1 s;
Запас-низ: 10px;
}
. Метка tabBar: последний тип {
Маржа-право: 0;
}
. Таблички: hover {
Цвет фона: #3ed394;
Цвет: # fff;
Текст-украшение: нет;
Курсор: указатель;
Перевод ед. измерения: все 0,1 s;
}
# Tab1-btn: проверено +. Таблички,
# Tab2-btn: проверено +. Таблички,
# Tab3-btn: проверено +. Таблички,
# Tab4-btn: проверено +. Таблички,
# Tab5-btn: проверено +. Таблички,
# Tab6-btn: проверено +. Таблички {
Цвет фона: #3ed394;
Цвет: # fff;
Текст-украшение: нет;
Курсор: указатель;
Перевод ед. измерения: все 0,1 s;
}
# Tab1-btn: проверено ~ # tab1 {
Дисплей: блок;
}
# Tab1-btn: проверено ~ # tab2,
# Tab1-btn: проверено ~ # tab3,
# Tab1-btn: проверено ~ # tab4,
# Tab1-btn: проверено ~ # tab5,
# Tab1-btn: проверено ~ # tab6 {
Дисплей: нет;
}
# Tab2-btn: проверено ~ # tab2 {
Дисплей: блок;
}
# Tab2-btn: проверено ~ # tab1,
# Tab2-btn: проверено ~ # tab3,
# Tab2-btn: проверено ~ # tab4,
# Tab2-btn: проверено ~ # tab5,
# Tab2-btn: проверено ~ # tab6 {
Дисплей: нет;
}
# Tab3-btn: проверено ~ # tab3 {
Дисплей: блок;
}
# Tab3-btn: проверено ~ # tab1,
# Tab3-btn: проверено ~ # tab2,
# Tab3-btn: проверено ~ # tab4,
# Tab3-btn: проверено ~ # tab5,
# Tab3-btn: проверено ~ # tab6 {
Дисплей: нет;
}
# Tab4-btn: проверено ~ # tab4 {
Дисплей: блок;
}
# Tab4-btn: проверено ~ # tab1,
# Tab4-btn: проверено ~ # tab2,
# Tab4-btn: проверено ~ # tab3,
# Tab4-btn: проверено ~ # tab5,
# Tab4-btn: проверено ~ # tab6 {
Дисплей: нет;
}
# Tab5-btn: проверено ~ # tab5 {
Дисплей: блок;
}
# Tab5-btn: проверено ~ # tab1,
# Tab5-btn: проверено ~ # tab2,
# Tab5-btn: проверено ~ # tab3,
# Tab5-btn: проверено ~ # tab4,
# Tab5-btn: проверено ~ # tab6 {
Дисплей: нет;
}
# Tab6-btn: проверено ~ # tab6 {
Дисплей: блок;
}
# Tab6-btn: проверено ~ # tab1,
# Tab6-btn: проверено ~ # tab2,
# Tab6-btn: проверено ~ # tab3,
# Tab6-btn: проверено ~ # tab4,
# Tab6-btn: проверено ~ # tab5 {
Дисплей: нет;
}
. Содержание табака {
Ясно: оба;
Цвет: #222;
Текст-выравнивание: слева;
Перелив: авто;
Размер шрифта: 16px;
Линия-высота: 1,5;
Подкладка-верх: 10 пикселей;
}
. Содержание tablate img {
Максимальная ширина: 100%;
}
. TabContent p {
Маржа: 0;
Подкладка: 0;
}
. Tablate a,
. TabContent a: посетили {
Цвет: #3ed394;
Текст-украшение: нет;
}
. Tablate a:hover {
Текст-Украшение: подчеркивание;
Шрифт-Вес: 700;
}
. TabContent h1,
. TabBar h1,
. TabContent h2,
. TabBar h2 {
Шрифт-Вес: 300;
Размер шрифта: 28px;
Перевод ед. измерения: все 0,1 s;
}
. TabContent h1:hover,
. TabBar h1:hover,
. TabContent h2:hover,
. TabBar h2:hover {
Цвет: #3ed394;
Курсор: по умолчанию;
Перевод ед. измерения: все 0,1 s;
}
. TabContent ul,
. Табламент ол {
Дисплей: блок;
Текст-выравнивание: слева;
Маржа: 0;
Положение: относительное;
Линия-высота: 1,5;
}
. TabContentFeaturesList {
Маржа: 0 авто! Важно;
Подкладка: 0 0 20 пикселей;
Максимальная ширина: 350px;
Стиль списка: нет;
Текст-выравнивание: слева;
}
. TabContentFeaturesList li {
Запас-низ: 10px;
}
. TabContentFeaturesList i {
Маржа-справа: 8px;
}
. Описание {
Маржа: 50px 0 70px 0;
Подкладка: 30px 0 60px 0;
Цвет фона: # f0f0f0;
Текст-выравнивание: по центру;
Размер шрифта: 18px;
}
. Описание функции h2 {
Размер шрифта: 40px;
}
. Контактимgleft {
Поплавок: левый;
Маржа-топ: 0;
Маржа-справа: 25px;
Запас-низ: 15px;
Наценка слева: 0px;
Максимальная ширина: 45%;
Высота: авто;
}
. ContentImgRight {
Поплавок: справа;
Маржа-топ: 0;
Наценка: 0px;
Запас-низ: 15px;
Слева: 25px;
Максимальная ширина: 45%;
Высота: авто;
}
. ContentImgInline {
Дисплей: встроенный блок;
По вертикали: сверху;
Маржа: 0 15px 15px;
}
/** 9. Почему выбрать нас **/
. WhyChooseUs {
Верхняя часть: 30 пикселей;
Подкладка: 30px 0;
Ширина: 100%;
Цвет фона: #3ed394;
}
. WhyChooseUsBlockContainer {
Маржа: 0 авто;
Текст-выравнивание: по центру;
}
. WhyChooseUsBlock {
Дисплей: встроенный блок;
Маржа: 35px 2% 40px 2%;
Подкладка: 0 1%;
Минимальная высота: 335px;
Ширина: 16%;
Граница-радиус: 5 пикселей;
Цвет фона: # fff;
По вертикали: сверху;
Текст-выравнивание: по центру;
Перевод ед. измерения: все 0,2 s;
}
. WhyChooseUsBlock: hover {
Цвет: #3ed394;
Курсор: по умолчанию;
Перевод ед. измерения: все 0,2 s;
}
. WhyChooseUs. Круг {
Положение: относительное;
Верх: -38px;
Дисплей: блок;
Маржа: 0 авто;
Ширина: 76px;
Высота: 76px;
Граница-радиус: 500px;
Цвет фона: #3ed394;
}
. WhyChooseUs. Круг i {
Верхняя часть: 20px;
Цвет: # ffffff;
Размер шрифта: 36 пикселей;
}
. WhyChooseUs h2 {
Цвет: # fff;
Текст-выравнивание: по центру;
Шрифт-Вес: 400;
Размер шрифта: 36 пикселей;
Шрифт-семейство: «roboto Slab', serif;
}
. WhyChooseUsBlock h3 {
Верхняя часть: 0px;
Текст-выравнивание: по центру;
Шрифт-Вес: 400;
Размер шрифта: 20px;
Шрифт-семейство: «roboto Slab', serif;
}
. WhyChooseUsBlock p {
Верхняя часть: 25px;
Цвет: #666666;
Размер шрифта: 16px;
Шрифт-семейство: «open sans», sans-serif;
}
/** 10. Кросс-продавцы **/
. Контейнер для кроссовера {
Ясно: оба;
Верхняя часть: 60 пикселей;
Ширина: 100%;
Текст-выравнивание: слева;
}
# Csc2 {
Запас-низ: 80px;
}
. CrossSellerItem: hover h3,
. CrossSellerItem: hover p,
. CrossSellerItem: hover a {
Цвет: #3ed394;
Перевод ед. измерения: все 0,1 s;
}
. CrossSellerItem: hover img {
Прозрачность: 0,7;
}
. Контейнер для кроссселлера a:hover,
. CrossSellerContainer a: посетили,
. Контейнер для кроссселлера a {
Цвет: наследуем;
Текст-украшение: нет;
}
. CrossSellerContainerHeading {
Подкладка: 0;
Край-низ: 3px #333;
}
. CrossSellerContainer h2 {
Положение: относительное;
Верх: 3px;
Дисплей: встроенный блок;
Маржа: 0;
Подкладка: 0 0 8px 0;
Край-низ: 3px #3ed394;
Цвет: #333;
Преобразование текста: верхний корпус;
Шрифт-Вес: 400;
Размер шрифта: 24px;
}
. Товар для кроссовера {
Дисплей: встроенный блок;
Перелив: скрытый;
Верхняя часть: 30 пикселей;
Маржа: 3%;
Подкладка: 0;
Ширина: 22.2%;
Высота: 320px;
По вертикали: сверху;
Курсор: указатель;
Перевод ед. измерения: все 0,2 s;
}
. CrossSellerItem: last-child {
Маржа-право: 0;
}
. CrossSellerItemImgContainer {
Положение: относительное;
Ширина: 100%;
Высота: 230px;
Текст-выравнивание: по центру;
Курсор: указатель;
}
. CrossSellerItem img {
Положение: абсолютное;
Верх: 0;
Справа: 0;
Низ: 0;
Слева: 0;
Маржа: авто;
Максимальная ширина: 100%;
Максимальная высота: 100%;
Переход: все 0.5s;
}
. CrossSellerItem a {
Цвет: #000;
Текст-украшение: нет;
}
. Поперечный ремень {
Поплавок: левый;
Верхняя часть: 9 пикселей;
Ширина: 100%;
Текст-выравнивание: по центру;
}
. CrossSellerItem h3 {
Маржа: 0;
Подкладка: 0;
Цвет: наследуем;
Размер шрифта: 16px;
Перевод ед. измерения: все 0,2 s;
}
. CrossSellerItem p {
Верхняя часть: 7px;
Подкладка: 0;
Цвет: наследуем;
Размер шрифта: 15px;
Перевод ед. измерения: все 0,2 s;
}
/** 11. Футер **/
. FooterContainer {
Маржа: 0;
Подкладка-низ: 40px;
Подкладка-справа: 60 пикселей;
Перелив: авто;
Цвет фона: # 22313F;
}
. FooterContainer h2 {
Маржа: 0 26px 0;
Подкладка: 0 0 8px 0;
Край-низ: 2px #3ed394;
Цвет: # f0f0f0;
Преобразование текста: верхний корпус;
Шрифт-Вес: 400;
Размер шрифта: 17px;
Шрифт-семейство: "Монтсеррат";
}
. Нижняя колонна {
Поплавок: левый;
Маржа-слева: 4.8%;
Ширина: 220px;
Верхняя часть: 40 пикселей;
}
. Колонна p {
Маржа: 0 0 0;
Маржа-низ: 0;
Подкладка: 0;
Цвет: # D6D6D6;
Размер шрифта: 15px;
Высота линии: 1,35;
}
. Колонна А,
. Ступня колонны {
Цвет: #3ed394;
Шрифт-Вес: 300;
Текст-украшение: нет;
}
. Колонна a:hover {
Текст-Украшение: подчеркивание;
}
. FooterRow: Первый тип {
Подкладка-верх: 5 шт.;
}
. FooterRow {
Запас-низ: 12px;
}
. FooterRow i {
Поплавок: левый;
Цвет: # d6d6d6;
Размер шрифта: 20px;
Высота линии: 18 пикселей;
Маржа-справа: 10px;
}
. FooterRow p {
Высота линии: 20 пикселей;
Размер шрифта: 14px;
}
# Авторское право {
Верхняя часть: 12px;
Цвет: # D6D6D6;
Размер шрифта: 9px;
}
# Авторское право a {
Цвет: # ffffff;
Текст-Украшение: подчеркивание;
}
Только экран @ media и (максимальная ширина: 1215px) {
. Галерея {
Ширина: 40%;
}
}
Только экран @ media и (максимальная ширина: 1135px) {
. Правая Колонка {
Подкладка-слева: 10 пикселей;
Ширина: 160px;
}
}
/** 12. Максимальная ширина 1024px (ноутбук/планшет) **/
Только экран @ media и (максимальная ширина: 1024px) {
. LogoContainer {
Дисплей: блок;
Маржа: 0 авто;
Ширина: 100%;
Текст-выравнивание: по центру;
}
. Навигационный контейнер {
Дисплей: блок;
Маржа: 25px авто 0 авто;
Подкладка: 0;
Ширина: 100%;
Высота: авто;
Цвет фона: # fff;
}
. Навигационный контейнер ul {
Подкладка: 0;
}
. Навигационный контейнер ul li {
Дисплей: блок;
Маржа: 0 авто;
Подкладка: 0;
Высота: авто;
Край-низ: 1px сплошной # ddd;
Цвет: #3ed394;
Текст-выравнивание: по центру;
}
. Навигационный контейнер a,
. Навигационный контейнер a: посетили {
Цвет: #3ed394;
}
. Галлеряндшорт-описаниемконтейнер {
Поплавок: нет;
Маржа: 0 авто;
Ширина: 100%;
}
. Галерея {
Дисплей: блок;
Поплавок: нет;
Маржа: 0 авто;
Ширина: 70%;
}
. BigPic {
Высота: 530px;
}
. Промежуточная Колонка {
Поплавок: нет;
Маржа: 0 авто;
Ширина: 100%;
}
. Промежуточная Колонка h1 {
Текст-выравнивание: по центру;
}
. Промежуточная Колонка h2 {
Маржа: 0 авто 0 авто;
Текст-выравнивание: по центру;
}
. Подчеркивание {
Маржа: 15px Авто 15px авто;
}
. Краткое описание {
Маржа: 0 авто;
Ширина: 410px;
Поплавок: нет;
}
. Краткое описание p {
Текст-выравнивание: по центру;
}
# Вариационный контейнер {
Ширина: авто;
Текст-выравнивание: по центру;
}
. Прейскурант {
Маржа: 0 авто;
Подкладка: 20px 0 0 30px;
Максимальная ширина: 380px;
}
# Asnowbutton {
Маржа-слева: 20px;
Минимальная ширина: 40%;
}
# Asnowbutton p,
. UiButton p {
Слева: -15 пикселей;
}
. Контейнер для пуговиц {
Маржа: 0 авто;
Текст-выравнивание: по центру;
}
. UiButton {
Дисплей: встроенный блок;
Поплавок: нет;
}
# QuestionBtn {
Маржа: 10px 0 0 0;
Ширина: 202px;
}
# WatchlistBtn {
Маржа: 10px 0 0 0;
Ширина: 202px;
}
. Правая Колонка {
Поплавок: нет;
Ясно: оба;
Маржа: 40px авто 0 авто;
Подкладка-верх: 20px;
Максимальная ширина: 100%;
Граница: нет;
Граница-верх: 1px твердый # ddd;
Край-низ: 1px сплошной # ddd;
Текст-выравнивание: по центру;
Ширина: авто;
}
. Брендовый контейнер {
Дисплей: нет;
}
. TrustViewDescription {
Дисплей: встроенный блок;
Ясно: оба;
Маржа-справа: 20px;
Ширина: авто;
Ширина: 40%;
По вертикали: сверху;
Текст-выравнивание: слева;
}
. TrustViewDescription p {
Маржа: 0;
По вертикали: сверху;
}
. TabBar {
Маржа: 40px авто 0 авто;
Максимальная ширина: 100%;
Текст-выравнивание: слева;
}
. WhyChooseUs {
Подкладка-Справа: 30px;
Максимальная ширина: 100%;
}
. WhyChooseUsBlock {
Ширина: 30%;
}
. Контейнер для кроссовера {
Маржа: 0 авто;
Подкладка-верх: 60 пикселей;
Подкладка-Справа: 30px;
Ширина: 90%;
}
. Контейнер для кроссовера {
Ширина: 100%;
}
. Товар для кроссовера {
Ширина: 21%;
}
}
/** 13. Максимальная ширина 830px (планшет) **/
Только экран @ media и (максимальная ширина: 830px) {
. BigPic {
Дисплей: встроенный блок;
Ширина: авто;
Высота: 290px;
Ширина: 100%;
Вертикальное выравнивание: среднее;
Текст-выравнивание: по центру;
}
. Контактное левое стекло,
. ContentImgRight {
Поплавок: нет;
Ясно: оба;
Маржа: 0 авто;
Максимальная ширина: 100%;
Ширина: авто;
Текст-выравнивание: по центру;
}
. Контактимgleft img,
. ContentImgRight img {
Запас-низ: 10px;
}
. Видеоконтейнер {
Ширина: 90%;
}
}
/** 14. Максимальная ширина 660px (смартфон) **/
Только экран @ media и (максимальная ширина: 660px) {
# Обертка {
Подкладка: 20px 20px 0 20px;
}
. Таблички {
Запас-низ: 10px;
}
. Метка tabBar {
Ширина: 47%;
Маржа: 1%;
Маржа-слева: 1%;
}
. WhyChooseUs {
Подкладка: 30px 0;
Ширина: 100%;
}
. WhyChooseUsBlock {
Ширина: 90%;
}
. Контейнер для кроссовера {
Ширина: 100%;
Подкладка-Справа: 0px;
Текст-выравнивание: по центру;
}
. Товар для кроссовера {
Дисплей: блок;
Маржа: 0 авто;
Подкладка-верх: 50px;
Ширина: 80%;
Текст-выравнивание: по центру;
}
. CrossSellerItem: last-child {
Маржа Справа: авто;
}
}
/** 15. Максимальная ширина 480px (смартфоны) **/
Только экран @ media и (максимальная ширина: 480px) {
. LogoContainer {
Дисплей: блок;
Маржа: 0 авто;
Ширина: 100%;
Текст-выравнивание: по центру;
}
. Галерея {
Дисплей: блок;
Поплавок: нет;
Маржа: 0 авто;
Ширина: 100%;
}
. BigPic {
Высота: 230px;
}
. Промежуточная Колонка {
Дисплей: блок;
Маржа: 0 авто;
Ширина: 100%;
}
. Промежуточная Колонка h2 {
Маржа: 0 авто;
Текст-выравнивание: по центру;
}
. Краткое описание {
Ясно: оба;
Подкладка-слева: 0px;
Ширина: 100%;
}
. Прейскурант {
Подкладка: 20px 0 0 0;
Ширина: 250 пикселей;
Высота: 180px;
}
. PriceTagBox h2 {
Маржа: 0 авто;
Дисплей: блок;
}
. PriceTagBox h3 {
Маржа: 0 авто;
Текст-выравнивание: по центру;
}
. PriceTagBox h4 {
Маржа: 0 авто;
Текст-выравнивание: по центру;
}
# Asnowbutton {
Верхняя часть: 40 пикселей;
Маржа-справа: 26px;
Запас-низ: 20px;
Ширина: 200 пикселей;
Текст-выравнивание: по центру;
}
. UiButton {
Дисплей: блок;
}
. Контейнер для пуговиц {
Текст-выравнивание: по центру;
}
# WatchlistBtn {
Дисплей: встроенный блок;
Ширина: 250 пикселей;
}
# QuestionBtn {
Дисплей: встроенный блок;
Маржа-право: 0;
Верхняя часть: 10 пикселей;
Ширина: 250 пикселей;
}
# QuestionBtn p {
Размер шрифта: 13px;
}
. TrustViewDescription {
Дисплей: блок;
Маржа: 0 авто 15px авто;
Ширина: 90%;
Высота: авто;
}
. WhyChooseUsBlock {
Дисплей: блок;
Маржа: 60px авто 0 авто;
Подкладка: 0 1%;
Минимальная высота: 300 пикселей;
Ширина: 80%;
Цвет фона: # fff;
}
. TabBar {
Дисплей: блок;
}
. Таблички li {
Высота: 40 пикселей;
Высота линии: 40 пикселей;
}
. FooterContainer {
Подкладка: 0;
}
. Нижняя колонна {
Текст-выравнивание: по центру;
Маржа: 60px авто;
Поплавок: нет;
}
. FooterRow {
Текст-выравнивание: слева;
}
}
Только экран @ media и (максимальная ширина: 350px) {
. BigPic {
Высота: 200 пикселей;
}
}
/** 16. Анимация **/
. Анимированный {
-Webkit-Анимация-Продолжительность: 1s;
-Moz-animation-Продолжительность: 1s;
-О-анимация-Продолжительность: 1 с;
Анимация-Продолжительность: 1 с;
-Webkit-Анимация-режим заполнения: оба;
-Moz-animation-fill-mode: оба;
-О-анимация-режим заполнения: оба;
Анимационный режим заполнения: оба
}
@-Webkit-keyframes fadeInRight {
0% {
Непрозрачность: 0;
-Webkit-translateX(10px)
}
100% {
Непрозрачность: 1;
-Webkit-translateX(0)
}
}
@-Moz-keyframes fadeInRight {
0% {
Непрозрачность: 0;
-Moz-transform: transplatex (10px)
}
100% {
Непрозрачность: 1;
-Moz-transform: transplatex (0)
}
}
@-O-keyframes fadeInRight {
0% {
Непрозрачность: 0;
-O-transform: transplatex (10px)
}
100% {
Непрозрачность: 1;
-O-transform: transplatex (0)
}
}
@ Keyframes fadeInRight {
0% {
Непрозрачность: 0;
Трансформация: трансллатексная (10px)
}
100% {
Непрозрачность: 1;
Трансформация: трансллатексная (0)
}
}
. FadeInRight {
-Webkit-Анимация-имя: fadeInRight;
-Moz-animation-имя: fadeInRight;
-О-Анимация-название: fadeInRight;
Анимация-название: fadeInRight
}
/*** Стиль видео (объекты) (устаревшие) ***/
. Видеоконтейнер {
Ширина: 70%;
Маржа: 0 авто;
}
. Видеозапись {
Положение: относительное;
Подкладка-низ: 56.25%;
Подкладка-верх: 25px;
Высота: 0;
}
. Видеозапись объекта,
. Видеосъемка вставляется {
Положение: абсолютное;
Маржа: 20px авто 0 авто;
Верх: 0;
Слева: 0;
Ширина: 100%;
Высота: 100%;
}
Только экран @ media и (максимальная ширина: 660px) {.logoContainer,.logoHelper,.header img,# logoContainer{display:none}
Только экран @ media и (максимальная ширина: 660px) {. Навигационный контейнер, ул. featurelist,. Навигация,.navList,# навигация,.navbar,. Заголовок ul{display:none}
Только экран @ media и (максимальная ширина: 660px) {. Galerynav,. Элементы управления {display:none}
Только экран @ media и (максимальная ширина: 660px) {.header,. Rightколонка {display:none}
. Ytvideo {margin:.5em auto; Максимальная ширина: 480px; Шрифт-семейство: arial; Текст-выравнивание: центр; Положение: относительное; Мин-Высота: 120px; Перелив: скрытый; Фон-цвет: #555}.ytvideo p {позиция: Абсолютная; Маржа: 0; Цвет: белый; Фон-цвет: rgba(0,0,0,.5)}.ytvideo .yt_ft {размер шрифта: 11px; Ширина: 100%; Низ: 0; Слева: 0}.ytvideo img {дисплей: блок; Максимальная ширина: 100%; Граница: 0}.ytvideo a: после {содержание: "\ A0 \ 25BA"; Положение: абсолютное; Ширина: 60px; Высота: 50px; Слева: 0; Верх: 0; Справа: 0; Низ: 0; Запас: Авто; Граница: 0; Граница-радиус: 10px; Цвет: белый; Фон: rgba(0,0,0,.6); Размер шрифта: 24px; Высота линии: 50px; Курсор: указатель}.ytvideo a:hover:after{background:# cc181e}
Заказывала месяц назад данную ботинку и, наконец то получила товар. Лакированные, элегантные ботики, и с размером тоже все порядке. Я... Читать отзыв полностью...