Atili - Rototom Sunsplash

Atili

SEE MORE

/* ----------------------------------------- */ /* Modèle de contenu : 2019-media-box-video-foto-small - démarrer */ /* ----------------------------------------- */ .media_box_container { margin-bottom: 10px !important; } .media_box_image_container { background-color: #fff; color: #000; border: 1px solid #10a97c; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; border-radius: 0px 0px 10px 0px; } .media_box_image { position: relative; overflow: hidden; padding-bottom: 50%; border-radius: 0px 0px 10px 0px; } .media_box_image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100% !important; border-radius: 0px 0px 10px 0px; } .video_date { position: absolute; bottom: 4px; left: 4px; background-color: #000; color: #fff; padding: 2px 4px; border-radius: 2px; opacity: 0.8; } .video_date h6 { font-size: 11px; line-height: 11px; color: #fff !important; margin: 0px; text-align: left; } .video_length { position: absolute; bottom: 4px; right: 4px; background-color: #000; color: #fff; padding: 2px 4px; border-radius: 2px; opacity: 0.8; } .video_length h6 { font-size: 11px; line-height: 11px; color: #fff !important; margin: 0px; } .video_icon_play { position: absolute; top:0px; left:0px; width: 50%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/play-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .video_icon_view { position: absolute; top:0px; right:0px; width: 100%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/view-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .foto_icon_view { position: absolute; top:0px; right:0px; width: 100%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/view-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .news_icon_view { position: absolute; top:0px; right:0px; width: 100%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/news-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .media_box_image:hover .video_icon_play, .media_box_image:hover .video_icon_view, .media_box_image:hover .foto_icon_view, .media_box_image:hover .news_icon_view { opacity: 0.6; } .media_box_image:hover .video_icon_play:hover, .media_box_image:hover .video_icon_view:hover, .media_box_image:hover .foto_icon_view:hover, .media_box_image:hover .news_icon_view:hover { opacity: 0.9; } .media_box_text_container h6 { color: #1e1e1e; font-size: 13px; line-height: 15px; margin-top: 0px; } /* ----------------------------------------- */ /* Modèle de contenu : 2019-media-box-video-foto-small - terminer */ /* ----------------------------------------- */

SEE MORE

Rhomanife

Linval Thompson

Reemah

The Dance Crashers

A1 Crew

OBF

Lasai

Jamaleonics