-
Notifications
You must be signed in to change notification settings - Fork 17
/
polyzor.css
2 lines (2 loc) · 6.31 KB
/
polyzor.css
1
2
@font-face{font-family:'material-icons';src:url("//dl.dropbox.com/s/1h3s12zvzsxq95h/icons.eot?dznd70");src:url("//dl.dropbox.com/s/1h3s12zvzsxq95h/icons.eot?dznd70#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/1doptn6xg4lc3oh/icons.ttf?dznd70") format("truetype"),url("//dl.dropbox.com/s/nidw2pv73lponpu/icons.woff?dznd70") format("woff"),url("font/icons.svg?dznd70#icomoon") format("svg");font-weight:normal;font-style:normal}.vjs-polyzor-skin .vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:material-icons, VideoJS sans-serif;font-weight:normal;font-style:normal}.vjs-polyzor-skin .vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-polyzor-skin .vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:material-icons, VideoJS sans-serif;font-weight:normal;font-style:normal}.vjs-polyzor-skin .vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-polyzor-skin{font-size:10px;color:#36c183}.vjs-polyzor-skin .vjs-control-bar,.vjs-polyzor-skin .vjs-big-play-button,.vjs-polyzor-skin .vjs-menu-button .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,0.7)}.vjs-polyzor-skin .vjs-big-play-button{font-size:5em;line-height:1em;height:1em;width:1em;color:#36c183;background:none !important;border:0;-webkit-transition:color .3s ease !important;transition:color .3s ease !important;left:50%;top:50%;margin-left:-0.5em;margin-top:-0.5em}.vjs-polyzor-skin .vjs-big-play-button:hover{color:#fff}.vjs-polyzor-skin .vjs-control-bar{padding:0 5px;height:5em !important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-polyzor-skin .vjs-progress-control{ position: absolute;bottom: 0;left: 0;width: 100% !important;height: 7px;}.vjs-polyzor-skin .vjs-progress-holder{height:.5em !important;margin:0}.vjs-polyzor-skin .vjs-progress-holder .vjs-load-progress,.vjs-polyzor-skin .vjs-progress-holder .vjs-play-progress{-webkit-transition:width 400ms ease;transition:width 400ms ease;height:100% !important}.vjs-polyzor-skin .vjs-progress-holder .vjs-play-progress:before{color:rgba(255, 255, 255, 0);top:-2px}.vjs-polyzor-skin .vjs-progress-holder:hover .vjs-play-progress:before{top:-4px}.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:1;background:none;-webkit-transition:all 1s;transition:all 1s}.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-control,.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-time-control{visibility:hidden;opacity:0;-webkit-transition:all 1s;transition:all 1s}.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-progress-control{visibility:visible;opacity:1;top:100%;-webkit-transition:all .8s !important;transition:all .8s !important;-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%)}.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-progress-control .vjs-play-progress.vjs-slider-bar:before{content:''}.vjs-polyzor-skin .vjs-control{height:auto}.vjs-polyzor-skin .vjs-control:before{font-size:20px}.vjs-polyzor-skin .vjs-control:before{line-height:1;position:relative}.vjs-polyzor-skin .vjs-control:before,.vjs-polyzor-skin .vjs-control:active{text-shadow:0 0 1em 0 0 1em rgba(217, 230, 224, 0) !important}.vjs-polyzor-skin .vjs-play-control{position:absolute;width:auto;height:100%;top:50%;left:50%;-webkit-transition:300ms;transition:300ms;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.vjs-polyzor-skin .vjs-play-control:before{position:relative;line-height:0 !important;font-size:27px;font-size:3.57143em !important}.vjs-polyzor-skin .vjs-volume-menu-button{position:relative;height:20px;width:20px}.vjs-polyzor-skin .vjs-volume-menu-button:before{font-size: 30px;position:absolute;width:auto;height:auto;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.vjs-polyzor-skin .vjs-volume-menu-button .vjs-menu-content{height:20px}.vjs-polyzor-skin .vjs-volume-menu-button .vjs-menu-content .vjs-volume-bar{ margin-left: 10px; margin:0 !important;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.vjs-polyzor-skin .vjs-volume-level{color:#fcfaff}.vjs-polyzor-skin .vjs-vol-0{color:red}.vjs-polyzor-skin .vjs-remaining-time{margin-right:auto}.vjs-polyzor-skin .vjs-time-control{color:#fff}.vjs-polyzor-skin .vjs-live-control{position:absolute;height:auto;top:-30px;right:0}.vjs-polyzor-skin .vjs-live-control:before{content:'';display:block;width:10px;height:10px;position:absolute;left:0;top:50%;background:red;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.vjs-polyzor-skin .vjs-fullscreen-control{width:auto}.vjs-polyzor-skin .vjs-fullscreen-control:before{font-size:24px !important;line-height:1 !important}.vjs-current-time,.vjs-time-divider{display:block !important}.vjs-polyzor-skin .vjs-progress-control:hover .vjs-mouse-display:after{background:rgba(54,193,131,0.7)}.video-js .vjs-volume-level,.video-js .vjs-play-progress,.video-js .vjs-slider-bar{background:#ee5f5b;}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,0.5)}.video-js .vjs-load-progress div{}@media screen and (max-width: 400px){.vjs-polyzor-skin .vjs-play-control{display:inline-block;position:relative;height:100%;top:0 !important;left:0 !important;-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;transform:translate(0, 0) !important;margin-right:5px}.vjs-polyzor-skin .vjs-play-control:before{position:relative;line-height:0 !important;font-size:3.57143em !important}}
.vjs-remaining-time.vjs-time-control.vjs-control {display: none;}.vjs-current-time-display{display:none;}.vjs-time-divider{display:none;}.vjs-time-control{display:none;}.vjs-polyzor-skin .vjs-time-control {color: rgba(29, 26, 26, 0);}.vjs-polyzor-skin .vjs-volume-menu-button {position: absolute;height: 35px;width: 30px;margin-left: 25px;margin-right: 25px;}.vjs-polyzor-skin .vjs-volume-menu-button .vjs-menu-content {height: 35px; margin-left: 10px;}