Никогда не умирает 13 счастливых тринадцати наклеек аукклебер череп V8 Youngtimer хониган Mi272

/* ------------------------------------------------------------------------------ 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; } # Copyright { Верхняя часть: 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}