Photo Rototom

2019

/* ----------------------------------------- */ /* Content Template: 2019-media-box-video-foto-big - start */ /* ----------------------------------------- */ .media_box_container { margin-bottom: 10px; } .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: 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/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 h3 { text-align: center; text-transform: uppercase; color: #1e1e1e; padding-bottom: 15px; } /* ----------------------------------------- */ /* Content Template: 2019-media-box-video-foto-big - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: 2019-media-box-video-foto - start */ /* ----------------------------------------- */ .media_box_container { margin-bottom: 10px; } .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: 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/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 h5 { color: #1e1e1e; line-height: 18px; margin-top: 2px; } /* ----------------------------------------- */ /* Content Template: 2019-media-box-video-foto - end */ /* ----------------------------------------- */

Music

Culture

Sostenibilidad

People

Vibes

Main Stage

The best of Main Stage 2017

Lion Stage

The best of Lion Stage 2017

DanceHall

The best of Dancehall 2017

Dub Academy

The best of Dub Academy 2017

The best of Sunsplash 2016

The Best of Sunsplash 2015

The Best of Sunsplash 2014

The Best of Sunsplash 2013