От марката /* * Използва се, когато device = desktop * Конфигуриран в: configuration/brazil-config/global/brand-story.cfg */ /* Тъй като въртележката се реализира под формата на списък ol, за всички обяви в текста на картички ще има стил на вторичния списък (букви).Това ще даде грешен външния вид на зрителите, така че ние сме създали всички обяви основният стил на списъка (стаи). */ .аплюс-марка-история-карти ол ли { списък стил: десетичната; } /* Топ контейнери ниво */ .аплюс-модул .АПМ-марка-парцел-герой { -MOZ-box-проклейки: граница-кутия; -в WebKit-box-проклейки: граница-бокс; проверка на проклейки: граница-бокс; ширина: 1464px; височина: 625px; фон-цвят: #FFF; } .аплюс-модул .АПМ-марка-история-карти { -MOZ-box-проклейки: граница-кутия; -в WebKit-box-проклейки: граница-бокс; проверка на проклейки: граница-бокс; ширина: 362px; височина: 453px; фон-цвят: #FFF; } .АПМ-марка-парцел-герой .АПМ-марка-история-карти { -MOZ-box-проклейки: граница-кутия; -в WebKit-box-проклейки: граница-бокс; проверка на проклейки: граница-кутия; позиция: относителна; ширина: 100%; височина: 100%; гаф: не; } .аплюс-модул.марка-история-карти-1-четири-Асин .АПМ-марка-история-карти { /* само 12px отговорност за изображения граници */ тапицерия: 12px; } /* пълен фоново изображение (Герой 1 и карта 2) */ .аплюс-модул .АПМ-марка-история-фон-изображение { -MOZ-box-проклейки: граница-кутия; -в WebKit-box-проклейки: граница-бокс; проверка на проклейки: граница-кутия; препълване на: скрит; позиция: absolute; ширина: 100%; височина: 100%; } /* карти 1 малка изображения */ .аплюс-модул .АПМ-марка-история-образ-на реда { -MOZ-box-проклейки: граница-кутия; -в WebKit-box-проклейки: граница-бокс; проверка на проклейки: граница-бокс; височина: 185px; пълнеж: 0px; граница: auto; дисплей: гъвкав; } .аплюс-модул .АПМ-марка-история-образ-на реда .АПМ-марка-история-образ-мобилен { /* използване на съдържанието на кутията, за да се гарантира размера на изображението игри редактор схеми */ -MOZ-кутия, размер: съдържанието-Кутия; -в WebKit-кутия, размер: съдържанието-Кутия; кутия, размер: съдържанието-Кутия; подплата: 0px; граница: 0px; ширина: 166px; граница: 1px твърди #ФФФ; } .аплюс-модул .АПМ-марка-история-образ-на реда .АПМ-марка-история-изображения на клетки .АПМ-марка-парцел-картинка-линк { дисплей: блок; ширина: 100%; височина: 100%; } .аплюс-модул .АПМ-марка-история-образ-на реда .АПМ-марка-история-изображения на клетки .АПМ-марка-парцел-картинка-линк .АПМ-марка-история-образ-в img { дисплей: блок; ширина: 100%; височина: 100%; обект-вписва: калъф; } /* Карта на 3 изображение на логото на */ .аплюс-модул .АПМ-марка-история-лого-изображения { -MOZ-кутия, размер: съдържанието-Кутия; -в WebKit-кутия, размер: съдържанието-Кутия; кутия, размер: съдържанието на Кутия; височина: 145px; граница: 0px в 4px; пълнеж: в 20px; подложка на дъното: 0px; } /* вмъкване на текст */ .аплюс-модул .АПМ-марка-история-текст-долу { -MOZ-box-проклейки: граница-кутия; -в WebKit-box-проклейки: граница-бокс; проверка на проклейки: граница-кутия; позиция: absolute; долу: 13px; брой: 13px; } .аплюс-модул .АПМ-марка-парцел-герой .АПМ-марка-история-текст-отдолу { фон-цвят: RGBA(0,0,0,0.6); color: #FFF; тапицерия: 65px 13px 13px 13px; /* сметки за припокриване на първата карта */ ширина: 437px; } .аплюс-модул.марка-история-карти-2-media активи .АПМ-марка-история-текст-отдолу { фон-цвят: RGBA(255,255,255,0.6); color: #000; тапицерия: 13px; ширина: 336px; } .аплюс-модул.марка-история-карти-1-четири-Асин .АПМ-марка-история-текст { граница-най: 8 Пийкс";} .аплюс-модул.марка-история-карти-1-четири-Асин .АПМ-марка-история-текст.АПМ-марка-история-текст-един { граница-най: в 20px; } .аплюс-модул.марка-история-карти-1-четири-Асин .АПМ-марка-история-текст H3 { white-space: без прехвърляне; препълване на: скрит; текст преливане: елипса; } .аплюс-модул .АПМ-марка-история-лозунг-текст { -MOZ-кутия, размер: съдържанието-Кутия; -в WebKit-кутия, размер: съдържанието-Кутия; кутия, размер: съдържанието-Кутия; граница: 0px в 4px; пълнеж: в 20px; } .аплюс-модул .АПМ-марка-история-често задавани въпроси { -MOZ-кутия, размер: съдържанието-Кутия; -в WebKit-кутия, размер: съдържанието-Кутия; кутия, размер: съдържанието на Кутия; подложка-топ: стойността на 10px; } .аплюс-модул .АПМ-марка-история-често задавани въпроси-блок { граница: 0px значение 10px; тапицерия: стойността на 10px; } .аплюс-В2 .АПМ-марка-история-на въртележката-контейнер { позиция: относителна; } .аплюс-В2 .АПМ-марка-история-на въртележката-герой-контейнер .аплюс-В2 .АПМ-марка-история-на въртележката-герой-контейнер > диви { позиция: absolute; ширина: 100%; } /* осигуряване на въртележката заема само пространството, той трябва да.Размери е необходимо отново да настроите за абсолютно разположени елементи, за да могат те да заемат мястото. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { височина: 625 пиксела; ширина: calc (100% + 15 пиксела); максимална ширина: 1464 пиксела; полето от ляво на: auto; поле в дясно: auto; } / * При тази въртележка е центриран вертикално от горната част на контейнера с образа на героя и след областта на лого ( 125 пиксела).Margin-top = (височина герой - cardHeight - logoAreaHeight) / 2 + logoAreaHeight * / .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{ margin-top: 149px; } / * Ширина на картички трябва да се извършва, в противен случай, по подразбиране тя е 50px, или така.Всички карти трябва да са с еднаква ширина.Въртележката оразмерява така, че всички карти са на ширината на най-голяма карта.Лявото поле е предназначено за това, да се оставя интервал между всяка карта. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { ширина: 362px; полето от ляво на: 30px!важно; } /* начертайте бутони за навигация така, че да са по-високи, били на едно ниво с страници и са имали чисто бял фон */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .aplus-v2 .apm-brand -story-carousel .a-carousel-col.a-carousel-right { отстъп: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { граница на: няма; граница: 0px; } .aplus -v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-ляво .a бутон-изображение .a-button-вътрешната страна .aplus-v2 .apm-brand-story-carousel .a-carousel-col .a-carousel-дясно .a бутон-изображение .a-button-вътрешна { фон: #fff; отстъп: 20x6 пиксела; } .aplus-v2 .apm-brand-story-carousel .a - carousel-col.a-carousel-ляво .a-бутон-изображение .a-бутон-вътрешна { радиус граница: 0px 4px 4px 0px; } .aplus-v2 .apm-история на марката-carousel .a-въртележка-col.a-въртележка-дясно .a-бутон-изображение .a-бутон-вътрешна {радиус на границата: 4px 0px 0px 4px; } Аксесоари за партита VANVENE Аксесоари за партита VANVENE