diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/master.scss | 45 | ||||
-rw-r--r-- | css/video-js.css | 1234 |
2 files changed, 1262 insertions, 17 deletions
diff --git a/css/master.scss b/css/master.scss index 2b837d96..cd3fd54f 100644 --- a/css/master.scss +++ b/css/master.scss | |||
@@ -1,35 +1,46 @@ | |||
1 | --- | 1 | --- |
2 | --- | 2 | --- |
3 | 3 | ||
4 | body { | 4 | @import "bootstrap/scss/bootstrap"; |
5 | background-color: #000; | 5 | |
6 | color: #fff; | 6 | html { |
7 | margin-top: 1rem; | 7 | height: 100%; |
8 | margin-bottom: 5rem; | ||
9 | } | 8 | } |
10 | 9 | ||
11 | video { | 10 | body { |
12 | max-width: 100%; | 11 | background: linear-gradient(to bottom right, #75d3e8, #3c84ac); |
12 | background-size: cover; | ||
13 | background-repeat: no-repeat; | ||
14 | background-attachment: fixed; | ||
15 | margin: 0; | ||
16 | height: 100%; | ||
13 | } | 17 | } |
14 | 18 | ||
15 | .text-center { | 19 | .navbar-light { |
16 | text-align: center; | 20 | margin-bottom: 1rem; |
21 | |||
22 | .navbar-nav .nav-link { | ||
23 | color: rgba(0, 0, 0, 0.8); | ||
24 | text-decoration: underline; | ||
25 | } | ||
17 | } | 26 | } |
18 | 27 | ||
19 | hr { | 28 | .main a { |
20 | border-color: white; | 29 | color: darken(#014c8c, 10); |
30 | text-decoration: underline; | ||
21 | } | 31 | } |
22 | 32 | ||
23 | .table-success { | 33 | video { |
24 | background-color: green; | 34 | max-width: 100%; |
35 | box-shadow: 0 0 3px 3px #444; | ||
25 | } | 36 | } |
26 | 37 | ||
27 | .table-danger { | 38 | .text-center { |
28 | background-color: darken(red, 10); | 39 | text-align: center; |
29 | } | 40 | } |
30 | 41 | ||
31 | nav { | 42 | hr { |
32 | background: black; | 43 | border-color: white; |
33 | } | 44 | } |
34 | 45 | ||
35 | #logo { | 46 | #logo { |
diff --git a/css/video-js.css b/css/video-js.css new file mode 100644 index 00000000..faedac77 --- /dev/null +++ b/css/video-js.css | |||
@@ -0,0 +1,1234 @@ | |||
1 | .video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content { | ||
2 | position: absolute; | ||
3 | top: 0; | ||
4 | left: 0; | ||
5 | width: 100%; | ||
6 | height: 100%; } | ||
7 | |||
8 | .video-js .vjs-big-play-button:before, .video-js .vjs-control:before { | ||
9 | text-align: center; } | ||
10 | |||
11 | @font-face { | ||
12 | font-family: VideoJS; | ||
13 | src: url("../font/1.5.1/VideoJS.eot?#iefix") format("eot"); } | ||
14 | |||
15 | @font-face { | ||
16 | font-family: VideoJS; | ||
17 | src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype"); | ||
18 | font-weight: normal; | ||
19 | font-style: normal; } | ||
20 | |||
21 | .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { | ||
22 | font-family: VideoJS; | ||
23 | font-weight: normal; | ||
24 | font-style: normal; } | ||
25 | .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before { | ||
26 | content: '\f101'; } | ||
27 | |||
28 | .vjs-icon-play-circle { | ||
29 | font-family: VideoJS; | ||
30 | font-weight: normal; | ||
31 | font-style: normal; } | ||
32 | .vjs-icon-play-circle:before { | ||
33 | content: '\f102'; } | ||
34 | |||
35 | .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing { | ||
36 | font-family: VideoJS; | ||
37 | font-weight: normal; | ||
38 | font-style: normal; } | ||
39 | .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before { | ||
40 | content: '\f103'; } | ||
41 | |||
42 | .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, | ||
43 | .video-js .vjs-volume-menu-button.vjs-vol-0 { | ||
44 | font-family: VideoJS; | ||
45 | font-weight: normal; | ||
46 | font-style: normal; } | ||
47 | .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, | ||
48 | .video-js .vjs-volume-menu-button.vjs-vol-0:before { | ||
49 | content: '\f104'; } | ||
50 | |||
51 | .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, | ||
52 | .video-js .vjs-volume-menu-button.vjs-vol-1 { | ||
53 | font-family: VideoJS; | ||
54 | font-weight: normal; | ||
55 | font-style: normal; } | ||
56 | .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, | ||
57 | .video-js .vjs-volume-menu-button.vjs-vol-1:before { | ||
58 | content: '\f105'; } | ||
59 | |||
60 | .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, | ||
61 | .video-js .vjs-volume-menu-button.vjs-vol-2 { | ||
62 | font-family: VideoJS; | ||
63 | font-weight: normal; | ||
64 | font-style: normal; } | ||
65 | .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, | ||
66 | .video-js .vjs-volume-menu-button.vjs-vol-2:before { | ||
67 | content: '\f106'; } | ||
68 | |||
69 | .vjs-icon-volume-high, .video-js .vjs-mute-control, | ||
70 | .video-js .vjs-volume-menu-button { | ||
71 | font-family: VideoJS; | ||
72 | font-weight: normal; | ||
73 | font-style: normal; } | ||
74 | .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, | ||
75 | .video-js .vjs-volume-menu-button:before { | ||
76 | content: '\f107'; } | ||
77 | |||
78 | .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control { | ||
79 | font-family: VideoJS; | ||
80 | font-weight: normal; | ||
81 | font-style: normal; } | ||
82 | .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before { | ||
83 | content: '\f108'; } | ||
84 | |||
85 | .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control { | ||
86 | font-family: VideoJS; | ||
87 | font-weight: normal; | ||
88 | font-style: normal; } | ||
89 | .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before { | ||
90 | content: '\f109'; } | ||
91 | |||
92 | .vjs-icon-square { | ||
93 | font-family: VideoJS; | ||
94 | font-weight: normal; | ||
95 | font-style: normal; } | ||
96 | .vjs-icon-square:before { | ||
97 | content: '\f10a'; } | ||
98 | |||
99 | .vjs-icon-spinner { | ||
100 | font-family: VideoJS; | ||
101 | font-weight: normal; | ||
102 | font-style: normal; } | ||
103 | .vjs-icon-spinner:before { | ||
104 | content: '\f10b'; } | ||
105 | |||
106 | .vjs-icon-subtitles, .video-js .vjs-subtitles-button { | ||
107 | font-family: VideoJS; | ||
108 | font-weight: normal; | ||
109 | font-style: normal; } | ||
110 | .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before { | ||
111 | content: '\f10c'; } | ||
112 | |||
113 | .vjs-icon-captions, .video-js .vjs-captions-button { | ||
114 | font-family: VideoJS; | ||
115 | font-weight: normal; | ||
116 | font-style: normal; } | ||
117 | .vjs-icon-captions:before, .video-js .vjs-captions-button:before { | ||
118 | content: '\f10d'; } | ||
119 | |||
120 | .vjs-icon-chapters, .video-js .vjs-chapters-button { | ||
121 | font-family: VideoJS; | ||
122 | font-weight: normal; | ||
123 | font-style: normal; } | ||
124 | .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before { | ||
125 | content: '\f10e'; } | ||
126 | |||
127 | .vjs-icon-share { | ||
128 | font-family: VideoJS; | ||
129 | font-weight: normal; | ||
130 | font-style: normal; } | ||
131 | .vjs-icon-share:before { | ||
132 | content: '\f10f'; } | ||
133 | |||
134 | .vjs-icon-cog { | ||
135 | font-family: VideoJS; | ||
136 | font-weight: normal; | ||
137 | font-style: normal; } | ||
138 | .vjs-icon-cog:before { | ||
139 | content: '\f110'; } | ||
140 | |||
141 | .vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level { | ||
142 | font-family: VideoJS; | ||
143 | font-weight: normal; | ||
144 | font-style: normal; } | ||
145 | .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { | ||
146 | content: '\f111'; } | ||
147 | |||
148 | .vjs-icon-circle-outline { | ||
149 | font-family: VideoJS; | ||
150 | font-weight: normal; | ||
151 | font-style: normal; } | ||
152 | .vjs-icon-circle-outline:before { | ||
153 | content: '\f112'; } | ||
154 | |||
155 | .vjs-icon-circle-inner-circle { | ||
156 | font-family: VideoJS; | ||
157 | font-weight: normal; | ||
158 | font-style: normal; } | ||
159 | .vjs-icon-circle-inner-circle:before { | ||
160 | content: '\f113'; } | ||
161 | |||
162 | .vjs-icon-hd { | ||
163 | font-family: VideoJS; | ||
164 | font-weight: normal; | ||
165 | font-style: normal; } | ||
166 | .vjs-icon-hd:before { | ||
167 | content: '\f114'; } | ||
168 | |||
169 | .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button { | ||
170 | font-family: VideoJS; | ||
171 | font-weight: normal; | ||
172 | font-style: normal; } | ||
173 | .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before { | ||
174 | content: '\f115'; } | ||
175 | |||
176 | .vjs-icon-replay { | ||
177 | font-family: VideoJS; | ||
178 | font-weight: normal; | ||
179 | font-style: normal; } | ||
180 | .vjs-icon-replay:before { | ||
181 | content: '\f116'; } | ||
182 | |||
183 | .vjs-icon-facebook { | ||
184 | font-family: VideoJS; | ||
185 | font-weight: normal; | ||
186 | font-style: normal; } | ||
187 | .vjs-icon-facebook:before { | ||
188 | content: '\f117'; } | ||
189 | |||
190 | .vjs-icon-gplus { | ||
191 | font-family: VideoJS; | ||
192 | font-weight: normal; | ||
193 | font-style: normal; } | ||
194 | .vjs-icon-gplus:before { | ||
195 | content: '\f118'; } | ||
196 | |||
197 | .vjs-icon-linkedin { | ||
198 | font-family: VideoJS; | ||
199 | font-weight: normal; | ||
200 | font-style: normal; } | ||
201 | .vjs-icon-linkedin:before { | ||
202 | content: '\f119'; } | ||
203 | |||
204 | .vjs-icon-twitter { | ||
205 | font-family: VideoJS; | ||
206 | font-weight: normal; | ||
207 | font-style: normal; } | ||
208 | .vjs-icon-twitter:before { | ||
209 | content: '\f11a'; } | ||
210 | |||
211 | .vjs-icon-tumblr { | ||
212 | font-family: VideoJS; | ||
213 | font-weight: normal; | ||
214 | font-style: normal; } | ||
215 | .vjs-icon-tumblr:before { | ||
216 | content: '\f11b'; } | ||
217 | |||
218 | .vjs-icon-pinterest { | ||
219 | font-family: VideoJS; | ||
220 | font-weight: normal; | ||
221 | font-style: normal; } | ||
222 | .vjs-icon-pinterest:before { | ||
223 | content: '\f11c'; } | ||
224 | |||
225 | .vjs-icon-audio-description { | ||
226 | font-family: VideoJS; | ||
227 | font-weight: normal; | ||
228 | font-style: normal; } | ||
229 | .vjs-icon-audio-description:before { | ||
230 | content: '\f11d'; } | ||
231 | |||
232 | .video-js { | ||
233 | display: block; | ||
234 | vertical-align: top; | ||
235 | box-sizing: border-box; | ||
236 | color: #fff; | ||
237 | background-color: #000; | ||
238 | position: relative; | ||
239 | padding: 0; | ||
240 | font-size: 10px; | ||
241 | line-height: 1; | ||
242 | font-weight: normal; | ||
243 | font-style: normal; | ||
244 | font-family: Arial, Helvetica, sans-serif; | ||
245 | -webkit-user-select: none; | ||
246 | -moz-user-select: none; | ||
247 | -ms-user-select: none; | ||
248 | user-select: none; } | ||
249 | .video-js:-moz-full-screen { | ||
250 | position: absolute; } | ||
251 | .video-js:-webkit-full-screen { | ||
252 | width: 100% !important; | ||
253 | height: 100% !important; } | ||
254 | |||
255 | .video-js *, | ||
256 | .video-js *:before, | ||
257 | .video-js *:after { | ||
258 | box-sizing: inherit; } | ||
259 | |||
260 | .video-js ul { | ||
261 | font-family: inherit; | ||
262 | font-size: inherit; | ||
263 | line-height: inherit; | ||
264 | list-style-position: outside; | ||
265 | margin-left: 0; | ||
266 | margin-right: 0; | ||
267 | margin-top: 0; | ||
268 | margin-bottom: 0; } | ||
269 | |||
270 | .video-js.vjs-fluid, | ||
271 | .video-js.vjs-16-9, | ||
272 | .video-js.vjs-4-3 { | ||
273 | width: 100%; | ||
274 | max-width: 100%; | ||
275 | height: 0; } | ||
276 | |||
277 | .video-js.vjs-16-9 { | ||
278 | padding-top: 56.25%; } | ||
279 | |||
280 | .video-js.vjs-4-3 { | ||
281 | padding-top: 75%; } | ||
282 | |||
283 | .video-js.vjs-fill { | ||
284 | width: 100%; | ||
285 | height: 100%; } | ||
286 | |||
287 | .video-js .vjs-tech { | ||
288 | position: absolute; | ||
289 | top: 0; | ||
290 | left: 0; | ||
291 | width: 100%; | ||
292 | height: 100%; } | ||
293 | |||
294 | body.vjs-full-window { | ||
295 | padding: 0; | ||
296 | margin: 0; | ||
297 | height: 100%; | ||
298 | overflow-y: auto; } | ||
299 | |||
300 | .vjs-full-window .video-js.vjs-fullscreen { | ||
301 | position: fixed; | ||
302 | overflow: hidden; | ||
303 | z-index: 1000; | ||
304 | left: 0; | ||
305 | top: 0; | ||
306 | bottom: 0; | ||
307 | right: 0; } | ||
308 | |||
309 | .video-js.vjs-fullscreen { | ||
310 | width: 100% !important; | ||
311 | height: 100% !important; | ||
312 | padding-top: 0 !important; } | ||
313 | |||
314 | .video-js.vjs-fullscreen.vjs-user-inactive { | ||
315 | cursor: none; } | ||
316 | |||
317 | .vjs-hidden { | ||
318 | display: none !important; } | ||
319 | |||
320 | .video-js .vjs-offscreen { | ||
321 | height: 1px; | ||
322 | left: -9999px; | ||
323 | position: absolute; | ||
324 | top: 0; | ||
325 | width: 1px; } | ||
326 | |||
327 | .vjs-lock-showing { | ||
328 | display: block !important; | ||
329 | opacity: 1; | ||
330 | visibility: visible; } | ||
331 | |||
332 | .vjs-no-js { | ||
333 | padding: 20px; | ||
334 | color: #fff; | ||
335 | background-color: #000; | ||
336 | font-size: 18px; | ||
337 | font-family: Arial, Helvetica, sans-serif; | ||
338 | text-align: center; | ||
339 | width: 300px; | ||
340 | height: 150px; | ||
341 | margin: 0px auto; } | ||
342 | |||
343 | .vjs-no-js a, | ||
344 | .vjs-no-js a:visited { | ||
345 | color: #66A8CC; } | ||
346 | |||
347 | .video-js .vjs-big-play-button { | ||
348 | font-size: 3em; | ||
349 | line-height: 1.5em; | ||
350 | height: 1.5em; | ||
351 | width: 3em; | ||
352 | display: block; | ||
353 | position: absolute; | ||
354 | top: 10px; | ||
355 | left: 10px; | ||
356 | padding: 0; | ||
357 | cursor: pointer; | ||
358 | opacity: 1; | ||
359 | border: 0.06666em solid #fff; | ||
360 | background-color: #2B333F; | ||
361 | background-color: rgba(43, 51, 63, 0.7); | ||
362 | -webkit-border-radius: 0.3em; | ||
363 | -moz-border-radius: 0.3em; | ||
364 | border-radius: 0.3em; | ||
365 | -webkit-transition: all 0.4s; | ||
366 | -moz-transition: all 0.4s; | ||
367 | -o-transition: all 0.4s; | ||
368 | transition: all 0.4s; } | ||
369 | |||
370 | .vjs-big-play-centered .vjs-big-play-button { | ||
371 | top: 50%; | ||
372 | left: 50%; | ||
373 | margin-top: -0.75em; | ||
374 | margin-left: -1.5em; } | ||
375 | |||
376 | .video-js:hover .vjs-big-play-button, | ||
377 | .video-js .vjs-big-play-button:focus { | ||
378 | outline: 0; | ||
379 | border-color: #fff; | ||
380 | background-color: #73859f; | ||
381 | background-color: rgba(115, 133, 159, 0.5); | ||
382 | -webkit-transition: all 0s; | ||
383 | -moz-transition: all 0s; | ||
384 | -o-transition: all 0s; | ||
385 | transition: all 0s; } | ||
386 | |||
387 | .vjs-controls-disabled .vjs-big-play-button, | ||
388 | .vjs-has-started .vjs-big-play-button, | ||
389 | .vjs-using-native-controls .vjs-big-play-button, | ||
390 | .vjs-error .vjs-big-play-button { | ||
391 | display: none; } | ||
392 | |||
393 | .video-js button { | ||
394 | background: none; | ||
395 | border: none; | ||
396 | color: inherit; | ||
397 | display: inline-block; | ||
398 | overflow: visible; | ||
399 | font-size: inherit; | ||
400 | line-height: inherit; | ||
401 | text-transform: none; | ||
402 | text-decoration: none; | ||
403 | transition: none; | ||
404 | -webkit-appearance: none; | ||
405 | -moz-appearance: none; | ||
406 | appearance: none; } | ||
407 | |||
408 | .video-js .vjs-control.vjs-close-button { | ||
409 | cursor: pointer; | ||
410 | height: 3em; | ||
411 | position: absolute; | ||
412 | right: 0; | ||
413 | top: 0.5em; | ||
414 | z-index: 2; } | ||
415 | |||
416 | .vjs-menu-button { | ||
417 | cursor: pointer; } | ||
418 | |||
419 | .vjs-menu .vjs-menu-content { | ||
420 | display: block; | ||
421 | padding: 0; | ||
422 | margin: 0; | ||
423 | overflow: auto; } | ||
424 | |||
425 | .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { | ||
426 | display: none; } | ||
427 | |||
428 | .vjs-menu li { | ||
429 | list-style: none; | ||
430 | margin: 0; | ||
431 | padding: 0.2em 0; | ||
432 | line-height: 1.4em; | ||
433 | font-size: 1.2em; | ||
434 | text-align: center; | ||
435 | text-transform: lowercase; } | ||
436 | |||
437 | .vjs-menu li:focus, | ||
438 | .vjs-menu li:hover { | ||
439 | outline: 0; | ||
440 | background-color: #73859f; | ||
441 | background-color: rgba(115, 133, 159, 0.5); } | ||
442 | |||
443 | .vjs-menu li.vjs-selected, | ||
444 | .vjs-menu li.vjs-selected:focus, | ||
445 | .vjs-menu li.vjs-selected:hover { | ||
446 | background-color: #fff; | ||
447 | color: #2B333F; } | ||
448 | |||
449 | .vjs-menu li.vjs-menu-title { | ||
450 | text-align: center; | ||
451 | text-transform: uppercase; | ||
452 | font-size: 1em; | ||
453 | line-height: 2em; | ||
454 | padding: 0; | ||
455 | margin: 0 0 0.3em 0; | ||
456 | font-weight: bold; | ||
457 | cursor: default; } | ||
458 | |||
459 | .vjs-menu-button-popup .vjs-menu { | ||
460 | display: none; | ||
461 | position: absolute; | ||
462 | bottom: 0; | ||
463 | width: 10em; | ||
464 | left: -3em; | ||
465 | height: 0em; | ||
466 | margin-bottom: 1.5em; | ||
467 | border-top-color: rgba(43, 51, 63, 0.7); } | ||
468 | |||
469 | .vjs-menu-button-popup .vjs-menu .vjs-menu-content { | ||
470 | background-color: #2B333F; | ||
471 | background-color: rgba(43, 51, 63, 0.7); | ||
472 | position: absolute; | ||
473 | width: 100%; | ||
474 | bottom: 1.5em; | ||
475 | max-height: 15em; } | ||
476 | |||
477 | .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, | ||
478 | .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { | ||
479 | display: block; } | ||
480 | |||
481 | .video-js .vjs-menu-button-inline { | ||
482 | -webkit-transition: all 0.4s; | ||
483 | -moz-transition: all 0.4s; | ||
484 | -o-transition: all 0.4s; | ||
485 | transition: all 0.4s; | ||
486 | overflow: hidden; } | ||
487 | |||
488 | .video-js .vjs-menu-button-inline:before { | ||
489 | width: 2.222222222em; } | ||
490 | |||
491 | .video-js .vjs-menu-button-inline:hover, | ||
492 | .video-js .vjs-menu-button-inline:focus, | ||
493 | .video-js .vjs-menu-button-inline.vjs-slider-active, | ||
494 | .video-js.vjs-no-flex .vjs-menu-button-inline { | ||
495 | width: 12em; } | ||
496 | |||
497 | .video-js .vjs-menu-button-inline.vjs-slider-active { | ||
498 | -webkit-transition: none; | ||
499 | -moz-transition: none; | ||
500 | -o-transition: none; | ||
501 | transition: none; } | ||
502 | |||
503 | .vjs-menu-button-inline .vjs-menu { | ||
504 | opacity: 0; | ||
505 | height: 100%; | ||
506 | width: auto; | ||
507 | position: absolute; | ||
508 | left: 4em; | ||
509 | top: 0; | ||
510 | padding: 0; | ||
511 | margin: 0; | ||
512 | -webkit-transition: all 0.4s; | ||
513 | -moz-transition: all 0.4s; | ||
514 | -o-transition: all 0.4s; | ||
515 | transition: all 0.4s; } | ||
516 | |||
517 | .vjs-menu-button-inline:hover .vjs-menu, | ||
518 | .vjs-menu-button-inline:focus .vjs-menu, | ||
519 | .vjs-menu-button-inline.vjs-slider-active .vjs-menu { | ||
520 | display: block; | ||
521 | opacity: 1; } | ||
522 | |||
523 | .vjs-no-flex .vjs-menu-button-inline .vjs-menu { | ||
524 | display: block; | ||
525 | opacity: 1; | ||
526 | position: relative; | ||
527 | width: auto; } | ||
528 | |||
529 | .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, | ||
530 | .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, | ||
531 | .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { | ||
532 | width: auto; } | ||
533 | |||
534 | .vjs-menu-button-inline .vjs-menu-content { | ||
535 | width: auto; | ||
536 | height: 100%; | ||
537 | margin: 0; | ||
538 | overflow: hidden; } | ||
539 | |||
540 | .video-js .vjs-control-bar { | ||
541 | display: none; | ||
542 | width: 100%; | ||
543 | position: absolute; | ||
544 | bottom: 0; | ||
545 | left: 0; | ||
546 | right: 0; | ||
547 | height: 3.0em; | ||
548 | background-color: #2B333F; | ||
549 | background-color: rgba(43, 51, 63, 0.7); } | ||
550 | |||
551 | .vjs-has-started .vjs-control-bar { | ||
552 | display: -webkit-box; | ||
553 | display: -webkit-flex; | ||
554 | display: -ms-flexbox; | ||
555 | display: flex; | ||
556 | visibility: visible; | ||
557 | opacity: 1; | ||
558 | -webkit-transition: visibility 0.1s, opacity 0.1s; | ||
559 | -moz-transition: visibility 0.1s, opacity 0.1s; | ||
560 | -o-transition: visibility 0.1s, opacity 0.1s; | ||
561 | transition: visibility 0.1s, opacity 0.1s; } | ||
562 | |||
563 | .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { | ||
564 | visibility: hidden; | ||
565 | opacity: 0; | ||
566 | -webkit-transition: visibility 1s, opacity 1s; | ||
567 | -moz-transition: visibility 1s, opacity 1s; | ||
568 | -o-transition: visibility 1s, opacity 1s; | ||
569 | transition: visibility 1s, opacity 1s; } | ||
570 | |||
571 | .vjs-controls-disabled .vjs-control-bar, | ||
572 | .vjs-using-native-controls .vjs-control-bar, | ||
573 | .vjs-error .vjs-control-bar { | ||
574 | display: none !important; } | ||
575 | |||
576 | .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { | ||
577 | opacity: 1; | ||
578 | visibility: visible; } | ||
579 | |||
580 | @media \0screen { | ||
581 | .vjs-user-inactive.vjs-playing .vjs-control-bar :before { | ||
582 | content: ""; } } | ||
583 | |||
584 | .vjs-has-started.vjs-no-flex .vjs-control-bar { | ||
585 | display: table; } | ||
586 | |||
587 | .video-js .vjs-control { | ||
588 | outline: none; | ||
589 | position: relative; | ||
590 | text-align: center; | ||
591 | margin: 0; | ||
592 | padding: 0; | ||
593 | height: 100%; | ||
594 | width: 4em; | ||
595 | -webkit-box-flex: none; | ||
596 | -moz-box-flex: none; | ||
597 | -webkit-flex: none; | ||
598 | -ms-flex: none; | ||
599 | flex: none; } | ||
600 | .video-js .vjs-control:before { | ||
601 | font-size: 1.8em; | ||
602 | line-height: 1.67; } | ||
603 | |||
604 | .video-js .vjs-control:focus:before, | ||
605 | .video-js .vjs-control:hover:before, | ||
606 | .video-js .vjs-control:focus { | ||
607 | text-shadow: 0em 0em 1em white; } | ||
608 | |||
609 | .video-js .vjs-control-text { | ||
610 | border: 0; | ||
611 | clip: rect(0 0 0 0); | ||
612 | height: 1px; | ||
613 | margin: -1px; | ||
614 | overflow: hidden; | ||
615 | padding: 0; | ||
616 | position: absolute; | ||
617 | width: 1px; } | ||
618 | |||
619 | .vjs-no-flex .vjs-control { | ||
620 | display: table-cell; | ||
621 | vertical-align: middle; } | ||
622 | |||
623 | .video-js .vjs-custom-control-spacer { | ||
624 | display: none; } | ||
625 | |||
626 | .video-js .vjs-progress-control { | ||
627 | -webkit-box-flex: auto; | ||
628 | -moz-box-flex: auto; | ||
629 | -webkit-flex: auto; | ||
630 | -ms-flex: auto; | ||
631 | flex: auto; | ||
632 | display: -webkit-box; | ||
633 | display: -webkit-flex; | ||
634 | display: -ms-flexbox; | ||
635 | display: flex; | ||
636 | -webkit-box-align: center; | ||
637 | -webkit-align-items: center; | ||
638 | -ms-flex-align: center; | ||
639 | align-items: center; | ||
640 | min-width: 4em; } | ||
641 | |||
642 | .vjs-live .vjs-progress-control { | ||
643 | display: none; } | ||
644 | |||
645 | .video-js .vjs-progress-holder { | ||
646 | -webkit-box-flex: auto; | ||
647 | -moz-box-flex: auto; | ||
648 | -webkit-flex: auto; | ||
649 | -ms-flex: auto; | ||
650 | flex: auto; | ||
651 | -webkit-transition: all 0.2s; | ||
652 | -moz-transition: all 0.2s; | ||
653 | -o-transition: all 0.2s; | ||
654 | transition: all 0.2s; | ||
655 | height: 0.3em; } | ||
656 | |||
657 | .video-js .vjs-progress-control:hover .vjs-progress-holder { | ||
658 | font-size: 1.666666666666666666em; } | ||
659 | |||
660 | /* If we let the font size grow as much as everything else, the current time tooltip ends up | ||
661 | ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled | ||
662 | to avoid a weird hitch when you roll off the hover. */ | ||
663 | .video-js .vjs-progress-control:hover .vjs-mouse-display:after, | ||
664 | .video-js .vjs-progress-control:hover .vjs-play-progress:after { | ||
665 | display: block; | ||
666 | font-size: 0.6em; } | ||
667 | |||
668 | .video-js .vjs-progress-holder .vjs-play-progress, | ||
669 | .video-js .vjs-progress-holder .vjs-load-progress, | ||
670 | .video-js .vjs-progress-holder .vjs-load-progress div { | ||
671 | position: absolute; | ||
672 | display: block; | ||
673 | height: 0.3em; | ||
674 | margin: 0; | ||
675 | padding: 0; | ||
676 | width: 0; | ||
677 | left: 0; | ||
678 | top: 0; } | ||
679 | |||
680 | .video-js .vjs-mouse-display:before { | ||
681 | display: none; } | ||
682 | |||
683 | .video-js .vjs-play-progress { | ||
684 | background-color: #fff; } | ||
685 | .video-js .vjs-play-progress:before { | ||
686 | position: absolute; | ||
687 | top: -0.333333333333333em; | ||
688 | right: -0.5em; | ||
689 | font-size: 0.9em; } | ||
690 | |||
691 | .video-js .vjs-mouse-display:after, | ||
692 | .video-js .vjs-play-progress:after { | ||
693 | display: none; | ||
694 | position: absolute; | ||
695 | top: -3.4em; | ||
696 | right: -1.5em; | ||
697 | font-size: 0.9em; | ||
698 | color: #000; | ||
699 | content: attr(data-current-time); | ||
700 | padding: 6px 8px 8px 8px; | ||
701 | background-color: #fff; | ||
702 | background-color: rgba(255, 255, 255, 0.8); | ||
703 | -webkit-border-radius: 0.3em; | ||
704 | -moz-border-radius: 0.3em; | ||
705 | border-radius: 0.3em; } | ||
706 | |||
707 | .video-js .vjs-play-progress:before, | ||
708 | .video-js .vjs-play-progress:after { | ||
709 | z-index: 1; } | ||
710 | |||
711 | .video-js .vjs-load-progress { | ||
712 | background: #bfc7d3; | ||
713 | background: rgba(115, 133, 159, 0.5); } | ||
714 | |||
715 | .video-js .vjs-load-progress div { | ||
716 | background: white; | ||
717 | background: rgba(115, 133, 159, 0.75); } | ||
718 | |||
719 | .video-js.vjs-no-flex .vjs-progress-control { | ||
720 | width: auto; } | ||
721 | |||
722 | .video-js .vjs-progress-control .vjs-mouse-display { | ||
723 | display: none; | ||
724 | position: absolute; | ||
725 | width: 1px; | ||
726 | height: 100%; | ||
727 | background-color: #000; | ||
728 | z-index: 1; } | ||
729 | |||
730 | .vjs-no-flex .vjs-progress-control .vjs-mouse-display { | ||
731 | z-index: 0; } | ||
732 | |||
733 | .video-js .vjs-progress-control:hover .vjs-mouse-display { | ||
734 | display: block; } | ||
735 | |||
736 | .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, | ||
737 | .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { | ||
738 | visibility: hidden; | ||
739 | opacity: 0; | ||
740 | -webkit-transition: visibility 1s, opacity 1s; | ||
741 | -moz-transition: visibility 1s, opacity 1s; | ||
742 | -o-transition: visibility 1s, opacity 1s; | ||
743 | transition: visibility 1s, opacity 1s; } | ||
744 | |||
745 | .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, | ||
746 | .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { | ||
747 | display: none; } | ||
748 | |||
749 | .video-js .vjs-progress-control .vjs-mouse-display:after { | ||
750 | color: #fff; | ||
751 | background-color: #000; | ||
752 | background-color: rgba(0, 0, 0, 0.8); } | ||
753 | |||
754 | .video-js .vjs-slider { | ||
755 | outline: 0; | ||
756 | position: relative; | ||
757 | cursor: pointer; | ||
758 | padding: 0; | ||
759 | margin: 0 0.45em 0 0.45em; | ||
760 | background-color: #73859f; | ||
761 | background-color: rgba(115, 133, 159, 0.5); } | ||
762 | |||
763 | .video-js .vjs-slider:focus { | ||
764 | text-shadow: 0em 0em 1em white; | ||
765 | -webkit-box-shadow: 0 0 1em #fff; | ||
766 | -moz-box-shadow: 0 0 1em #fff; | ||
767 | box-shadow: 0 0 1em #fff; } | ||
768 | |||
769 | .video-js .vjs-mute-control, | ||
770 | .video-js .vjs-volume-menu-button { | ||
771 | cursor: pointer; | ||
772 | -webkit-box-flex: none; | ||
773 | -moz-box-flex: none; | ||
774 | -webkit-flex: none; | ||
775 | -ms-flex: none; | ||
776 | flex: none; } | ||
777 | |||
778 | .video-js .vjs-volume-control { | ||
779 | width: 5em; | ||
780 | -webkit-box-flex: none; | ||
781 | -moz-box-flex: none; | ||
782 | -webkit-flex: none; | ||
783 | -ms-flex: none; | ||
784 | flex: none; | ||
785 | display: -webkit-box; | ||
786 | display: -webkit-flex; | ||
787 | display: -ms-flexbox; | ||
788 | display: flex; | ||
789 | -webkit-box-align: center; | ||
790 | -webkit-align-items: center; | ||
791 | -ms-flex-align: center; | ||
792 | align-items: center; } | ||
793 | |||
794 | .video-js .vjs-volume-bar { | ||
795 | margin: 1.35em 0.45em; } | ||
796 | |||
797 | .vjs-volume-bar.vjs-slider-horizontal { | ||
798 | width: 5em; | ||
799 | height: 0.3em; } | ||
800 | |||
801 | .vjs-volume-bar.vjs-slider-vertical { | ||
802 | width: 0.3em; | ||
803 | height: 5em; | ||
804 | margin: 1.35em auto; } | ||
805 | |||
806 | .video-js .vjs-volume-level { | ||
807 | position: absolute; | ||
808 | bottom: 0; | ||
809 | left: 0; | ||
810 | background-color: #fff; } | ||
811 | .video-js .vjs-volume-level:before { | ||
812 | position: absolute; | ||
813 | font-size: 0.9em; } | ||
814 | |||
815 | .vjs-slider-vertical .vjs-volume-level { | ||
816 | width: 0.3em; } | ||
817 | .vjs-slider-vertical .vjs-volume-level:before { | ||
818 | top: -0.5em; | ||
819 | left: -0.3em; } | ||
820 | |||
821 | .vjs-slider-horizontal .vjs-volume-level { | ||
822 | height: 0.3em; } | ||
823 | .vjs-slider-horizontal .vjs-volume-level:before { | ||
824 | top: -0.3em; | ||
825 | right: -0.5em; } | ||
826 | |||
827 | .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { | ||
828 | height: 100%; } | ||
829 | |||
830 | .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { | ||
831 | width: 100%; } | ||
832 | |||
833 | .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { | ||
834 | display: block; | ||
835 | width: 0; | ||
836 | height: 0; | ||
837 | border-top-color: transparent; } | ||
838 | |||
839 | .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { | ||
840 | left: 0.5em; | ||
841 | height: 8em; } | ||
842 | |||
843 | .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { | ||
844 | left: -2em; } | ||
845 | |||
846 | .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { | ||
847 | height: 0; | ||
848 | width: 0; | ||
849 | overflow-x: hidden; | ||
850 | overflow-y: hidden; } | ||
851 | |||
852 | .vjs-volume-menu-button-vertical:hover .vjs-menu-content, | ||
853 | .vjs-volume-menu-button-vertical:focus .vjs-menu-content, | ||
854 | .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, | ||
855 | .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { | ||
856 | height: 8em; | ||
857 | width: 2.9em; } | ||
858 | |||
859 | .vjs-volume-menu-button-horizontal:hover .vjs-menu-content, | ||
860 | .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, | ||
861 | .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, | ||
862 | .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { | ||
863 | height: 2.9em; | ||
864 | width: 8em; } | ||
865 | |||
866 | .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { | ||
867 | background-color: transparent !important; } | ||
868 | |||
869 | .vjs-poster { | ||
870 | display: inline-block; | ||
871 | vertical-align: middle; | ||
872 | background-repeat: no-repeat; | ||
873 | background-position: 50% 50%; | ||
874 | background-size: contain; | ||
875 | cursor: pointer; | ||
876 | margin: 0; | ||
877 | padding: 0; | ||
878 | position: absolute; | ||
879 | top: 0; | ||
880 | right: 0; | ||
881 | bottom: 0; | ||
882 | left: 0; | ||
883 | height: 100%; } | ||
884 | |||
885 | .vjs-poster img { | ||
886 | display: block; | ||
887 | vertical-align: middle; | ||
888 | margin: 0 auto; | ||
889 | max-height: 100%; | ||
890 | padding: 0; | ||
891 | width: 100%; } | ||
892 | |||
893 | .vjs-has-started .vjs-poster { | ||
894 | display: none; } | ||
895 | |||
896 | .vjs-audio.vjs-has-started .vjs-poster { | ||
897 | display: block; } | ||
898 | |||
899 | .vjs-controls-disabled .vjs-poster { | ||
900 | display: none; } | ||
901 | |||
902 | .vjs-using-native-controls .vjs-poster { | ||
903 | display: none; } | ||
904 | |||
905 | .video-js .vjs-live-control { | ||
906 | display: -webkit-box; | ||
907 | display: -webkit-flex; | ||
908 | display: -ms-flexbox; | ||
909 | display: flex; | ||
910 | -webkit-box-align: flex-start; | ||
911 | -webkit-align-items: flex-start; | ||
912 | -ms-flex-align: flex-start; | ||
913 | align-items: flex-start; | ||
914 | -webkit-box-flex: auto; | ||
915 | -moz-box-flex: auto; | ||
916 | -webkit-flex: auto; | ||
917 | -ms-flex: auto; | ||
918 | flex: auto; | ||
919 | font-size: 1em; | ||
920 | line-height: 3em; } | ||
921 | |||
922 | .vjs-no-flex .vjs-live-control { | ||
923 | display: table-cell; | ||
924 | width: auto; | ||
925 | text-align: left; } | ||
926 | |||
927 | .video-js .vjs-time-control { | ||
928 | -webkit-box-flex: none; | ||
929 | -moz-box-flex: none; | ||
930 | -webkit-flex: none; | ||
931 | -ms-flex: none; | ||
932 | flex: none; | ||
933 | font-size: 1em; | ||
934 | line-height: 3em; | ||
935 | min-width: 2em; | ||
936 | width: auto; | ||
937 | padding-left: 1em; | ||
938 | padding-right: 1em; } | ||
939 | |||
940 | .vjs-live .vjs-time-control { | ||
941 | display: none; } | ||
942 | |||
943 | .video-js .vjs-current-time, | ||
944 | .vjs-no-flex .vjs-current-time { | ||
945 | display: none; } | ||
946 | |||
947 | .video-js .vjs-duration, | ||
948 | .vjs-no-flex .vjs-duration { | ||
949 | display: none; } | ||
950 | |||
951 | .vjs-time-divider { | ||
952 | display: none; | ||
953 | line-height: 3em; } | ||
954 | |||
955 | .vjs-live .vjs-time-divider { | ||
956 | display: none; } | ||
957 | |||
958 | .video-js .vjs-play-control { | ||
959 | cursor: pointer; | ||
960 | -webkit-box-flex: none; | ||
961 | -moz-box-flex: none; | ||
962 | -webkit-flex: none; | ||
963 | -ms-flex: none; | ||
964 | flex: none; } | ||
965 | |||
966 | .vjs-text-track-display { | ||
967 | position: absolute; | ||
968 | bottom: 3em; | ||
969 | left: 0; | ||
970 | right: 0; | ||
971 | top: 0; | ||
972 | pointer-events: none; } | ||
973 | |||
974 | .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { | ||
975 | bottom: 1em; } | ||
976 | |||
977 | .video-js .vjs-text-track { | ||
978 | font-size: 1.4em; | ||
979 | text-align: center; | ||
980 | margin-bottom: 0.1em; | ||
981 | background-color: #000; | ||
982 | background-color: rgba(0, 0, 0, 0.5); } | ||
983 | |||
984 | .vjs-subtitles { | ||
985 | color: #fff; } | ||
986 | |||
987 | .vjs-captions { | ||
988 | color: #fc6; } | ||
989 | |||
990 | .vjs-tt-cue { | ||
991 | display: block; } | ||
992 | |||
993 | video::-webkit-media-text-track-display { | ||
994 | -moz-transform: translateY(-3em); | ||
995 | -ms-transform: translateY(-3em); | ||
996 | -o-transform: translateY(-3em); | ||
997 | -webkit-transform: translateY(-3em); | ||
998 | transform: translateY(-3em); } | ||
999 | |||
1000 | .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { | ||
1001 | -moz-transform: translateY(-1.5em); | ||
1002 | -ms-transform: translateY(-1.5em); | ||
1003 | -o-transform: translateY(-1.5em); | ||
1004 | -webkit-transform: translateY(-1.5em); | ||
1005 | transform: translateY(-1.5em); } | ||
1006 | |||
1007 | .video-js .vjs-fullscreen-control { | ||
1008 | cursor: pointer; | ||
1009 | -webkit-box-flex: none; | ||
1010 | -moz-box-flex: none; | ||
1011 | -webkit-flex: none; | ||
1012 | -ms-flex: none; | ||
1013 | flex: none; } | ||
1014 | |||
1015 | .vjs-playback-rate .vjs-playback-rate-value { | ||
1016 | font-size: 1.5em; | ||
1017 | line-height: 2; | ||
1018 | position: absolute; | ||
1019 | top: 0; | ||
1020 | left: 0; | ||
1021 | width: 100%; | ||
1022 | height: 100%; | ||
1023 | text-align: center; } | ||
1024 | |||
1025 | .vjs-playback-rate .vjs-menu { | ||
1026 | width: 4em; | ||
1027 | left: 0em; } | ||
1028 | |||
1029 | .vjs-error .vjs-error-display .vjs-modal-dialog-content { | ||
1030 | font-size: 1.4em; | ||
1031 | text-align: center; } | ||
1032 | |||
1033 | .vjs-error .vjs-error-display:before { | ||
1034 | color: #fff; | ||
1035 | content: 'X'; | ||
1036 | font-family: Arial, Helvetica, sans-serif; | ||
1037 | font-size: 4em; | ||
1038 | left: 0; | ||
1039 | line-height: 1; | ||
1040 | margin-top: -0.5em; | ||
1041 | position: absolute; | ||
1042 | text-shadow: 0.05em 0.05em 0.1em #000; | ||
1043 | text-align: center; | ||
1044 | top: 50%; | ||
1045 | vertical-align: middle; | ||
1046 | width: 100%; } | ||
1047 | |||
1048 | .vjs-loading-spinner { | ||
1049 | display: none; | ||
1050 | position: absolute; | ||
1051 | top: 50%; | ||
1052 | left: 50%; | ||
1053 | margin: -25px 0 0 -25px; | ||
1054 | opacity: 0.85; | ||
1055 | text-align: left; | ||
1056 | border: 6px solid rgba(43, 51, 63, 0.7); | ||
1057 | box-sizing: border-box; | ||
1058 | background-clip: padding-box; | ||
1059 | width: 50px; | ||
1060 | height: 50px; | ||
1061 | border-radius: 25px; } | ||
1062 | |||
1063 | .vjs-seeking .vjs-loading-spinner, | ||
1064 | .vjs-waiting .vjs-loading-spinner { | ||
1065 | display: block; } | ||
1066 | |||
1067 | .vjs-loading-spinner:before, | ||
1068 | .vjs-loading-spinner:after { | ||
1069 | content: ""; | ||
1070 | position: absolute; | ||
1071 | margin: -6px; | ||
1072 | box-sizing: inherit; | ||
1073 | width: inherit; | ||
1074 | height: inherit; | ||
1075 | border-radius: inherit; | ||
1076 | opacity: 1; | ||
1077 | border: inherit; | ||
1078 | border-color: transparent; | ||
1079 | border-top-color: white; } | ||
1080 | |||
1081 | .vjs-seeking .vjs-loading-spinner:before, | ||
1082 | .vjs-seeking .vjs-loading-spinner:after, | ||
1083 | .vjs-waiting .vjs-loading-spinner:before, | ||
1084 | .vjs-waiting .vjs-loading-spinner:after { | ||
1085 | -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; | ||
1086 | animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } | ||
1087 | |||
1088 | .vjs-seeking .vjs-loading-spinner:before, | ||
1089 | .vjs-waiting .vjs-loading-spinner:before { | ||
1090 | border-top-color: white; } | ||
1091 | |||
1092 | .vjs-seeking .vjs-loading-spinner:after, | ||
1093 | .vjs-waiting .vjs-loading-spinner:after { | ||
1094 | border-top-color: white; | ||
1095 | -webkit-animation-delay: 0.44s; | ||
1096 | animation-delay: 0.44s; } | ||
1097 | |||
1098 | @keyframes vjs-spinner-spin { | ||
1099 | 100% { | ||
1100 | transform: rotate(360deg); } } | ||
1101 | |||
1102 | @-webkit-keyframes vjs-spinner-spin { | ||
1103 | 100% { | ||
1104 | -webkit-transform: rotate(360deg); } } | ||
1105 | |||
1106 | @keyframes vjs-spinner-fade { | ||
1107 | 0% { | ||
1108 | border-top-color: #73859f; } | ||
1109 | 20% { | ||
1110 | border-top-color: #73859f; } | ||
1111 | 35% { | ||
1112 | border-top-color: white; } | ||
1113 | 60% { | ||
1114 | border-top-color: #73859f; } | ||
1115 | 100% { | ||
1116 | border-top-color: #73859f; } } | ||
1117 | |||
1118 | @-webkit-keyframes vjs-spinner-fade { | ||
1119 | 0% { | ||
1120 | border-top-color: #73859f; } | ||
1121 | 20% { | ||
1122 | border-top-color: #73859f; } | ||
1123 | 35% { | ||
1124 | border-top-color: white; } | ||
1125 | 60% { | ||
1126 | border-top-color: #73859f; } | ||
1127 | 100% { | ||
1128 | border-top-color: #73859f; } } | ||
1129 | |||
1130 | .vjs-chapters-button .vjs-menu ul { | ||
1131 | width: 24em; } | ||
1132 | |||
1133 | .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { | ||
1134 | -webkit-box-flex: auto; | ||
1135 | -moz-box-flex: auto; | ||
1136 | -webkit-flex: auto; | ||
1137 | -ms-flex: auto; | ||
1138 | flex: auto; } | ||
1139 | |||
1140 | .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { | ||
1141 | width: auto; } | ||
1142 | |||
1143 | .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, | ||
1144 | .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, | ||
1145 | .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, | ||
1146 | .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button { | ||
1147 | display: none; } | ||
1148 | |||
1149 | .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, | ||
1150 | .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, | ||
1151 | .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button, | ||
1152 | .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button { | ||
1153 | display: none; } | ||
1154 | |||
1155 | .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, | ||
1156 | .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, | ||
1157 | .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, | ||
1158 | .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button { | ||
1159 | display: none; } | ||
1160 | |||
1161 | .vjs-caption-settings { | ||
1162 | position: relative; | ||
1163 | top: 1em; | ||
1164 | background-color: #2B333F; | ||
1165 | background-color: rgba(43, 51, 63, 0.75); | ||
1166 | color: #fff; | ||
1167 | margin: 0 auto; | ||
1168 | padding: 0.5em; | ||
1169 | height: 15em; | ||
1170 | font-size: 12px; | ||
1171 | width: 40em; } | ||
1172 | |||
1173 | .vjs-caption-settings .vjs-tracksettings { | ||
1174 | top: 0; | ||
1175 | bottom: 2em; | ||
1176 | left: 0; | ||
1177 | right: 0; | ||
1178 | position: absolute; | ||
1179 | overflow: auto; } | ||
1180 | |||
1181 | .vjs-caption-settings .vjs-tracksettings-colors, | ||
1182 | .vjs-caption-settings .vjs-tracksettings-font { | ||
1183 | float: left; } | ||
1184 | |||
1185 | .vjs-caption-settings .vjs-tracksettings-colors:after, | ||
1186 | .vjs-caption-settings .vjs-tracksettings-font:after, | ||
1187 | .vjs-caption-settings .vjs-tracksettings-controls:after { | ||
1188 | clear: both; } | ||
1189 | |||
1190 | .vjs-caption-settings .vjs-tracksettings-controls { | ||
1191 | position: absolute; | ||
1192 | bottom: 1em; | ||
1193 | right: 1em; } | ||
1194 | |||
1195 | .vjs-caption-settings .vjs-tracksetting { | ||
1196 | margin: 5px; | ||
1197 | padding: 3px; | ||
1198 | min-height: 40px; } | ||
1199 | |||
1200 | .vjs-caption-settings .vjs-tracksetting label { | ||
1201 | display: block; | ||
1202 | width: 100px; | ||
1203 | margin-bottom: 5px; } | ||
1204 | |||
1205 | .vjs-caption-settings .vjs-tracksetting span { | ||
1206 | display: inline; | ||
1207 | margin-left: 5px; } | ||
1208 | |||
1209 | .vjs-caption-settings .vjs-tracksetting > div { | ||
1210 | margin-bottom: 5px; | ||
1211 | min-height: 20px; } | ||
1212 | |||
1213 | .vjs-caption-settings .vjs-tracksetting > div:last-child { | ||
1214 | margin-bottom: 0; | ||
1215 | padding-bottom: 0; | ||
1216 | min-height: 0; } | ||
1217 | |||
1218 | .vjs-caption-settings label > input { | ||
1219 | margin-right: 10px; } | ||
1220 | |||
1221 | .vjs-caption-settings input[type="button"] { | ||
1222 | width: 40px; | ||
1223 | height: 40px; } | ||
1224 | |||
1225 | .video-js .vjs-modal-dialog { | ||
1226 | background: rgba(0, 0, 0, 0.8); | ||
1227 | background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); | ||
1228 | background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); } | ||
1229 | |||
1230 | .vjs-modal-dialog .vjs-modal-dialog-content { | ||
1231 | font-size: 1.2em; | ||
1232 | line-height: 1.5; | ||
1233 | padding: 20px 24px; | ||
1234 | z-index: 1; } | ||