a jQuery UI plugin named nsvideo, that plays videos using html5, was implemented...
[living-lab-site.git] / css / jquery.ui.nsvideo.css
1 .ui-slider-horizontal
2 {
3         height: 0.5em !important;
4 }
5 .ui-slider-horizontal .ui-slider-handle
6 {
7         margin-left: -0.24em !important;
8         top: -0.3em !important;
9 }
10 .ui-slider-handle
11 {
12         width: 0.5em !important;
13         height: 1em !important;
14 }
15
16 .ui-nsvideo-time
17 {
18         height: 2em;
19         margin-top: 0.5em;
20         margin-bottom: 0.5em;
21         margin-left: 1em;
22         font-size: 1em;
23         line-height: 1em;
24 }
25
26 .ui-nsvideo-progress-container
27 {
28         padding: 0.5em;
29         padding-left: 1em;
30         padding-right: 1em;
31 }
32
33 .ui-nsvideo-progress
34 {
35         position: relative;
36         /*height: 0.5em;*/
37 }
38
39 .ui-nsvideo-loaded-progress
40 {
41         height: 100%;
42 }
43
44 .ui-nsvideo-nsplugin
45 {
46         padding: 4px;
47 }
48
49 .ui-nsvideo-controls
50 {
51         height: 2em;
52 }
53 .ui-nsvideo-controls button
54 {
55         width: 2em;
56         height: 2em;
57 }
58 .ui-button-text
59 {
60         width: 2em;
61         height: 1.5em;
62         padding-top: 0.5em !important;
63         padding-bottom: 0 !important;
64         line-height: 100% !important;
65         font-size: 1em;
66 }
67
68 .ui-nsvideo-control-left
69 {
70         float: left;
71 }
72
73 .ui-nsvideo-control-right
74 {
75         float: right;
76 }
77
78 .ui-nsvideo-volume
79 {
80         width: 5em;
81         height: 0.5em;
82         margin-top: 0.7em;
83         margin-bottom: 0.8em;
84         margin-left: 0.3em;
85         margin-right: 1em;
86 }