Files
mediacms/static/video_js/video-js.css
T

2 lines
97 KiB
CSS
Raw Normal View History

2025-09-30 14:47:16 +03:00
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@media (hover: none) and (pointer: coarse){.video-js .vjs-control:hover:after,.video-js .vjs-control:focus:after,.video-js .vjs-control:active:after,.video-js button.vjs-button:hover span.vjs-control-text,.vjs-chapter-marker:hover .vjs-chapter-marker-tooltip,.vjs-chapter-floating-tooltip,.vjs-sprite-preview-tooltip{display:none!important;opacity:0!important;visibility:hidden!important}.video-js .vjs-progress-control{bottom:44px!important}.video-js .vjs-progress-holder,.video-js .vjs-seek-bar{touch-action:pan-x!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.video-js .vjs-big-play-button{pointer-events:auto!important;z-index:1!important}.video-js .vjs-progress-control{z-index:10!important;pointer-events:auto!important}.video-js .vjs-autoplay-toggle.touch-active:after{opacity:1!important;visibility:visible!important}}.playlist-items a{text-decoration:none!important}.video-js-root-main .video-js.video-js-rounded-corners,.video-js-root-main .video-js.video-js-rounded-corners.vjs-has-started,.video-js-root-main .video-js.video-js-rounded-corners.vjs-fullscreen,.video-js-root-main .video-js.video-js-rounded-corners.vjs-paused,.video-js-root-main .video-js.video-js-rounded-corners.vjs-ended,.video-js-root-main .video-js.video-js-rounded-corners.chapters-open{outline:none!important;border-radius:12px!important}.video-js video{outline:none!important}.video-js-root-main .video-js.video-js-rounded-corners .vjs-poster{border-radius:12px!important}.video-js-root-main .video-js.video-js-rounded-corners video{border-radius:12px!important}.video-js div.vjs-control-bar{background:transparent!important;background-color:transparent!important;background-image:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:0 12px;height:48px}.video-js-root-main .video-js.video-js-rounded-corners:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 25%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.2) 75%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}.video-js-root-main .video-js.video-js-rounded-corners.vjs-user-active:after,.video-js-root-main .video-js.video-js-rounded-corners.vjs-paused:after,.video-js-root-main .video-js.video-js-rounded-corners.vjs-ended:after{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;opacity:1}.video-js .vjs-control-bar{z-index:6!important}.video-js.vjs-user-active:before,.video-js.vjs-paused:before{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:2;pointer-events:none;transition:opacity .3s ease}.video-js.vjs-user-inactive:not(.vjs-paused):before{opacity:0}.video-js .vjs-progress-control.vjs-control{z-index:7!important}.video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder:before{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.video-js .vjs-control-bar .vjs-time-control{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important;font-weight:500!important}.video-js .vjs-volume-control .vjs-volume-bar{background:rgba(255,255,255,.3)!important}.video-js .vjs-volume-control .vjs-volume-level{background:#ffffff!important}.video-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.video-js.vjs-fluid{width:100%!important;max-width:100%!important}.vjs-play-progress{background-color:#019932!important}.vjs-load-progress,.vjs-progress-holder{background:rgba(255,255,255,.5)!important}.video-js .vjs-progress-control{position:absolute!important;bottom:46px!important;left:0!important;right:0!important;width:100%!important;height:0!important;z-index:3!important;padding:0!important;margin:0 auto!important}.video-js .vjs-control-bar .vjs-progress-control{display:none!important}.video-js .vjs-progress-control.vjs-control{display:block!imp