Sha256: 77a5257808b87b595d2728a5cf292586baac52fba8c39166aa344a8226b387ef
Contents?: true
Size: 1.65 KB
Versions: 5
Compression:
Stored size: 1.65 KB
Contents
/* * # Semantic - Video * http://github.com/jlukic/semantic-ui/ * * * Copyright 2013 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Video *******************************/ .ui.video { position: relative; max-width: 100%; } /*-------------- Content ---------------*/ /* Placeholder Image */ .ui.video .placeholder { background-color: #333333; } /* Play Icon Overlay */ .ui.video .play { cursor: pointer; position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; -ms-filter:"progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=60);"; filter: alpha(opacity=60); opacity: 0.6; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .ui.video .play.icon:before { position: absolute; top: 50%; left: 50%; z-index: 11; font-size: 6rem; margin: -3rem 0em 0em -3rem; color: #FFFFFF; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4); } .ui.video .placeholder { display: block; width: 100%; height: 100%; } /* IFrame Embed */ .ui.video .embed { display: none; } /******************************* States *******************************/ /*-------------- Hover ---------------*/ .ui.video .play:hover { opacity: 1; } /*-------------- Active ---------------*/ .ui.video.active .play, .ui.video.active .placeholder { display: none; } .ui.video.active .embed { display: block; }
Version data entries
5 entries across 5 versions & 1 rubygems