source: extensions/piwigo_videojs/video-js/redsheen-skin.css @ 24676

Last change on this file since 24676 was 24676, checked in by ddtddt, 11 years ago

[extensions] - piwigo_videojs - add file for translate

File size: 17.6 KB
Line 
1.video-js-redsheen {
2  background-color: #b00e0e;
3        position:relative;
4        padding:0;
5        font-size:10px;
6        vertical-align:middle;
7}
8
9.video-js .vjs-tech {
10        position:absolute;
11        top:0;
12        left:0;
13        width:100%;
14        height:100%;
15}
16
17.video-js:-moz-full-screen {
18        position:absolute;
19}
20
21body.vjs-full-window {
22        padding:0;
23        margin:0;
24        height:100%;
25        overflow-y:auto;
26}
27
28.video-js.vjs-fullscreen {
29        position:fixed;
30        overflow:hidden;
31        z-index:1000;
32        left:0;
33        top:0;
34        bottom:0;
35        right:0;
36        width:100%!important;
37        height:100%!important;
38        _position:absolute;
39}
40
41.video-js:-webkit-full-screen {
42        width:100%!important;
43        height:100%!important;
44}
45
46.vjs-poster {
47        margin:0 auto;
48        padding:0;
49        cursor:pointer;
50        position:relative;
51        width:100%;
52        max-height:100%;
53}
54
55.video-js-redsheen .vjs-text-track-display {
56        text-align:center;
57        position:absolute;
58        bottom:4em;
59        left:1em;
60        right:1em;
61        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
62}
63
64.video-js .vjs-text-track {
65        display:none;
66        color:#2f2f2f;
67        font-size:1.4em;
68        text-align:center;
69        margin-bottom:.1em;
70        background:#000;
71        background:rgba(0,0,0,0.50);
72}
73
74.video-js .vjs-subtitles {
75        color:#020202;
76}
77
78.video-js .vjs-captions {
79        color:#f2ff00;
80}
81
82.vjs-tt-cue {
83        display:block;
84}
85
86.vjs-fade-in {
87        visibility:visible!important;
88        opacity:1!important;
89        -webkit-transition:visibility 0 linear 0s,opacity .3s linear;
90        -moz-transition:visibility 0 linear 0s,opacity .3s linear;
91        -ms-transition:visibility 0 linear 0s,opacity .3s linear;
92        -o-transition:visibility 0 linear 0s,opacity .3s linear;
93        transition:visibility 0 linear 0s,opacity .3s linear;
94}
95
96.vjs-fade-out {
97        visibility:hidden!important;
98        opacity:0!important;
99        -webkit-transition:visibility 0 linear 1.5s,opacity 1.5s linear;
100        -moz-transition:visibility 0 linear 1.5s,opacity 1.5s linear;
101        -ms-transition:visibility 0 linear 1.5s,opacity 1.5s linear;
102        -o-transition:visibility 0 linear 1.5s,opacity 1.5s linear;
103        transition:visibility 0 linear 1.5s,opacity 1.5s linear;
104}
105
106.vjs-redsheen-skin .vjs-controls {
107        position:absolute;
108        bottom:0;
109        left:0;
110        right:0;
111        margin:0;
112        padding:0;
113        height:2.6em;
114        color:#460505;
115        border-top:1px solid #da7272;
116        background:#520000;
117        visibility:hidden;
118        opacity:0;
119}
120
121.vjs-redsheen-skin .vjs-control {
122        position:relative;
123        float:left;
124        text-align:center;
125        margin:0;
126        padding:0;
127        height:2.6em;
128        width:2.6em;
129}
130
131.vjs-redsheen-skin .vjs-control:focus {
132        outline:0;
133}
134
135.vjs-redsheen-skin .vjs-control-text {
136        border:0;
137        clip:rect(0 0 0 0);
138        height:1px;
139        margin:-1px;
140        overflow:hidden;
141        padding:0;
142        position:absolute;
143        width:1px;
144}
145
146.vjs-redsheen-skin .vjs-play-control {
147        width:5em;
148        cursor:pointer!important;
149}
150
151.vjs-redsheen-skin.vjs-paused .vjs-play-control div {
152        width:15px;
153        height:17px;
154        background:url(video-js.png);
155        margin:.5em auto 0;
156}
157
158.vjs-redsheen-skin.vjs-playing .vjs-play-control div {
159        width:15px;
160        height:17px;
161        background:url(video-js.png) -25px 0;
162        margin:.5em auto 0;
163}
164
165.vjs-redsheen-skin .vjs-rewind-control {
166        width:5em;
167        cursor:pointer!important;
168}
169
170.vjs-redsheen-skin .vjs-rewind-control div {
171        width:19px;
172        height:16px;
173        background:url(video-js.png);
174        margin:.5em auto 0;
175}
176
177.vjs-redsheen-skin .vjs-mute-control {
178        width:3.8em;
179        cursor:pointer!important;
180        float:right;
181}
182
183.vjs-redsheen-skin .vjs-mute-control div {
184        width:22px;
185        height:16px;
186        background:url(video-js.png) -75px -25px;
187        margin:.5em auto 0;
188}
189
190.vjs-redsheen-skin .vjs-mute-control.vjs-vol-0 div {
191        background:url(video-js.png) 0 -25px;
192}
193
194.vjs-redsheen-skin .vjs-mute-control.vjs-vol-1 div {
195        background:url(video-js.png) -25px -25px;
196}
197
198.vjs-redsheen-skin .vjs-mute-control.vjs-vol-2 div {
199        background:url(video-js.png) -50px -25px;
200}
201
202.vjs-redsheen-skin .vjs-volume-control {
203        width:5em;
204        float:right;
205}
206
207.vjs-redsheen-skin .vjs-volume-bar {
208        position:relative;
209        width:5em;
210        height:.6em;
211        margin:1em auto 0;
212        cursor:pointer!important;
213        -moz-border-radius:.3em;
214        -webkit-border-radius:.3em;
215        border-radius:.3em;
216        background:#000000;
217}
218
219.vjs-redsheen-skin .vjs-volume-level {
220        position:absolute;
221        top:0;
222        left:0;
223        height:.6em;
224        -moz-border-radius:.3em;
225        -webkit-border-radius:.3em;
226        border-radius:.3em;
227        background:#ff8500;
228}
229
230.vjs-redsheen-skin .vjs-volume-handle {
231        position:absolute;
232        top:-.2em;
233        width:.8em;
234        height:.8em;
235        background:#ccc;
236        left:0;
237        border:1px solid #fff;
238        -moz-border-radius:.6em;
239        -webkit-border-radius:.6em;
240        border-radius:.6em;
241}
242
243.vjs-redsheen-skin div.vjs-progress-control {
244        position:absolute;
245        left:4.8em;
246        right:4.8em;
247        height:1em;
248        width:auto;
249        top:-1.3em;
250        border-bottom:1px solid #1f1f1f;
251        border-top:1px solid #222;
252        background:#333;
253        background:-moz-linear-gradient(top,#222,#333);
254        background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));
255        background:-webkit-linear-gradient(top,#222,#333);
256        background:-o-linear-gradient(top,#333,#222);
257        background:-ms-linear-gradient(top,#333,#222);
258        background:linear-gradient(top,#333,#222);
259}
260
261.vjs-redsheen-skin .vjs-progress-holder {
262        position:relative;
263        cursor:pointer!important;
264        padding:0;
265        margin:0;
266        height:1em;
267        -moz-border-radius:.6em;
268        -webkit-border-radius:.6em;
269        border-radius:.6em;
270        background:#111;
271        background:-moz-linear-gradient(top,#111,#262626);
272        background:-webkit-gradient(linear,0% 0,0% 100%,from(#111),to(#262626));
273        background:-webkit-linear-gradient(top,#111,#262626);
274        background:-o-linear-gradient(top,#111,#262626);
275        background:-ms-linear-gradient(top,#111,#262626);
276        background:linear-gradient(top,#111,#262626);
277}
278
279.vjs-redsheen-skin .vjs-progress-holder .vjs-play-progress,.vjs-redsheen-skin .vjs-progress-holder .vjs-load-progress {
280        position:absolute;
281        display:block;
282        height:1em;
283        margin:0;
284        padding:0;
285        left:0;
286        top:0;
287        -moz-border-radius:.6em;
288        -webkit-border-radius:.6em;
289        border-radius:.6em;
290}
291
292.vjs-redsheen-skin .vjs-play-progress {
293        background:#fff;
294        background:-moz-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
295        background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#fff),color-stop(50%,#d6d6d6),color-stop(100%,#fff));
296        background:-webkit-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
297        background:-o-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
298        background:-ms-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
299        background:linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
300        background:#efefef;
301        background:-moz-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
302        background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#efefef),color-stop(50%,#f5f5f5),color-stop(50%,#dbdbdb),color-stop(100%,#f1f1f1));
303        background:-webkit-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
304        background:-o-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
305        background:-ms-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
306        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#f1f1f1',GradientType=0);
307        background:linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
308}
309
310.vjs-redsheen-skin .vjs-load-progress {
311        opacity:.8;
312        background:#666;
313        background:-moz-linear-gradient(top,#666,#333);
314        background:-webkit-gradient(linear,0% 0,0% 100%,from(#666),to(#333));
315        background:-webkit-linear-gradient(top,#666,#333);
316        background:-o-linear-gradient(top,#666,#333);
317        background:-ms-linear-gradient(top,#666,#333);
318        background:linear-gradient(top,#666,#333);
319}
320
321.vjs-redsheen-skin div.vjs-seek-handle {
322        position:absolute;
323        width:16px;
324        height:16px;
325        margin-top:-.3em;
326        left:0;
327        top:0;
328        background:url(video-js.png) 0 -50px;
329        -moz-border-radius:.8em;
330        -webkit-border-radius:.8em;
331        border-radius:.8em;
332        -webkit-box-shadow:0 2px 4px 0 #000;
333        -moz-box-shadow:0 2px 4px 0 #000;
334        box-shadow:0 2px 4px 0 #000;
335}
336
337.vjs-redsheen-skin .vjs-time-controls {
338        position:absolute;
339        right:0;
340        height:1em;
341        width:4.8em;
342        top:-1.3em;
343        border-bottom:1px solid #1f1f1f;
344        border-top:1px solid #222;
345        background-color:#333;
346        font-size:1em;
347        line-height:1em;
348        font-weight:400;
349        font-family:Helvetica,Arial,sans-serif;
350        background:#333;
351        background:-moz-linear-gradient(top,#222,#333);
352        background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));
353        background:-webkit-linear-gradient(top,#222,#333);
354        background:-o-linear-gradient(top,#333,#222);
355        background:-ms-linear-gradient(top,#333,#222);
356        background:linear-gradient(top,#333,#222);
357}
358
359.vjs-redsheen-skin .vjs-current-time {
360        left:0;
361}
362
363.vjs-redsheen-skin .vjs-duration {
364        right:0;
365        display:none;
366}
367
368.vjs-redsheen-skin .vjs-remaining-time {
369        right:0;
370}
371
372.vjs-time-divider {
373        display:none;
374}
375
376.vjs-redsheen-skin .vjs-time-control {
377        font-size:1em;
378        line-height:1;
379        font-weight:400;
380        font-family:Helvetica,Arial,sans-serif;
381}
382
383.vjs-redsheen-skin .vjs-time-control span {
384        line-height:25px;
385}
386
387.vjs-secondary-controls {
388        float:right;
389}
390
391.vjs-redsheen-skin .vjs-fullscreen-control {
392        width:3.8em;
393        cursor:pointer!important;
394        float:right;
395}
396
397.vjs-redsheen-skin .vjs-fullscreen-control div {
398        width:16px;
399        height:16px;
400        background:url(video-js.png) -50px 0;
401        margin:.5em auto 0;
402}
403
404.vjs-redsheen-skin.vjs-fullscreen .vjs-fullscreen-control div {
405        background:url(video-js.png) -75px 0;
406}
407
408.vjs-redsheen-skin .vjs-big-play-button {
409        display:block;
410        z-index:2;
411        position:absolute;
412        top:50%;
413        left:50%;
414        width:8em;
415        height:8em;
416        margin:-42px 0 0 -42px;
417        text-align:center;
418        vertical-align:center;
419        cursor:pointer!important;
420        border:.2em solid #fff;
421        opacity:.95;
422        -webkit-border-radius:25px;
423        -moz-border-radius:25px;
424        border-radius:25px;
425        background:#454545;
426        background:-moz-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
427        background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#454545),color-stop(50%,#232323),color-stop(50%,#161616),color-stop(100%,#3f3f3f));
428        background:-webkit-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
429        background:-o-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
430        background:-ms-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
431        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545',endColorstr='#3f3f3f',GradientType=0);
432        background:linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
433        -webkit-box-shadow:4px 4px 8px #000;
434        -moz-box-shadow:4px 4px 8px #000;
435        box-shadow:4px 4px 8px #000;
436}
437
438.vjs-redsheen-skin div.vjs-big-play-button:hover {
439        -webkit-box-shadow:0 0 80px #fff;
440        -moz-box-shadow:0 0 80px #fff;
441        box-shadow:0 0 80px #fff;
442}
443
444.vjs-redsheen-skin div.vjs-big-play-button span {
445        position:absolute;
446        top:50%;
447        left:50%;
448        display:block;
449        width:35px;
450        height:42px;
451        margin:-20px 0 0 -15px;
452        background:url(video-js.png) -100px 0;
453}
454
455.vjs-loading-spinner {
456        display:none;
457        position:absolute;
458        top:50%;
459        left:50%;
460        width:55px;
461        height:55px;
462        margin:-28px 0 0 -28px;
463        -webkit-animation-name:rotatethis;
464        -webkit-animation-duration:1s;
465        -webkit-animation-iteration-count:infinite;
466        -webkit-animation-timing-function:linear;
467        -moz-animation-name:rotatethis;
468        -moz-animation-duration:1s;
469        -moz-animation-iteration-count:infinite;
470        -moz-animation-timing-function:linear;
471}
472
473@-webkit-keyframes rotatethis {
474        0% {
475                -webkit-transform:scale(0.6) rotate(0deg);
476        }
477       
478        12.5% {
479                -webkit-transform:scale(0.6) rotate(0deg);
480        }
481       
482        12.51% {
483                -webkit-transform:scale(0.6) rotate(45deg);
484        }
485       
486        25% {
487                -webkit-transform:scale(0.6) rotate(45deg);
488        }
489       
490        25.01% {
491                -webkit-transform:scale(0.6) rotate(90deg);
492        }
493       
494        37.5% {
495                -webkit-transform:scale(0.6) rotate(90deg);
496        }
497       
498        37.51% {
499                -webkit-transform:scale(0.6) rotate(135deg);
500        }
501       
502        50% {
503                -webkit-transform:scale(0.6) rotate(135deg);
504        }
505       
506        50.01% {
507                -webkit-transform:scale(0.6) rotate(180deg);
508        }
509       
510        62.5% {
511                -webkit-transform:scale(0.6) rotate(180deg);
512        }
513       
514        62.51% {
515                -webkit-transform:scale(0.6) rotate(225deg);
516        }
517       
518        75% {
519                -webkit-transform:scale(0.6) rotate(225deg);
520        }
521       
522        75.01% {
523                -webkit-transform:scale(0.6) rotate(270deg);
524        }
525       
526        87.5% {
527                -webkit-transform:scale(0.6) rotate(270deg);
528        }
529       
530        87.51% {
531                -webkit-transform:scale(0.6) rotate(315deg);
532        }
533       
534        100% {
535                -webkit-transform:scale(0.6) rotate(315deg);
536        }
537}
538
539@-moz-keyframes rotatethis {
540        0% {
541                -moz-transform:scale(0.6) rotate(0deg);
542        }
543       
544        12.5% {
545                -moz-transform:scale(0.6) rotate(0deg);
546        }
547       
548        12.51% {
549                -moz-transform:scale(0.6) rotate(45deg);
550        }
551       
552        25% {
553                -moz-transform:scale(0.6) rotate(45deg);
554        }
555       
556        25.01% {
557                -moz-transform:scale(0.6) rotate(90deg);
558        }
559       
560        37.5% {
561                -moz-transform:scale(0.6) rotate(90deg);
562        }
563       
564        37.51% {
565                -moz-transform:scale(0.6) rotate(135deg);
566        }
567       
568        50% {
569                -moz-transform:scale(0.6) rotate(135deg);
570        }
571       
572        50.01% {
573                -moz-transform:scale(0.6) rotate(180deg);
574        }
575       
576        62.5% {
577                -moz-transform:scale(0.6) rotate(180deg);
578        }
579       
580        62.51% {
581                -moz-transform:scale(0.6) rotate(225deg);
582        }
583       
584        75% {
585                -moz-transform:scale(0.6) rotate(225deg);
586        }
587       
588        75.01% {
589                -moz-transform:scale(0.6) rotate(270deg);
590        }
591       
592        87.5% {
593                -moz-transform:scale(0.6) rotate(270deg);
594        }
595       
596        87.51% {
597                -moz-transform:scale(0.6) rotate(315deg);
598        }
599       
600        100% {
601                -moz-transform:scale(0.6) rotate(315deg);
602        }
603}
604
605div.vjs-loading-spinner .ball1 {
606        opacity:.12;
607        position:absolute;
608        left:20px;
609        top:0;
610        width:13px;
611        height:13px;
612        background:#fff;
613        border-radius:13px;
614        -webkit-border-radius:13px;
615        -moz-border-radius:13px;
616        border:1px solid #ccc;
617}
618
619div.vjs-loading-spinner .ball2 {
620        opacity:.25;
621        position:absolute;
622        left:34px;
623        top:6px;
624        width:13px;
625        height:13px;
626        background:#fff;
627        border-radius:13px;
628        -webkit-border-radius:13px;
629        -moz-border-radius:13px;
630        border:1px solid #ccc;
631}
632
633div.vjs-loading-spinner .ball3 {
634        opacity:.37;
635        position:absolute;
636        left:40px;
637        top:20px;
638        width:13px;
639        height:13px;
640        background:#fff;
641        border-radius:13px;
642        -webkit-border-radius:13px;
643        -moz-border-radius:13px;
644        border:1px solid #ccc;
645}
646
647div.vjs-loading-spinner .ball4 {
648        opacity:.5;
649        position:absolute;
650        left:34px;
651        top:34px;
652        width:13px;
653        height:13px;
654        background:#fff;
655        border-radius:10px;
656        -webkit-border-radius:10px;
657        -moz-border-radius:15px;
658        border:1px solid #ccc;
659}
660
661div.vjs-loading-spinner .ball5 {
662        opacity:.62;
663        position:absolute;
664        left:20px;
665        top:40px;
666        width:13px;
667        height:13px;
668        background:#fff;
669        border-radius:13px;
670        -webkit-border-radius:13px;
671        -moz-border-radius:13px;
672        border:1px solid #ccc;
673}
674
675div.vjs-loading-spinner .ball6 {
676        opacity:.75;
677        position:absolute;
678        left:6px;
679        top:34px;
680        width:13px;
681        height:13px;
682        background:#fff;
683        border-radius:13px;
684        -webkit-border-radius:13px;
685        -moz-border-radius:13px;
686        border:1px solid #ccc;
687}
688
689div.vjs-loading-spinner .ball7 {
690        opacity:.87;
691        position:absolute;
692        left:0;
693        top:20px;
694        width:13px;
695        height:13px;
696        background:#fff;
697        border-radius:13px;
698        -webkit-border-radius:13px;
699        -moz-border-radius:13px;
700        border:1px solid #ccc;
701}
702
703div.vjs-loading-spinner .ball8 {
704        opacity:1;
705        position:absolute;
706        left:6px;
707        top:6px;
708        width:13px;
709        height:13px;
710        background:#fff;
711        border-radius:13px;
712        -webkit-border-radius:13px;
713        -moz-border-radius:13px;
714        border:1px solid #ccc;
715}
716
717.vjs-redsheen-skin .vjs-menu-button {
718        float:right;
719        margin:.2em .5em 0 0;
720        padding:0;
721        width:3em;
722        height:2em;
723        cursor:pointer!important;
724        border:1px solid #111;
725        -moz-border-radius:.3em;
726        -webkit-border-radius:.3em;
727        border-radius:.3em;
728        background:#4d4d4d;
729        background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
730        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));
731        background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
732        background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
733        background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
734        background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
735}
736
737.vjs-redsheen-skin .vjs-menu-button div {
738        background:url(video-js.png) 0 -75px no-repeat;
739        width:16px;
740        height:16px;
741        margin:.2em auto 0;
742        padding:0;
743}
744
745.vjs-redsheen-skin .vjs-menu-button ul {
746        display:none;
747        opacity:.8;
748        padding:0;
749        margin:0;
750        position:absolute;
751        width:10em;
752        bottom:2em;
753        max-height:15em;
754        left:-3.5em;
755        background-color:#111;
756        border:2px solid #333;
757        -moz-border-radius:.7em;
758        -webkit-border-radius:1em;
759        border-radius:.5em;
760        -webkit-box-shadow:0 2px 4px 0 #000;
761        -moz-box-shadow:0 2px 4px 0 #000;
762        box-shadow:0 2px 4px 0 #000;
763        overflow:auto;
764}
765
766.vjs-redsheen-skin .vjs-menu-button:focus ul,.vjs-redsheen-skin .vjs-menu-button:hover ul {
767        display:block;
768        list-style:none;
769}
770
771.vjs-redsheen-skin .vjs-menu-button ul li {
772        list-style:none;
773        margin:0;
774        padding:.3em 0 .3em 20px;
775        line-height:1.4em;
776        font-size:1.2em;
777        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
778        text-align:left;
779}
780
781.vjs-redsheen-skin .vjs-menu-button ul li.vjs-selected {
782        text-decoration:underline;
783        background:url(video-js.png) -125px -50px no-repeat;
784}
785
786.vjs-redsheen-skin .vjs-menu-button ul li:focus,.vjs-redsheen-skin .vjs-menu-button ul li:hover,.vjs-redsheen-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-redsheen-skin .vjs-menu-button ul li.vjs-selected:hover {
787        background-color:#ccc;
788        color:#111;
789        outline:0;
790}
791
792.vjs-redsheen-skin .vjs-menu-button ul li.vjs-menu-title {
793        text-align:center;
794        text-transform:uppercase;
795        font-size:1em;
796        line-height:2em;
797        padding:0;
798        margin:0 0 .3em;
799        color:#fff;
800        font-weight:700;
801        cursor:default;
802        background:#4d4d4d;
803        background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
804        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));
805        background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
806        background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
807        background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
808        background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
809}
810
811.vjs-redsheen-skin .vjs-captions-button div {
812        background-position:-25px -75px;
813}
814
815.vjs-redsheen-skin .vjs-chapters-button div {
816        background-position:-100px -75px;
817}
818
819.vjs-redsheen-skin .vjs-chapters-button ul {
820        width:20em;
821        left:-8.5em;
822}
Note: See TracBrowser for help on using the repository browser.