Photo Rototom - Rototom Sunsplash

THE BEST OF 2018

Rototom Vibes

2017

Main Stage

VIDEO

WATCH

RADIO

LISTEN

PHOTO

EXPLORE

STORE

BUY

/* ----------------------------------------- */ /* Content Template: 2018 – MEDIA – Box video/foto - start */ /* ----------------------------------------- */ .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; } /* ----------------------------------------- */ /* Content Template: 2018 – MEDIA – Box video/foto - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: 2018 – MEDIA – Box video/foto (big) - start */ /* ----------------------------------------- */ .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 h3 { text-align: center; text-transform: uppercase; color: #1e1e1e; padding-bottom: 15px; } /* ----------------------------------------- */ /* Content Template: 2018 – MEDIA – Box video/foto (big) - end */ /* ----------------------------------------- */

The best of Thursday 16

Pre-Festival

Prefestival

Music

Culture

More Rototom

Rototom People

Rototom 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

VIDEO

RADIO

PHOTO

STORE