From 9eb1b7262b93b693d43428754f1fbe3a03ffa849 Mon Sep 17 00:00:00 2001 From: Guillaume Pellerin Date: Thu, 12 Sep 2013 13:15:45 +0200 Subject: [PATCH] update video.js styles --- .../static/teleforma/video-js/video-js.css | 23 +++++-------------- 1 file changed, 6 insertions(+), 17 deletions(-) diff --git a/teleforma/static/teleforma/video-js/video-js.css b/teleforma/static/teleforma/video-js/video-js.css index 0604f3cf..b604459d 100644 --- a/teleforma/static/teleforma/video-js/video-js.css +++ b/teleforma/static/teleforma/video-js/video-js.css @@ -141,10 +141,6 @@ so you can upgrade to newer versions easier. You can remove all these styles by .vjs-default-skin.vjs-paused .vjs-play-control div { width: 15px; height: 17px; background: url('video-js.png'); margin: 0.5em auto 0; } .vjs-default-skin.vjs-playing .vjs-play-control div { width: 15px; height: 17px; background: url('video-js.png') -25px 0; margin: 0.5em auto 0; } -/* x2 playback */ -.vjs-default-skin.vjs-playing .vjs-playback-speed-x1 div { width: 15px; height: 17px; background: url('video-js.png') -25px 0; margin: 0.5em auto 0; } -.vjs-default-skin.vjs-playing .vjs-playback-speed-x2 div { width: 15px; height: 17px; background: url('video-js.png') -25px 0; margin: 0.5em auto 0; } - /* Rewind -------------------------------------------------------------------------------- */ .vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; } @@ -335,24 +331,17 @@ so you can upgrade to newer versions easier. You can remove all these styles by .vjs-default-skin .vjs-big-play-button { display: block; /* Start hidden */ z-index: 2; position: absolute; top: 50%; left: 50%; width: 8.0em; height: 8.0em; margin: -42px 0 0 -42px; text-align: center; vertical-align: center; cursor: pointer !important; - border: 0.2em solid #fff; opacity: 0.95; - -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; - - background: #454545; - background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f)); - background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); - background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); - background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 ); - background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); + border: 0.5em solid #fff; opacity: 0.95; + -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; + + background: transparent; /* CSS Shadows */ - -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000; + /*-webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;*/ } .vjs-default-skin div.vjs-big-play-button:hover { - -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff; + -webkit-box-shadow: 0 0 40px #fff; -moz-box-shadow: 0 0 40px #fff; box-shadow: 0 0 40px #fff; } .vjs-default-skin div.vjs-big-play-button span { -- 2.39.5