From 8b4c11e4e234f1eb52bb16322bacd00c455879f0 Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Wed, 9 Nov 2016 16:41:28 -0500 Subject: some more tweaks to h264 video display given its all the rage now --- www/css/style.css | 30 ++++++++++++++++++++++++++---- 1 file changed, 26 insertions(+), 4 deletions(-) (limited to 'www/css') diff --git a/www/css/style.css b/www/css/style.css index 950a9e0d..260a3afe 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -686,19 +686,41 @@ input[type=range]::-webkit-slider-thumb { } /* This is for quick scrub for H264 */ + + .videogular-container { height: 260px; margin: auto; overflow: hidden; float: left; + +} + + +.videogular-container-modal-width { + height: auto; + width:100%; + margin: auto; + overflow: hidden; } -.videogular-full-container { - height: 80%; - z-index: 100; - float: center; + +.videogular-container-modal-height { + height: 40%; margin: auto; overflow: hidden; } + + +videogular div.event-time { + position: absolute; + display: block; + z-index: 9999; + bottom: 10%; + background: rgba(255,0,0,0.5); +} + + + #full-screen-event { -webkit-animation-duration: 200ms; } -- cgit v1.2.3