<figure class="metro-dark-horse-special out-of-container-block hor-center vert-center" > <picture style="display: flex"> <source height="200px" width="534px" media="(max-width : 534px)" srcset="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_534x200.png" /> <source height="200px" width="700px" media="(max-width: 1122px)" srcset="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_700x200.png" /> <source height="200px" width="1060px" media="(min-width: 1123px)" srcset="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_1060x200.png" /> <img src="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_1060x200.png" style="height: auto" /> </picture> <figcaption><h1>Стиль в кино</h1></figcaption> </figure> <style> .metro-dark-horse-special { position: relative; margin-top: -40px !important; margin-bottom: -4px !important; @media (min-width: 820px) { margin-top: -20px !important; } } .metro-dark-horse-special picture img { border-radius: 0 !important; @media (min-width: 820px) { border-radius: 12px !important; } } .metro-dark-horse-special figcaption { position: absolute; margin: 0 !important; width: 100%; padding: 0 calc(4vw + 1px); @media (min-width: 820px) { padding: 0 16px; } } .metro-dark-horse-special figcaption h1 { margin: calc(4vw + 1px) 0; @media (min-width: 820px) { margin: 16px 0; } } /* вертикальные */ /* TOP */ figure.metro-dark-horse-special.top figcaption { top: 0; } figure.metro-dark-horse-special.top-mobile figcaption { top: 0; @media (min-width: 820px) { top: unset; } @media (min-width: 1060px) { top: unset; } } figure.metro-dark-horse-special.top-tablet figcaption { top: unset; @media (min-width: 820px) { top: 0; } @media (min-width: 1060px) { top: unset; } } figure.metro-dark-horse-special.top-desktop figcaption { top: unset; @media (min-width: 820px) { top: unset; } @media (min-width: 1060px) { top: 0; } } /* CENTER */ figure.metro-dark-horse-special.vert-center figcaption { top: 50%; transform: translateY(-50%); } figure.metro-dark-horse-special.vert-center-mobile figcaption { top: 50%; transform: translateY(-50%); @media (min-width: 820px) { top: unset; transform: unset; } @media (min-width: 1060px) { top: unset; transform: unset; } } figure.metro-dark-horse-special.vert-center-tablet figcaption { top: unset; transform: unset; @media (min-width: 820px) { top: 50%; transform: translateY(-50%); } @media (min-width: 1060px) { top: unset; transform: unset; } } figure.metro-dark-horse-special.vert-center-desktop figcaption { top: unset; transform: unset; @media (min-width: 820px) { top: unset; transform: unset; } @media (min-width: 1060px) { top: 50%; transform: translateY(-50%); } } /* BOTTOM */ figure.metro-dark-horse-special.bottom figcaption { bottom: 0; } figure.metro-dark-horse-special.bottom-mobile figcaption { bottom: 0; @media (min-width: 820px) { bottom: unset; } @media (min-width: 1060px) { bottom: unset; } } figure.metro-dark-horse-special.bottom-tablet figcaption { bottom: unset; @media (min-width: 820px) { bottom: 0; } @media (min-width: 1060px) { bottom: unset; } } figure.metro-dark-horse-special.bottom-desktop figcaption { bottom: unset; @media (min-width: 820px) { bottom: unset; } @media (min-width: 1060px) { bottom: 0; } } /* горизонтальные */ /* LEFT */ figure.metro-dark-horse-special.left figcaption { text-align: left; } figure.metro-dark-horse-special.left-mobile figcaption { text-align: left; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.left-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: left; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.left-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: left; } } /* CENTER */ figure.metro-dark-horse-special.hor-center figcaption { text-align: center; } figure.metro-dark-horse-special.hor-center-mobile figcaption { text-align: center; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.hor-center-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: center; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.hor-center-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: center; } } /* RIGHT */ figure.metro-dark-horse-special.right-mobile figcaption { text-align: right; } figure.metro-dark-horse-special.right-mobile figcaption { text-align: right; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.right-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: right; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.right-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: right; } } </style>

Селена Гомес в сериале "Убийства в одном здании".

СТИЛЬ В КИНО

Эмили показывает, что мода – это игра, в которой можно и нужно проявлять креативность.

Кейт Бланшетт в фильме "8 подруг Оушена".

Кадр из фильма "Бедные-несчастные".

Новый сезон сериала вышел на экраны 22 июня.

Персонаж Кулидж Таня Маккуойд очень полюбился фанатам сериала.

Первая серия второго сезона вышла 8 марта.

M3gan – далеко не самая обычная кукла.

Героиня сериала "Эмили" вдохновляет на модные эксперименты.

Стиль Уэнсдэй полюбился многим зрителям.

Главное

"В "Убийствах в одном здании Селена Гомес учит одеваться комфортно и со вкусом", "Эмили снова в Париже модные эксперименты с Лили Коллинз" и другие материалы в тематической рубрике Metro - Стиль в кино