Финал Кубка мира: создайте свой собственный жеребьевка ЧМ-2018 – интерактивные


Опубликованно 02.01.2018 00:28

Финал Кубка мира: создайте свой собственный жеребьевка ЧМ-2018 – интерактивные

вар шрифты=[].срез.применить(окна.родителей.документ.таблицы стилей).фильтр(функция(лист)-1>).карта(функция(лист)).присоединиться(" ");вар УСБ=документ.метод createelement("стиль");в CSS.текстового содержимого=шрифты;документ.голову.метода appendchild(УСС); HTML-код,тело.ГВ-горшок-див-интро.ГВ-горшок-див.интро-Примечание@медиа (мин-Ширина: 36.25 ЭМ)<.интро-Примечание{Ширина:100%;маржи:0>}.ГВ-горшок-Заголовок@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-горшок-Заголовок{шрифт-Размер:13px;маржа:0>}.ГВ-пот-пункт.ГВ-горшок-див-интро.ГВ-пот-пункт.ГВ-горшок-див-интро@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-горшок-див-интро{маржа:0>}.пятьдесят ПК.круглый заголовка@медиа (мин-Ширина: 36.25 ЭМ)<.круглый-Заголовок{маржа:12px 0 !важно>}.ГВ-туры-фантик

.ГВ-туры-фантик.п16.ГВ-туры-фантик.скорострельный.ГВ-туры-фантик.финал

@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-туры-фантик.окончательное{обивка-дно:0>}@медиа (мин-Ширина: 36.25 ем)<.ГВ-туры-обертка{Ширина:тепловычислитель(25% - 25 пикселей);высота:278px;нижней границы:нет;обивка:0 12px>}.ГВ-матч-команды

