MDL-67086 css: Reverting MDL-66982, causing global RTL problems
[moodle.git] / media / player / videojs / styles.css
CommitLineData
7e3f6373 1/* stylelint-disable */
411bbe6b
MP
2@charset "UTF-8";
3.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
7e3f6373
MG
4 position: absolute;
5 top: 0;
6 left: 0;
7 width: 100%;
411bbe6b
MP
8 height: 100%;
9}
7e3f6373 10
411bbe6b
MP
11.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
12 text-align: center;
13}
7e3f6373
MG
14
15@font-face {
16 font-family: VideoJS;
411bbe6b 17 src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
7e3f6373 18 font-weight: normal;
411bbe6b
MP
19 font-style: normal;
20}
21.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
7e3f6373
MG
22 font-family: VideoJS;
23 font-weight: normal;
411bbe6b
MP
24 font-style: normal;
25}
26.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
27 content: "\f101";
28}
7e3f6373
MG
29
30.vjs-icon-play-circle {
31 font-family: VideoJS;
32 font-weight: normal;
411bbe6b
MP
33 font-style: normal;
34}
35.vjs-icon-play-circle:before {
36 content: "\f102";
37}
7e3f6373 38
ce1500a8 39.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
7e3f6373
MG
40 font-family: VideoJS;
41 font-weight: normal;
411bbe6b
MP
42 font-style: normal;
43}
44.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
45 content: "\f103";
46}
7e3f6373 47
ce1500a8 48.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
7e3f6373
MG
49 font-family: VideoJS;
50 font-weight: normal;
411bbe6b
MP
51 font-style: normal;
52}
53.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
54 content: "\f104";
55}
7e3f6373 56
ce1500a8 57.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
7e3f6373
MG
58 font-family: VideoJS;
59 font-weight: normal;
411bbe6b
MP
60 font-style: normal;
61}
62.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
63 content: "\f105";
64}
7e3f6373 65
ce1500a8 66.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
7e3f6373
MG
67 font-family: VideoJS;
68 font-weight: normal;
411bbe6b
MP
69 font-style: normal;
70}
71.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
72 content: "\f106";
73}
7e3f6373 74
ce1500a8 75.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
7e3f6373
MG
76 font-family: VideoJS;
77 font-weight: normal;
411bbe6b
MP
78 font-style: normal;
79}
80.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
81 content: "\f107";
82}
7e3f6373 83
ce1500a8 84.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
7e3f6373
MG
85 font-family: VideoJS;
86 font-weight: normal;
411bbe6b
MP
87 font-style: normal;
88}
89.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
90 content: "\f108";
91}
7e3f6373 92
ce1500a8 93.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
7e3f6373
MG
94 font-family: VideoJS;
95 font-weight: normal;
411bbe6b
MP
96 font-style: normal;
97}
98.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
99 content: "\f109";
100}
7e3f6373
MG
101
102.vjs-icon-square {
103 font-family: VideoJS;
104 font-weight: normal;
411bbe6b
MP
105 font-style: normal;
106}
107.vjs-icon-square:before {
108 content: "\f10a";
109}
7e3f6373
MG
110
111.vjs-icon-spinner {
112 font-family: VideoJS;
113 font-weight: normal;
411bbe6b
MP
114 font-style: normal;
115}
116.vjs-icon-spinner:before {
117 content: "\f10b";
118}
7e3f6373 119
411bbe6b 120.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
ce1500a8
MG
121.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
122.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
123.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
411bbe6b 124.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
7e3f6373
MG
125 font-family: VideoJS;
126 font-weight: normal;
411bbe6b
MP
127 font-style: normal;
128}
129.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
130.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
131.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
132.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
133.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
134 content: "\f10c";
135}
136
137.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
138.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
7e3f6373
MG
139 font-family: VideoJS;
140 font-weight: normal;
411bbe6b
MP
141 font-style: normal;
142}
143.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
144.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
145 content: "\f10d";
146}
7e3f6373 147
ce1500a8 148.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
7e3f6373
MG
149 font-family: VideoJS;
150 font-weight: normal;
411bbe6b
MP
151 font-style: normal;
152}
153.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
154 content: "\f10e";
155}
7e3f6373
MG
156
157.vjs-icon-share {
158 font-family: VideoJS;
159 font-weight: normal;
411bbe6b
MP
160 font-style: normal;
161}
162.vjs-icon-share:before {
163 content: "\f10f";
164}
7e3f6373
MG
165
166.vjs-icon-cog {
167 font-family: VideoJS;
168 font-weight: normal;
411bbe6b
MP
169 font-style: normal;
170}
171.vjs-icon-cog:before {
172 content: "\f110";
173}
7e3f6373 174
411bbe6b 175.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
7e3f6373
MG
176 font-family: VideoJS;
177 font-weight: normal;
411bbe6b
MP
178 font-style: normal;
179}
180.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
181 content: "\f111";
182}
7e3f6373
MG
183
184.vjs-icon-circle-outline {
185 font-family: VideoJS;
186 font-weight: normal;
411bbe6b
MP
187 font-style: normal;
188}
189.vjs-icon-circle-outline:before {
190 content: "\f112";
191}
7e3f6373
MG
192
193.vjs-icon-circle-inner-circle {
194 font-family: VideoJS;
195 font-weight: normal;
411bbe6b
MP
196 font-style: normal;
197}
198.vjs-icon-circle-inner-circle:before {
199 content: "\f113";
200}
7e3f6373
MG
201
202.vjs-icon-hd {
203 font-family: VideoJS;
204 font-weight: normal;
411bbe6b
MP
205 font-style: normal;
206}
207.vjs-icon-hd:before {
208 content: "\f114";
209}
7e3f6373 210
ce1500a8 211.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
7e3f6373
MG
212 font-family: VideoJS;
213 font-weight: normal;
411bbe6b
MP
214 font-style: normal;
215}
216.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
217 content: "\f115";
218}
7e3f6373 219
ce1500a8 220.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
7e3f6373
MG
221 font-family: VideoJS;
222 font-weight: normal;
411bbe6b
MP
223 font-style: normal;
224}
225.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
226 content: "\f116";
227}
7e3f6373
MG
228
229.vjs-icon-facebook {
230 font-family: VideoJS;
231 font-weight: normal;
411bbe6b
MP
232 font-style: normal;
233}
234.vjs-icon-facebook:before {
235 content: "\f117";
236}
7e3f6373
MG
237
238.vjs-icon-gplus {
239 font-family: VideoJS;
240 font-weight: normal;
411bbe6b
MP
241 font-style: normal;
242}
243.vjs-icon-gplus:before {
244 content: "\f118";
245}
7e3f6373
MG
246
247.vjs-icon-linkedin {
248 font-family: VideoJS;
249 font-weight: normal;
411bbe6b
MP
250 font-style: normal;
251}
252.vjs-icon-linkedin:before {
253 content: "\f119";
254}
7e3f6373
MG
255
256.vjs-icon-twitter {
257 font-family: VideoJS;
258 font-weight: normal;
411bbe6b
MP
259 font-style: normal;
260}
261.vjs-icon-twitter:before {
262 content: "\f11a";
263}
7e3f6373
MG
264
265.vjs-icon-tumblr {
266 font-family: VideoJS;
267 font-weight: normal;
411bbe6b
MP
268 font-style: normal;
269}
270.vjs-icon-tumblr:before {
271 content: "\f11b";
272}
7e3f6373
MG
273
274.vjs-icon-pinterest {
275 font-family: VideoJS;
276 font-weight: normal;
411bbe6b
MP
277 font-style: normal;
278}
279.vjs-icon-pinterest:before {
280 content: "\f11c";
281}
7e3f6373 282
ce1500a8 283.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
7e3f6373
MG
284 font-family: VideoJS;
285 font-weight: normal;
411bbe6b
MP
286 font-style: normal;
287}
288.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
289 content: "\f11d";
290}
7e3f6373 291
ce1500a8 292.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
7e3f6373
MG
293 font-family: VideoJS;
294 font-weight: normal;
411bbe6b
MP
295 font-style: normal;
296}
297.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
298 content: "\f11e";
299}
7e3f6373 300
4487612c
TD
301.vjs-icon-next-item {
302 font-family: VideoJS;
303 font-weight: normal;
411bbe6b
MP
304 font-style: normal;
305}
306.vjs-icon-next-item:before {
307 content: "\f11f";
308}
4487612c
TD
309
310.vjs-icon-previous-item {
311 font-family: VideoJS;
312 font-weight: normal;
411bbe6b
MP
313 font-style: normal;
314}
315.vjs-icon-previous-item:before {
316 content: "\f120";
317}
318
319.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
320 font-family: VideoJS;
321 font-weight: normal;
322 font-style: normal;
323}
324.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
325 content: "\f121";
326}
327
328.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
329 font-family: VideoJS;
330 font-weight: normal;
331 font-style: normal;
332}
333.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
334 content: "\f122";
335}
4487612c 336
7e3f6373
MG
337.video-js {
338 display: block;
339 vertical-align: top;
340 box-sizing: border-box;
341 color: #fff;
342 background-color: #000;
343 position: relative;
344 padding: 0;
345 font-size: 10px;
346 line-height: 1;
347 font-weight: normal;
348 font-style: normal;
4487612c 349 font-family: Arial, Helvetica, sans-serif;
411bbe6b
MP
350 word-break: initial;
351}
352.video-js:-moz-full-screen {
353 position: absolute;
354}
355.video-js:-webkit-full-screen {
356 width: 100% !important;
357 height: 100% !important;
358}
7e3f6373 359
ce1500a8 360.video-js[tabindex="-1"] {
411bbe6b
MP
361 outline: none;
362}
ce1500a8 363
7e3f6373
MG
364.video-js *,
365.video-js *:before,
366.video-js *:after {
411bbe6b
MP
367 box-sizing: inherit;
368}
7e3f6373
MG
369
370.video-js ul {
371 font-family: inherit;
372 font-size: inherit;
373 line-height: inherit;
374 list-style-position: outside;
375 margin-left: 0;
376 margin-right: 0;
377 margin-top: 0;
411bbe6b
MP
378 margin-bottom: 0;
379}
7e3f6373
MG
380
381.video-js.vjs-fluid,
382.video-js.vjs-16-9,
383.video-js.vjs-4-3 {
384 width: 100%;
385 max-width: 100%;
411bbe6b
MP
386 height: 0;
387}
7e3f6373
MG
388
389.video-js.vjs-16-9 {
411bbe6b
MP
390 padding-top: 56.25%;
391}
7e3f6373
MG
392
393.video-js.vjs-4-3 {
411bbe6b
MP
394 padding-top: 75%;
395}
7e3f6373
MG
396
397.video-js.vjs-fill {
398 width: 100%;
411bbe6b
MP
399 height: 100%;
400}
7e3f6373
MG
401
402.video-js .vjs-tech {
403 position: absolute;
404 top: 0;
405 left: 0;
406 width: 100%;
411bbe6b
MP
407 height: 100%;
408}
7e3f6373
MG
409
410body.vjs-full-window {
411 padding: 0;
412 margin: 0;
411bbe6b
MP
413 height: 100%;
414}
7e3f6373
MG
415
416.vjs-full-window .video-js.vjs-fullscreen {
417 position: fixed;
418 overflow: hidden;
419 z-index: 1000;
420 left: 0;
421 top: 0;
422 bottom: 0;
411bbe6b
MP
423 right: 0;
424}
7e3f6373
MG
425
426.video-js.vjs-fullscreen {
427 width: 100% !important;
428 height: 100% !important;
411bbe6b
MP
429 padding-top: 0 !important;
430}
7e3f6373
MG
431
432.video-js.vjs-fullscreen.vjs-user-inactive {
411bbe6b
MP
433 cursor: none;
434}
7e3f6373
MG
435
436.vjs-hidden {
411bbe6b
MP
437 display: none !important;
438}
7e3f6373
MG
439
440.vjs-disabled {
441 opacity: 0.5;
411bbe6b
MP
442 cursor: default;
443}
7e3f6373
MG
444
445.video-js .vjs-offscreen {
446 height: 1px;
447 left: -9999px;
448 position: absolute;
449 top: 0;
411bbe6b
MP
450 width: 1px;
451}
7e3f6373
MG
452
453.vjs-lock-showing {
454 display: block !important;
455 opacity: 1;
411bbe6b
MP
456 visibility: visible;
457}
7e3f6373
MG
458
459.vjs-no-js {
460 padding: 20px;
461 color: #fff;
462 background-color: #000;
463 font-size: 18px;
464 font-family: Arial, Helvetica, sans-serif;
465 text-align: center;
466 width: 300px;
467 height: 150px;
411bbe6b
MP
468 margin: 0px auto;
469}
7e3f6373
MG
470
471.vjs-no-js a,
472.vjs-no-js a:visited {
411bbe6b
MP
473 color: #66A8CC;
474}
7e3f6373
MG
475
476.video-js .vjs-big-play-button {
477 font-size: 3em;
478 line-height: 1.5em;
4487612c 479 height: 1.63332em;
7e3f6373
MG
480 width: 3em;
481 display: block;
482 position: absolute;
483 top: 10px;
484 left: 10px;
485 padding: 0;
486 cursor: pointer;
487 opacity: 1;
488 border: 0.06666em solid #fff;
489 background-color: #2B333F;
490 background-color: rgba(43, 51, 63, 0.7);
7e3f6373 491 border-radius: 0.3em;
411bbe6b
MP
492 transition: all 0.4s;
493}
7e3f6373
MG
494.vjs-big-play-centered .vjs-big-play-button {
495 top: 50%;
496 left: 50%;
4487612c 497 margin-top: -0.81666em;
411bbe6b
MP
498 margin-left: -1.5em;
499}
7e3f6373
MG
500
501.video-js:hover .vjs-big-play-button,
502.video-js .vjs-big-play-button:focus {
7e3f6373
MG
503 border-color: #fff;
504 background-color: #73859f;
505 background-color: rgba(115, 133, 159, 0.5);
411bbe6b
MP
506 transition: all 0s;
507}
7e3f6373
MG
508
509.vjs-controls-disabled .vjs-big-play-button,
510.vjs-has-started .vjs-big-play-button,
511.vjs-using-native-controls .vjs-big-play-button,
512.vjs-error .vjs-big-play-button {
411bbe6b
MP
513 display: none;
514}
7e3f6373 515
4aaaabb0 516.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
411bbe6b
MP
517 display: block;
518}
4aaaabb0 519
7e3f6373
MG
520.video-js button {
521 background: none;
522 border: none;
523 color: inherit;
524 display: inline-block;
7e3f6373
MG
525 font-size: inherit;
526 line-height: inherit;
527 text-transform: none;
528 text-decoration: none;
529 transition: none;
530 -webkit-appearance: none;
531 -moz-appearance: none;
411bbe6b
MP
532 appearance: none;
533}
7e3f6373 534
ce1500a8
MG
535.vjs-control .vjs-button {
536 width: 100%;
411bbe6b
MP
537 height: 100%;
538}
ce1500a8 539
7e3f6373
MG
540.video-js .vjs-control.vjs-close-button {
541 cursor: pointer;
542 height: 3em;
543 position: absolute;
544 right: 0;
545 top: 0.5em;
411bbe6b
MP
546 z-index: 2;
547}
ce1500a8
MG
548.video-js .vjs-modal-dialog {
549 background: rgba(0, 0, 0, 0.8);
ce1500a8 550 background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
411bbe6b
MP
551 overflow: auto;
552}
ce1500a8
MG
553
554.video-js .vjs-modal-dialog > * {
411bbe6b
MP
555 box-sizing: border-box;
556}
ce1500a8
MG
557
558.vjs-modal-dialog .vjs-modal-dialog-content {
559 font-size: 1.2em;
560 line-height: 1.5;
561 padding: 20px 24px;
411bbe6b
MP
562 z-index: 1;
563}
ce1500a8 564
7e3f6373 565.vjs-menu-button {
411bbe6b
MP
566 cursor: pointer;
567}
7e3f6373
MG
568
569.vjs-menu-button.vjs-disabled {
411bbe6b
MP
570 cursor: default;
571}
7e3f6373
MG
572
573.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
411bbe6b
MP
574 display: none;
575}
7e3f6373
MG
576
577.vjs-menu .vjs-menu-content {
578 display: block;
579 padding: 0;
580 margin: 0;
ce1500a8 581 font-family: Arial, Helvetica, sans-serif;
411bbe6b
MP
582 overflow: auto;
583}
ce1500a8
MG
584
585.vjs-menu .vjs-menu-content > * {
411bbe6b
MP
586 box-sizing: border-box;
587}
7e3f6373 588
4487612c 589.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
411bbe6b
MP
590 display: none;
591}
7e3f6373
MG
592
593.vjs-menu li {
594 list-style: none;
595 margin: 0;
596 padding: 0.2em 0;
597 line-height: 1.4em;
598 font-size: 1.2em;
599 text-align: center;
411bbe6b
MP
600 text-transform: lowercase;
601}
7e3f6373 602
4aaaabb0 603.vjs-menu li.vjs-menu-item:focus,
4487612c
TD
604.vjs-menu li.vjs-menu-item:hover,
605.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
7e3f6373 606 background-color: #73859f;
411bbe6b
MP
607 background-color: rgba(115, 133, 159, 0.5);
608}
7e3f6373
MG
609
610.vjs-menu li.vjs-selected,
611.vjs-menu li.vjs-selected:focus,
4487612c
TD
612.vjs-menu li.vjs-selected:hover,
613.js-focus-visible .vjs-menu li.vjs-selected:hover {
7e3f6373 614 background-color: #fff;
411bbe6b
MP
615 color: #2B333F;
616}
7e3f6373
MG
617
618.vjs-menu li.vjs-menu-title {
619 text-align: center;
620 text-transform: uppercase;
621 font-size: 1em;
622 line-height: 2em;
623 padding: 0;
624 margin: 0 0 0.3em 0;
625 font-weight: bold;
411bbe6b
MP
626 cursor: default;
627}
7e3f6373
MG
628
629.vjs-menu-button-popup .vjs-menu {
630 display: none;
631 position: absolute;
632 bottom: 0;
633 width: 10em;
634 left: -3em;
635 height: 0em;
636 margin-bottom: 1.5em;
411bbe6b
MP
637 border-top-color: rgba(43, 51, 63, 0.7);
638}
7e3f6373
MG
639
640.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
641 background-color: #2B333F;
642 background-color: rgba(43, 51, 63, 0.7);
643 position: absolute;
644 width: 100%;
645 bottom: 1.5em;
411bbe6b
MP
646 max-height: 15em;
647}
7e3f6373 648
4487612c
TD
649.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
650.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
411bbe6b
MP
651 max-height: 5em;
652}
4487612c
TD
653
654.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
411bbe6b
MP
655 max-height: 10em;
656}
4487612c
TD
657
658.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
411bbe6b
MP
659 max-height: 14em;
660}
4487612c
TD
661
662.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
663.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
664.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
411bbe6b
MP
665 max-height: 25em;
666}
4487612c 667
411bbe6b 668.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
7e3f6373 669.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
411bbe6b
MP
670 display: block;
671}
7e3f6373
MG
672
673.video-js .vjs-menu-button-inline {
7e3f6373 674 transition: all 0.4s;
411bbe6b
MP
675 overflow: hidden;
676}
7e3f6373
MG
677
678.video-js .vjs-menu-button-inline:before {
411bbe6b
MP
679 width: 2.222222222em;
680}
7e3f6373
MG
681
682.video-js .vjs-menu-button-inline:hover,
683.video-js .vjs-menu-button-inline:focus,
684.video-js .vjs-menu-button-inline.vjs-slider-active,
685.video-js.vjs-no-flex .vjs-menu-button-inline {
411bbe6b
MP
686 width: 12em;
687}
7e3f6373 688
7e3f6373
MG
689.vjs-menu-button-inline .vjs-menu {
690 opacity: 0;
691 height: 100%;
692 width: auto;
693 position: absolute;
694 left: 4em;
695 top: 0;
696 padding: 0;
697 margin: 0;
411bbe6b
MP
698 transition: all 0.4s;
699}
7e3f6373
MG
700
701.vjs-menu-button-inline:hover .vjs-menu,
702.vjs-menu-button-inline:focus .vjs-menu,
703.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
704 display: block;
411bbe6b
MP
705 opacity: 1;
706}
7e3f6373
MG
707
708.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
709 display: block;
710 opacity: 1;
711 position: relative;
411bbe6b
MP
712 width: auto;
713}
7e3f6373
MG
714
715.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
716.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
717.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
411bbe6b
MP
718 width: auto;
719}
7e3f6373
MG
720
721.vjs-menu-button-inline .vjs-menu-content {
722 width: auto;
723 height: 100%;
724 margin: 0;
411bbe6b
MP
725 overflow: hidden;
726}
7e3f6373
MG
727
728.video-js .vjs-control-bar {
729 display: none;
730 width: 100%;
731 position: absolute;
732 bottom: 0;
733 left: 0;
734 right: 0;
411bbe6b 735 height: 3em;
7e3f6373 736 background-color: #2B333F;
411bbe6b
MP
737 background-color: rgba(43, 51, 63, 0.7);
738}
7e3f6373
MG
739
740.vjs-has-started .vjs-control-bar {
7e3f6373
MG
741 display: flex;
742 visibility: visible;
743 opacity: 1;
411bbe6b
MP
744 transition: visibility 0.1s, opacity 0.1s;
745}
7e3f6373
MG
746
747.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
748 visibility: visible;
749 opacity: 0;
411bbe6b
MP
750 transition: visibility 1s, opacity 1s;
751}
7e3f6373
MG
752
753.vjs-controls-disabled .vjs-control-bar,
754.vjs-using-native-controls .vjs-control-bar,
755.vjs-error .vjs-control-bar {
411bbe6b
MP
756 display: none !important;
757}
7e3f6373
MG
758
759.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
760 opacity: 1;
411bbe6b
MP
761 visibility: visible;
762}
7e3f6373 763
7e3f6373 764.vjs-has-started.vjs-no-flex .vjs-control-bar {
411bbe6b
MP
765 display: table;
766}
7e3f6373
MG
767
768.video-js .vjs-control {
7e3f6373
MG
769 position: relative;
770 text-align: center;
771 margin: 0;
772 padding: 0;
773 height: 100%;
774 width: 4em;
411bbe6b
MP
775 flex: none;
776}
ce1500a8
MG
777
778.vjs-button > .vjs-icon-placeholder:before {
779 font-size: 1.8em;
411bbe6b
MP
780 line-height: 1.67;
781}
7e3f6373
MG
782
783.video-js .vjs-control:focus:before,
784.video-js .vjs-control:hover:before,
785.video-js .vjs-control:focus {
411bbe6b
MP
786 text-shadow: 0em 0em 1em white;
787}
7e3f6373
MG
788
789.video-js .vjs-control-text {
790 border: 0;
791 clip: rect(0 0 0 0);
792 height: 1px;
7e3f6373
MG
793 overflow: hidden;
794 padding: 0;
795 position: absolute;
411bbe6b
MP
796 width: 1px;
797}
7e3f6373
MG
798
799.vjs-no-flex .vjs-control {
800 display: table-cell;
411bbe6b
MP
801 vertical-align: middle;
802}
7e3f6373
MG
803
804.video-js .vjs-custom-control-spacer {
411bbe6b
MP
805 display: none;
806}
7e3f6373
MG
807
808.video-js .vjs-progress-control {
ce1500a8 809 cursor: pointer;
7e3f6373 810 flex: auto;
7e3f6373 811 display: flex;
7e3f6373 812 align-items: center;
4487612c 813 min-width: 4em;
411bbe6b
MP
814 touch-action: none;
815}
4487612c
TD
816
817.video-js .vjs-progress-control.disabled {
411bbe6b
MP
818 cursor: default;
819}
7e3f6373
MG
820
821.vjs-live .vjs-progress-control {
411bbe6b
MP
822 display: none;
823}
7e3f6373 824
4487612c
TD
825.vjs-liveui .vjs-progress-control {
826 display: flex;
411bbe6b
MP
827 align-items: center;
828}
4487612c 829
ce1500a8 830.vjs-no-flex .vjs-progress-control {
411bbe6b
MP
831 width: auto;
832}
ce1500a8 833
7e3f6373 834.video-js .vjs-progress-holder {
7e3f6373 835 flex: auto;
7e3f6373 836 transition: all 0.2s;
411bbe6b
MP
837 height: 0.3em;
838}
7e3f6373 839
ce1500a8 840.video-js .vjs-progress-control .vjs-progress-holder {
411bbe6b
MP
841 margin: 0 10px;
842}
ce1500a8 843
7e3f6373 844.video-js .vjs-progress-control:hover .vjs-progress-holder {
411bbe6b
MP
845 font-size: 1.6666666667em;
846}
7e3f6373 847
4487612c 848.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
411bbe6b
MP
849 font-size: 1em;
850}
4487612c 851
7e3f6373
MG
852.video-js .vjs-progress-holder .vjs-play-progress,
853.video-js .vjs-progress-holder .vjs-load-progress,
7e3f6373
MG
854.video-js .vjs-progress-holder .vjs-load-progress div {
855 position: absolute;
856 display: block;
ce1500a8 857 height: 100%;
7e3f6373
MG
858 margin: 0;
859 padding: 0;
411bbe6b
MP
860 width: 0;
861}
7e3f6373 862
7e3f6373 863.video-js .vjs-play-progress {
411bbe6b
MP
864 background-color: #fff;
865}
866.video-js .vjs-play-progress:before {
867 font-size: 0.9em;
868 position: absolute;
869 right: -0.5em;
870 top: -0.3333333333em;
871 z-index: 1;
872}
7e3f6373
MG
873
874.video-js .vjs-load-progress {
411bbe6b
MP
875 background: rgba(115, 133, 159, 0.5);
876}
7e3f6373
MG
877
878.video-js .vjs-load-progress div {
411bbe6b
MP
879 background: rgba(115, 133, 159, 0.75);
880}
7e3f6373 881
7e3f6373 882.video-js .vjs-time-tooltip {
ce1500a8
MG
883 background-color: #fff;
884 background-color: rgba(255, 255, 255, 0.8);
ce1500a8
MG
885 border-radius: 0.3em;
886 color: #000;
7e3f6373 887 float: right;
ce1500a8
MG
888 font-family: Arial, Helvetica, sans-serif;
889 font-size: 1em;
890 padding: 6px 8px 8px 8px;
891 pointer-events: none;
4487612c 892 position: absolute;
ce1500a8
MG
893 top: -3.4em;
894 visibility: hidden;
411bbe6b
MP
895 z-index: 1;
896}
ce1500a8
MG
897
898.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
411bbe6b
MP
899 display: none;
900}
7e3f6373 901
ce1500a8
MG
902.video-js .vjs-progress-control:hover .vjs-time-tooltip,
903.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
904 display: block;
905 font-size: 0.6em;
411bbe6b
MP
906 visibility: visible;
907}
7e3f6373 908
4487612c 909.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
411bbe6b
MP
910 font-size: 1em;
911}
4487612c 912
7e3f6373
MG
913.video-js .vjs-progress-control .vjs-mouse-display {
914 display: none;
915 position: absolute;
916 width: 1px;
917 height: 100%;
918 background-color: #000;
411bbe6b
MP
919 z-index: 1;
920}
7e3f6373
MG
921
922.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
411bbe6b
MP
923 z-index: 0;
924}
7e3f6373
MG
925
926.video-js .vjs-progress-control:hover .vjs-mouse-display {
411bbe6b
MP
927 display: block;
928}
7e3f6373 929
ce1500a8 930.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
7e3f6373
MG
931 visibility: hidden;
932 opacity: 0;
411bbe6b
MP
933 transition: visibility 1s, opacity 1s;
934}
7e3f6373 935
ce1500a8 936.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
411bbe6b
MP
937 display: none;
938}
7e3f6373 939
ce1500a8 940.vjs-mouse-display .vjs-time-tooltip {
7e3f6373
MG
941 color: #fff;
942 background-color: #000;
411bbe6b
MP
943 background-color: rgba(0, 0, 0, 0.8);
944}
7e3f6373
MG
945
946.video-js .vjs-slider {
7e3f6373
MG
947 position: relative;
948 cursor: pointer;
949 padding: 0;
950 margin: 0 0.45em 0 0.45em;
4487612c
TD
951 /* iOS Safari */
952 -webkit-touch-callout: none;
953 /* Safari */
ce1500a8 954 -webkit-user-select: none;
4487612c
TD
955 /* Konqueror HTML */
956 /* Firefox */
ce1500a8 957 -moz-user-select: none;
4487612c 958 /* Internet Explorer/Edge */
ce1500a8 959 -ms-user-select: none;
4487612c 960 /* Non-prefixed version, currently supported by Chrome and Opera */
ce1500a8 961 user-select: none;
7e3f6373 962 background-color: #73859f;
411bbe6b
MP
963 background-color: rgba(115, 133, 159, 0.5);
964}
7e3f6373 965
4487612c 966.video-js .vjs-slider.disabled {
411bbe6b
MP
967 cursor: default;
968}
4487612c 969
7e3f6373
MG
970.video-js .vjs-slider:focus {
971 text-shadow: 0em 0em 1em white;
411bbe6b
MP
972 box-shadow: 0 0 1em #fff;
973}
7e3f6373 974
ce1500a8 975.video-js .vjs-mute-control {
7e3f6373 976 cursor: pointer;
411bbe6b
MP
977 flex: none;
978}
7e3f6373 979.video-js .vjs-volume-control {
ce1500a8
MG
980 cursor: pointer;
981 margin-right: 1em;
411bbe6b
MP
982 display: flex;
983}
ce1500a8
MG
984
985.video-js .vjs-volume-control.vjs-volume-horizontal {
411bbe6b
MP
986 width: 5em;
987}
ce1500a8
MG
988
989.video-js .vjs-volume-panel .vjs-volume-control {
990 visibility: visible;
991 opacity: 0;
992 width: 1px;
993 height: 1px;
411bbe6b
MP
994 margin-left: -1px;
995}
ce1500a8 996
ce1500a8 997.video-js .vjs-volume-panel {
411bbe6b
MP
998 transition: width 1s;
999}
1000.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
1001 visibility: visible;
1002 opacity: 1;
1003 position: relative;
1004 transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1005}
1006.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
1007 width: 5em;
1008 height: 3em;
1009 margin-right: 0;
1010}
1011.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
1012 left: -3.5em;
1013 transition: left 0s;
1014}
1015.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1016 width: 10em;
1017 transition: width 0.1s;
1018}
1019.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1020 width: 4em;
1021}
ce1500a8
MG
1022
1023.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1024 height: 8em;
1025 width: 3em;
4487612c 1026 left: -3000em;
411bbe6b
MP
1027 transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1028}
ce1500a8
MG
1029
1030.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
411bbe6b
MP
1031 transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1032}
ce1500a8
MG
1033
1034.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
7e3f6373 1035 width: 5em;
ce1500a8
MG
1036 height: 3em;
1037 visibility: visible;
1038 opacity: 1;
1039 position: relative;
411bbe6b
MP
1040 transition: none;
1041}
ce1500a8
MG
1042
1043.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1044.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1045 position: absolute;
1046 bottom: 3em;
411bbe6b
MP
1047 left: 0.5em;
1048}
ce1500a8
MG
1049
1050.video-js .vjs-volume-panel {
411bbe6b
MP
1051 display: flex;
1052}
7e3f6373
MG
1053
1054.video-js .vjs-volume-bar {
411bbe6b
MP
1055 margin: 1.35em 0.45em;
1056}
7e3f6373
MG
1057
1058.vjs-volume-bar.vjs-slider-horizontal {
1059 width: 5em;
411bbe6b
MP
1060 height: 0.3em;
1061}
7e3f6373
MG
1062
1063.vjs-volume-bar.vjs-slider-vertical {
1064 width: 0.3em;
1065 height: 5em;
411bbe6b
MP
1066 margin: 1.35em auto;
1067}
7e3f6373
MG
1068
1069.video-js .vjs-volume-level {
1070 position: absolute;
1071 bottom: 0;
1072 left: 0;
411bbe6b
MP
1073 background-color: #fff;
1074}
1075.video-js .vjs-volume-level:before {
1076 position: absolute;
1077 font-size: 0.9em;
1078}
7e3f6373
MG
1079
1080.vjs-slider-vertical .vjs-volume-level {
411bbe6b
MP
1081 width: 0.3em;
1082}
1083.vjs-slider-vertical .vjs-volume-level:before {
1084 top: -0.5em;
1085 left: -0.3em;
1086}
7e3f6373
MG
1087
1088.vjs-slider-horizontal .vjs-volume-level {
411bbe6b
MP
1089 height: 0.3em;
1090}
1091.vjs-slider-horizontal .vjs-volume-level:before {
1092 top: -0.3em;
1093 right: -0.5em;
1094}
7e3f6373 1095
ce1500a8 1096.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
411bbe6b
MP
1097 width: 4em;
1098}
ce1500a8 1099
7e3f6373 1100.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
411bbe6b
MP
1101 height: 100%;
1102}
7e3f6373
MG
1103
1104.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
411bbe6b
MP
1105 width: 100%;
1106}
7e3f6373 1107
ce1500a8
MG
1108.video-js .vjs-volume-vertical {
1109 width: 3em;
7e3f6373 1110 height: 8em;
ce1500a8
MG
1111 bottom: 8em;
1112 background-color: #2B333F;
411bbe6b
MP
1113 background-color: rgba(43, 51, 63, 0.7);
1114}
7e3f6373 1115
ce1500a8 1116.video-js .vjs-volume-horizontal .vjs-menu {
411bbe6b
MP
1117 left: -2em;
1118}
7e3f6373
MG
1119
1120.vjs-poster {
1121 display: inline-block;
1122 vertical-align: middle;
1123 background-repeat: no-repeat;
1124 background-position: 50% 50%;
1125 background-size: contain;
1126 background-color: #000000;
1127 cursor: pointer;
1128 margin: 0;
1129 padding: 0;
1130 position: absolute;
1131 top: 0;
1132 right: 0;
1133 bottom: 0;
1134 left: 0;
411bbe6b
MP
1135 height: 100%;
1136}
7e3f6373 1137
7e3f6373 1138.vjs-has-started .vjs-poster {
411bbe6b
MP
1139 display: none;
1140}
7e3f6373
MG
1141
1142.vjs-audio.vjs-has-started .vjs-poster {
411bbe6b
MP
1143 display: block;
1144}
7e3f6373 1145
7e3f6373 1146.vjs-using-native-controls .vjs-poster {
411bbe6b
MP
1147 display: none;
1148}
7e3f6373
MG
1149
1150.video-js .vjs-live-control {
7e3f6373 1151 display: flex;
7e3f6373 1152 align-items: flex-start;
7e3f6373
MG
1153 flex: auto;
1154 font-size: 1em;
411bbe6b
MP
1155 line-height: 3em;
1156}
7e3f6373
MG
1157
1158.vjs-no-flex .vjs-live-control {
1159 display: table-cell;
1160 width: auto;
411bbe6b
MP
1161 text-align: left;
1162}
7e3f6373 1163
4487612c
TD
1164.video-js:not(.vjs-live) .vjs-live-control,
1165.video-js.vjs-liveui .vjs-live-control {
411bbe6b
MP
1166 display: none;
1167}
4487612c
TD
1168
1169.video-js .vjs-seek-to-live-control {
1170 cursor: pointer;
1171 flex: none;
1172 display: inline-flex;
1173 height: 100%;
1174 padding-left: 0.5em;
1175 padding-right: 0.5em;
1176 font-size: 1em;
1177 line-height: 3em;
1178 width: auto;
411bbe6b
MP
1179 min-width: 4em;
1180}
4487612c
TD
1181
1182.vjs-no-flex .vjs-seek-to-live-control {
1183 display: table-cell;
1184 width: auto;
411bbe6b
MP
1185 text-align: left;
1186}
4487612c
TD
1187
1188.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1189.video-js:not(.vjs-live) .vjs-seek-to-live-control {
411bbe6b
MP
1190 display: none;
1191}
4487612c
TD
1192
1193.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
411bbe6b
MP
1194 cursor: auto;
1195}
4487612c
TD
1196
1197.vjs-seek-to-live-control .vjs-icon-placeholder {
1198 margin-right: 0.5em;
411bbe6b
MP
1199 color: #888;
1200}
4487612c
TD
1201
1202.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
411bbe6b
MP
1203 color: red;
1204}
4487612c 1205
7e3f6373 1206.video-js .vjs-time-control {
7e3f6373
MG
1207 flex: none;
1208 font-size: 1em;
1209 line-height: 3em;
1210 min-width: 2em;
1211 width: auto;
1212 padding-left: 1em;
411bbe6b
MP
1213 padding-right: 1em;
1214}
7e3f6373
MG
1215
1216.vjs-live .vjs-time-control {
411bbe6b
MP
1217 display: none;
1218}
7e3f6373
MG
1219
1220.video-js .vjs-current-time,
1221.vjs-no-flex .vjs-current-time {
411bbe6b
MP
1222 display: none;
1223}
7e3f6373
MG
1224
1225.video-js .vjs-duration,
1226.vjs-no-flex .vjs-duration {
411bbe6b
MP
1227 display: none;
1228}
7e3f6373
MG
1229
1230.vjs-time-divider {
1231 display: none;
411bbe6b
MP
1232 line-height: 3em;
1233}
7e3f6373
MG
1234
1235.vjs-live .vjs-time-divider {
411bbe6b
MP
1236 display: none;
1237}
7e3f6373 1238
4487612c 1239.video-js .vjs-play-control {
411bbe6b
MP
1240 cursor: pointer;
1241}
4487612c 1242
ce1500a8 1243.video-js .vjs-play-control .vjs-icon-placeholder {
411bbe6b
MP
1244 flex: none;
1245}
7e3f6373
MG
1246
1247.vjs-text-track-display {
1248 position: absolute;
1249 bottom: 3em;
1250 left: 0;
1251 right: 0;
1252 top: 0;
411bbe6b
MP
1253 pointer-events: none;
1254}
7e3f6373
MG
1255
1256.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
411bbe6b
MP
1257 bottom: 1em;
1258}
7e3f6373
MG
1259
1260.video-js .vjs-text-track {
1261 font-size: 1.4em;
1262 text-align: center;
411bbe6b
MP
1263 margin-bottom: 0.1em;
1264}
7e3f6373
MG
1265
1266.vjs-subtitles {
411bbe6b
MP
1267 color: #fff;
1268}
7e3f6373
MG
1269
1270.vjs-captions {
411bbe6b
MP
1271 color: #fc6;
1272}
7e3f6373
MG
1273
1274.vjs-tt-cue {
411bbe6b
MP
1275 display: block;
1276}
7e3f6373
MG
1277
1278video::-webkit-media-text-track-display {
411bbe6b
MP
1279 transform: translateY(-3em);
1280}
7e3f6373
MG
1281
1282.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
411bbe6b
MP
1283 transform: translateY(-1.5em);
1284}
7e3f6373 1285
411bbe6b
MP
1286.video-js .vjs-picture-in-picture-control {
1287 cursor: pointer;
1288 flex: none;
1289}
7e3f6373
MG
1290.video-js .vjs-fullscreen-control {
1291 cursor: pointer;
411bbe6b
MP
1292 flex: none;
1293}
ce1500a8 1294.vjs-playback-rate > .vjs-menu-button,
7e3f6373 1295.vjs-playback-rate .vjs-playback-rate-value {
7e3f6373
MG
1296 position: absolute;
1297 top: 0;
1298 left: 0;
1299 width: 100%;
411bbe6b
MP
1300 height: 100%;
1301}
ce1500a8
MG
1302
1303.vjs-playback-rate .vjs-playback-rate-value {
1304 pointer-events: none;
1305 font-size: 1.5em;
1306 line-height: 2;
411bbe6b
MP
1307 text-align: center;
1308}
7e3f6373
MG
1309
1310.vjs-playback-rate .vjs-menu {
1311 width: 4em;
411bbe6b
MP
1312 left: 0em;
1313}
7e3f6373
MG
1314
1315.vjs-error .vjs-error-display .vjs-modal-dialog-content {
1316 font-size: 1.4em;
411bbe6b
MP
1317 text-align: center;
1318}
7e3f6373
MG
1319
1320.vjs-error .vjs-error-display:before {
1321 color: #fff;
411bbe6b 1322 content: "X";
7e3f6373
MG
1323 font-family: Arial, Helvetica, sans-serif;
1324 font-size: 4em;
1325 left: 0;
1326 line-height: 1;
1327 margin-top: -0.5em;
1328 position: absolute;
1329 text-shadow: 0.05em 0.05em 0.1em #000;
1330 text-align: center;
1331 top: 50%;
1332 vertical-align: middle;
411bbe6b
MP
1333 width: 100%;
1334}
7e3f6373
MG
1335
1336.vjs-loading-spinner {
1337 display: none;
1338 position: absolute;
1339 top: 50%;
1340 left: 50%;
1341 margin: -25px 0 0 -25px;
1342 opacity: 0.85;
1343 text-align: left;
1344 border: 6px solid rgba(43, 51, 63, 0.7);
1345 box-sizing: border-box;
1346 background-clip: padding-box;
1347 width: 50px;
1348 height: 50px;
4487612c 1349 border-radius: 25px;
411bbe6b
MP
1350 visibility: hidden;
1351}
7e3f6373
MG
1352
1353.vjs-seeking .vjs-loading-spinner,
1354.vjs-waiting .vjs-loading-spinner {
4487612c
TD
1355 display: block;
1356 -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
411bbe6b
MP
1357 animation: vjs-spinner-show 0s linear 0.3s forwards;
1358}
7e3f6373
MG
1359
1360.vjs-loading-spinner:before,
1361.vjs-loading-spinner:after {
1362 content: "";
1363 position: absolute;
1364 margin: -6px;
1365 box-sizing: inherit;
1366 width: inherit;
1367 height: inherit;
1368 border-radius: inherit;
1369 opacity: 1;
1370 border: inherit;
1371 border-color: transparent;
411bbe6b
MP
1372 border-top-color: white;
1373}
7e3f6373
MG
1374
1375.vjs-seeking .vjs-loading-spinner:before,
1376.vjs-seeking .vjs-loading-spinner:after,
1377.vjs-waiting .vjs-loading-spinner:before,
1378.vjs-waiting .vjs-loading-spinner:after {
1379 -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
411bbe6b
MP
1380 animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1381}
7e3f6373
MG
1382
1383.vjs-seeking .vjs-loading-spinner:before,
1384.vjs-waiting .vjs-loading-spinner:before {
411bbe6b
MP
1385 border-top-color: white;
1386}
7e3f6373
MG
1387
1388.vjs-seeking .vjs-loading-spinner:after,
1389.vjs-waiting .vjs-loading-spinner:after {
1390 border-top-color: white;
1391 -webkit-animation-delay: 0.44s;
411bbe6b
MP
1392 animation-delay: 0.44s;
1393}
7e3f6373 1394
4487612c
TD
1395@keyframes vjs-spinner-show {
1396 to {
411bbe6b
MP
1397 visibility: visible;
1398 }
1399}
4487612c
TD
1400@-webkit-keyframes vjs-spinner-show {
1401 to {
411bbe6b
MP
1402 visibility: visible;
1403 }
1404}
7e3f6373
MG
1405@keyframes vjs-spinner-spin {
1406 100% {
411bbe6b
MP
1407 transform: rotate(360deg);
1408 }
1409}
7e3f6373
MG
1410@-webkit-keyframes vjs-spinner-spin {
1411 100% {
411bbe6b
MP
1412 -webkit-transform: rotate(360deg);
1413 }
1414}
7e3f6373
MG
1415@keyframes vjs-spinner-fade {
1416 0% {
411bbe6b
MP
1417 border-top-color: #73859f;
1418 }
7e3f6373 1419 20% {
411bbe6b
MP
1420 border-top-color: #73859f;
1421 }
7e3f6373 1422 35% {
411bbe6b
MP
1423 border-top-color: white;
1424 }
7e3f6373 1425 60% {
411bbe6b
MP
1426 border-top-color: #73859f;
1427 }
7e3f6373 1428 100% {
411bbe6b
MP
1429 border-top-color: #73859f;
1430 }
1431}
7e3f6373
MG
1432@-webkit-keyframes vjs-spinner-fade {
1433 0% {
411bbe6b
MP
1434 border-top-color: #73859f;
1435 }
7e3f6373 1436 20% {
411bbe6b
MP
1437 border-top-color: #73859f;
1438 }
7e3f6373 1439 35% {
411bbe6b
MP
1440 border-top-color: white;
1441 }
7e3f6373 1442 60% {
411bbe6b
MP
1443 border-top-color: #73859f;
1444 }
7e3f6373 1445 100% {
411bbe6b
MP
1446 border-top-color: #73859f;
1447 }
1448}
7e3f6373 1449.vjs-chapters-button .vjs-menu ul {
411bbe6b
MP
1450 width: 24em;
1451}
7e3f6373 1452
ce1500a8 1453.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
4487612c
TD
1454 vertical-align: middle;
1455 display: inline-block;
411bbe6b
MP
1456 margin-bottom: -0.1em;
1457}
ce1500a8
MG
1458
1459.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1460 font-family: VideoJS;
411bbe6b 1461 content: "";
ce1500a8 1462 font-size: 1.5em;
411bbe6b
MP
1463 line-height: inherit;
1464}
ce1500a8 1465
4487612c
TD
1466.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1467 vertical-align: middle;
1468 display: inline-block;
411bbe6b
MP
1469 margin-bottom: -0.1em;
1470}
7e3f6373 1471
4487612c
TD
1472.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1473 font-family: VideoJS;
411bbe6b 1474 content: " ";
4487612c 1475 font-size: 1.5em;
411bbe6b
MP
1476 line-height: inherit;
1477}
7e3f6373 1478
4487612c
TD
1479.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
1480.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
1481.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
1482.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
1483.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
1484.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
1485.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
1486.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
1487.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
1488.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
1489.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
1490.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
1491.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
1492.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
1493.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
1494.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
1495.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
1496.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
1497.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
1498.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
1499.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
1500.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
1501.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
1502.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
1503.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
1504.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
1505.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
1506.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
1507.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
1508.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
1509.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
411bbe6b
MP
1510 display: none;
1511}
4487612c
TD
1512.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1513.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1514.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1515.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1516.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1517.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1518.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1519 width: auto;
411bbe6b
MP
1520 width: initial;
1521}
4487612c 1522.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
411bbe6b
MP
1523 display: none;
1524}
4487612c
TD
1525.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
1526 flex: auto;
411bbe6b
MP
1527 display: block;
1528}
4487612c 1529.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
411bbe6b
MP
1530 width: auto;
1531}
4487612c 1532.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
411bbe6b
MP
1533 display: none;
1534}
7e3f6373 1535
ce1500a8 1536.vjs-modal-dialog.vjs-text-track-settings {
7e3f6373
MG
1537 background-color: #2B333F;
1538 background-color: rgba(43, 51, 63, 0.75);
1539 color: #fff;
411bbe6b
MP
1540 height: 70%;
1541}
7e3f6373 1542
ce1500a8 1543.vjs-text-track-settings .vjs-modal-dialog-content {
411bbe6b
MP
1544 display: table;
1545}
7e3f6373 1546
ce1500a8
MG
1547.vjs-text-track-settings .vjs-track-settings-colors,
1548.vjs-text-track-settings .vjs-track-settings-font,
1549.vjs-text-track-settings .vjs-track-settings-controls {
411bbe6b
MP
1550 display: table-cell;
1551}
7e3f6373 1552
ce1500a8
MG
1553.vjs-text-track-settings .vjs-track-settings-controls {
1554 text-align: right;
411bbe6b
MP
1555 vertical-align: bottom;
1556}
7e3f6373 1557
4487612c
TD
1558@supports (display: grid) {
1559 .vjs-text-track-settings .vjs-modal-dialog-content {
1560 display: grid;
1561 grid-template-columns: 1fr 1fr;
1562 grid-template-rows: 1fr;
411bbe6b
MP
1563 padding: 20px 24px 0px 24px;
1564 }
1565
4487612c 1566 .vjs-track-settings-controls .vjs-default-button {
411bbe6b
MP
1567 margin-bottom: 20px;
1568 }
1569
4487612c 1570 .vjs-text-track-settings .vjs-track-settings-controls {
411bbe6b
MP
1571 grid-column: 1/-1;
1572 }
4487612c 1573
411bbe6b
MP
1574 .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1575.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1576.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1577 grid-template-columns: 1fr;
1578 }
1579}
4487612c
TD
1580.vjs-track-setting > select {
1581 margin-right: 1em;
411bbe6b
MP
1582 margin-bottom: 0.5em;
1583}
4487612c 1584
ce1500a8 1585.vjs-text-track-settings fieldset {
7e3f6373
MG
1586 margin: 5px;
1587 padding: 3px;
411bbe6b
MP
1588 border: none;
1589}
7e3f6373 1590
ce1500a8 1591.vjs-text-track-settings fieldset span {
411bbe6b
MP
1592 display: inline-block;
1593}
4487612c
TD
1594
1595.vjs-text-track-settings fieldset span > select {
411bbe6b
MP
1596 max-width: 7.3em;
1597}
7e3f6373 1598
ce1500a8
MG
1599.vjs-text-track-settings legend {
1600 color: #fff;
411bbe6b
MP
1601 margin: 0 0 5px 0;
1602}
7e3f6373 1603
ce1500a8 1604.vjs-text-track-settings .vjs-label {
7e3f6373
MG
1605 position: absolute;
1606 clip: rect(1px 1px 1px 1px);
7e3f6373 1607 clip: rect(1px, 1px, 1px, 1px);
ce1500a8
MG
1608 display: block;
1609 margin: 0 0 5px 0;
7e3f6373
MG
1610 padding: 0;
1611 border: 0;
1612 height: 1px;
1613 width: 1px;
411bbe6b
MP
1614 overflow: hidden;
1615}
7e3f6373 1616
ce1500a8
MG
1617.vjs-track-settings-controls button:focus,
1618.vjs-track-settings-controls button:active {
1619 outline-style: solid;
1620 outline-width: medium;
411bbe6b
MP
1621 background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1622}
7e3f6373 1623
ce1500a8 1624.vjs-track-settings-controls button:hover {
411bbe6b
MP
1625 color: rgba(43, 51, 63, 0.75);
1626}
7e3f6373 1627
ce1500a8
MG
1628.vjs-track-settings-controls button {
1629 background-color: #fff;
1630 background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1631 color: #2B333F;
1632 cursor: pointer;
411bbe6b
MP
1633 border-radius: 2px;
1634}
ce1500a8
MG
1635
1636.vjs-track-settings-controls .vjs-default-button {
411bbe6b
MP
1637 margin-right: 1em;
1638}
7e3f6373
MG
1639
1640@media print {
1641 .video-js > *:not(.vjs-tech):not(.vjs-poster) {
411bbe6b
MP
1642 visibility: hidden;
1643 }
1644}
4487612c
TD
1645.vjs-resize-manager {
1646 position: absolute;
1647 top: 0;
1648 left: 0;
1649 width: 100%;
1650 height: 100%;
1651 border: none;
411bbe6b
MP
1652 z-index: -1000;
1653}
4487612c
TD
1654
1655.js-focus-visible .video-js *:focus:not(.focus-visible) {
1656 outline: none;
411bbe6b
MP
1657 background: none;
1658}
4487612c
TD
1659
1660.video-js *:focus:not(:focus-visible),
1661.video-js .vjs-menu *:focus:not(:focus-visible) {
1662 outline: none;
411bbe6b
MP
1663 background: none;
1664}
d76dd4d0 1665
7e3f6373
MG
1666/* Modifications of player made by Moodle: */
1667
d76dd4d0
MG
1668/* Audio: https://github.com/videojs/video.js/issues/2777 */
1669
7e3f6373
MG
1670/* Audio: Remove big play button (leave only the button in controls). */
1671.video-js.vjs-audio .vjs-big-play-button {
1672 display: none;
1673}
1674/* Audio: Make the controlbar visible by default */
1675.video-js.vjs-audio .vjs-control-bar {
1676 display: -webkit-box;
1677 display: -webkit-flex;
1678 display: -ms-flexbox;
1679 display: flex;
1680}
1681/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
1682.video-js.vjs-audio {
1683 min-height: 3em;
1684}
1685/* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
1686.video-js.vjs-error {
1687 height: 150px;
d76dd4d0 1688}
4cf6871c
MG
1689/* Minimum height for videos should not be less than the size of play button. */
1690.mediaplugin_videojs video {
1691 min-height: 32px;
1692}
348db704
SR
1693
1694/* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */
1695
1696/* Prevent the progress bar from being flipped in RTL. */
817dee33 1697/*rtl:ignore*/
348db704
SR
1698.video-js .vjs-progress-holder .vjs-play-progress,
1699.video-js .vjs-progress-holder .vjs-load-progress,
1700.video-js .vjs-progress-holder .vjs-load-progress div {
1701 left: 0;
1702 right: auto;
1703}
1704/* Keep the video scrubber button at the end of the progress bar in RTL. */
817dee33 1705/*rtl:ignore*/
348db704
SR
1706.video-js .vjs-play-progress:before {
1707 left: auto;
1708 right: -0.5em;
1709}
1710/* Prevent the volume slider from being flipped in RTL. */
817dee33 1711/*rtl:ignore*/
348db704
SR
1712.video-js .vjs-volume-level {
1713 left: 0;
1714 right: auto;
1715}
1716/* Keep the volume slider handle at the end of the volume slider in RTL. */
817dee33 1717/*rtl:ignore*/
348db704
SR
1718.vjs-slider-horizontal .vjs-volume-level:before {
1719 left: auto;
1720 right: -0.5em;
411bbe6b 1721}