Laia Miret - Rototom Sunsplash

/* ----------------------------------------- */ /* Plantilla de contenido: 2018 – MEDIA – Box video/foto - inicio */ /* ----------------------------------------- */ .media_box_container { margin-bottom: 10px; } .media_box_image_container { background-color: #fff; color: #000; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; } .media_box_image { position: relative; overflow: hidden; padding-bottom: 50%; } .media_box_image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100% !important; } .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: 12px; line-height: 12px; 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: 12px; line-height: 12px; color: #fff !important; margin: 0px; } .video_icon_play { position: absolute; top:0px; left:0px; width: 50%; height:100%; background-image: url('/wp-content/themes/rototom2018/img/play-button-blue.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/rototom2018/img/view-button-blue.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/rototom2018/img/view-button-blue.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/rototom2018/img/news-button-blue.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 h5 { color: #1e1e1e; line-height: 18px; margin-top: 2px; } /* ----------------------------------------- */ /* Plantilla de contenido: 2018 – MEDIA – Box video/foto - fin */ /* ----------------------------------------- */