.ГВ-группа-круг@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-группа-круг{дисплей:блок;Ширина:100%;высота:значение 24px;границы-нижней:1 пиксель пунктирной #333;поплавок:нет>}.ГВ-группа-круглые.п16:в прошлом-ребенок@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-группа-круглые.скорострельный{обивка:12.5 ПВ 0>}.ГВ-группа-круглые.ФК:в прошлом-ребенок@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-группа-круглые.СФ{обивка:37.5 РХ 0>}.ГВ-группа-круглые.СФ:в прошлом-ребенок.ГВ-группа-круглые.финал@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-группа-круглые.окончательное{обивка:68px 0>}.ГВ-тур-текст@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст{шрифт-Размер:13px;высота строки:в 20px;поплавок:нет;прозрачность:0.8>}.ГВ-тур-текст.квалифицированные.ГВ-тур-текст.п16-команда@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст.п16-команда{шрифт-Размер:11px>}@медиа (мин-Ширина: 48.75 ем)<.ГВ-тур-текст.п16-команда{шрифт-Размер:13px>}.ГВ-тур-текст.п16-команды.до:после@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст.п16-команды.до:после{Дисплей:нет}.ГВ-тур-текст.ФК-команда@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст.четвертьфинал-команда{шрифт-Размер:13px>}.ГВ-тур-текст.ФК-команда.до:после@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст.ФК-команда.до:после{Дисплей:нет}@медиа (мин-Ширина: 36.25 ем)<.ГВ-тур-текст.ФК-команда.Швейцария{шрифт-Размер:11px>}@медиа (мин-Ширина: 48.75 ем)<.ГВ-тур-текст.ФК-команда.Швейцария{шрифт-Размер:13px>}.ГВ-тур-текст.СФ-команда@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст.СФ-команда{шрифт-Размер:13px>}.ГВ-тур-текст.СФ-команды.до:после@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-тур-текст.СФ-команды.до:после{Дисплей:нет}@медиа (мин-Ширина: 36.25 ем)<.ГВ-тур-текст.СФ-команды.Швейцария{шрифт-Размер:11px !важно>}@медиа (мин-Ширина: 48.75 ЭМ)<.ГВ-тур-текст.СФ-команды.Швейцария{шрифт-Размер:13px>}.ГВ-тур-текст.дома.ГВ-тур-текст.отсюда.ГВ-teams_battleline

.ГВ-teams_battleline: после.ГВ-финалист

@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-финалист{Ширина:100%;дисплей:блок>}.trophyWinnerHome,.trophyWinnerAway.trophyWinnerHome@медиа (мин-Ширина: 36.25 ЭМ)<.trophyWinnerHome{маржи-слева:0>}.trophyWinnerHome::перед@медиа (мин-Ширина: 36.25 ЭМ)<.trophyWinnerHome::перед{топ:-30 пикселей;слева:в Calc(50% - 9рх);фон-Размер:18px;Ширина:18px;высота:значение 24px>}.trophyWinnerAway: после@медиа (мин-Ширина: 36.25 ЭМ)<.trophyWinnerAway::после{топ:30 пикселей;слева:в Calc(50% - 9рх);фон-Размер:18px;Ширина:18px;высота:значение 24px>}.скрыть-после:после.элемент-атом.интерактивные-атомHTML-код,тело.ГВ-котел-верхний колонтитул.ГВ-горшок-див-интро.ГВ-фантик@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-обертка{мин-высота:420px;маржи-нижней:64px>}@медиа (мин-Ширина: 48.75 ем)<.ГВ-фантик{мин-высота:420px>}.ГВ-фантик .выровнять по правому краю@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-фантик .выровнять по правому краю{текст-согласовать:слева;Ширина:30 пикселей>}@медиа (мин-Ширина: 48.75 ем)<.ГВ-фантик .выровнять по правому краю{выравнивания текста:справа;Ширина:авто>}.ГВ-фантик .левому краю.ГВ-фантик .выровнять по правому краю-небольшой@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-фантик .выровнять по правому краю-маленький{выравнивания текста:справа;Ширина:значение 24px>}@медиа (мин-Ширина: 48.75 ем)<.ГВ-фантик .выровнять по правому краю-маленький{выравнивания текста:справа;Ширина:авто>}.ГВ-стол-фантик.ГВ-стол-минор-Заголовок

@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-стол-минор-Заголовок{право:12px;топ:36px;Ширина:60px>}@медиа (мин-Ширина: 48.75 ем)<.ГВ-стол-минор-Заголовок{Ширина:авто;верх:48px>}.ГВ-группа-стол

@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-группа-стол{высота:160px;Ширина:тепловычислитель(25% - 25 пикселей);плавать:слева;обивка:8 пикс 12px 12px;границы-нижней:1 пиксель твердых #ФФФ;границы права:1px твердых #ФФФ>}.сильнейший.сильный.сбалансированный.слабый.слабое.нейтральный.ГВ-группа-текст@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-группа-текст{шрифт-Размер:13px;поплавок:нет>}.ГВ-группа-текст.квалифицированные.ГВ-группа-текст.квалифицированный: после@медиа (мин-Ширина: 36.25 ЭМ)<.gv-team-text.qualified::after{background-image:url("https://interactive.guim.co.uk/atoms/2017/11/interative-world-cup-draw-2018/v/1510837429595/assets/tick.svg");height:8px;width:10px;display:inline-block;margin-left:4px>}.gv-rank-text@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-ранг-текст{шрифт-Размер:12px;маржа:0 0 0 5 пикселей;поплавок:нет>}.ГВ-команды-строки@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-команды-строки{дисплей:встроенный блок;Ширина:100%;высота:значение 24px;дисплей:блок;границы-топ:1 пиксель пунктирной #333;обивка:0>.ГВ-команды-строки.Заголовок.ГВ-команды-строки.Заголовок Н4}.ГВ-команды-строки.Заголовок.ГВ-команды-строки.Заголовок Н4@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-команды-строки.Заголовок{Ширина:авто;плавать:слева;ясный:оба;маржи-топ:33px;купел-семья:"Хранитель египетского веб", Грузия, засечек;размер шрифта:16px и>}.нет границ.ГВ-титр.ГВ-подряд-ТХТ.ГВ-стол-коль-руководитель

.gv-table-col-head.weak,.gv-table-col-head.weakest,.gv-table-col-head.balanced,.gv-table-col-head.strong,.gv-table-col-head.strongest@медиа (мин-Ширина: 36.25 ЭМ)<.ГВ-стол-коль-руководитель{топ:9рх;слева:12px;текст-выровнять:левый>}.ГВ-старт-кнопка

.ГВ-кнопка-ярлык

colorchange @кадров<0%{фон:#fc0>50%100%}@-WebKit в-кадров colorchange /* Safari и Chrome - необходимые дубликат */<0%{фон:#fc0>50%100%}@-МОЗ-кадры colorchange /* Safari и Chrome - необходимые дубликат */<0%{фон:#fc0>50%100%}.ГВ-пуск-кнопки:при наведении.дисплей-мобильные@медиа (мин-Ширина: 30em)<.дисплей-мобильный{Дисплей:нет}.Дисплей-нет-мобильный@медиа (мин-Ширина: 30em)<.Дисплей-нет-мобильный{дисплей:встроенный блок>}.нет-маржа.Дисплей-нет.группа-место-4 /*# sourceMappingURL=главная.УСБ.карту */ Начать рисовать Начать рисовать !функция()<"использовать строгие";вар t=document.createElement("script");t.src="https://interactive.guim.co.uk/atoms/2017/11/interative-world-cup-draw-2018/v/1510837429595/app.js",document.body.appendChild(t)>(); //# sourceMappingURL=главная.яш.карте функция изменения размера()окна.метод addeventlistener("Размер", "Размер"); изменить размер(); ">



Категория: Спорт