1 |
|
---|
2 | body { font-family:'verdana'; }
|
---|
3 |
|
---|
4 | h1 {
|
---|
5 | font-size:16px;
|
---|
6 | color:#333;
|
---|
7 | }
|
---|
8 |
|
---|
9 | #media-player {
|
---|
10 | float:left;
|
---|
11 | padding:1em 1em .5em;
|
---|
12 | background-color:#333;
|
---|
13 | }
|
---|
14 |
|
---|
15 | video {
|
---|
16 | /*
|
---|
17 | border:1px solid #2e52a4;
|
---|
18 | */
|
---|
19 | /*
|
---|
20 | width:305px;
|
---|
21 | height:160px;
|
---|
22 | */
|
---|
23 | background:#000;
|
---|
24 | }
|
---|
25 |
|
---|
26 |
|
---|
27 | .button {
|
---|
28 | text-indent:-9999px;
|
---|
29 | width:16px;
|
---|
30 | height:16px;
|
---|
31 | border:none;
|
---|
32 | cursor:pointer;
|
---|
33 | background:transparent url('images/buttons.png') no-repeat 0 0;
|
---|
34 | }
|
---|
35 |
|
---|
36 |
|
---|
37 |
|
---|
38 | .buttonx2 {
|
---|
39 | text-indent:-9999px;
|
---|
40 | width:32px;
|
---|
41 | height:32px;
|
---|
42 | border:none;
|
---|
43 | cursor:pointer;
|
---|
44 | background:transparent url('images/buttons_x2.png') no-repeat 0 0;
|
---|
45 | }
|
---|
46 |
|
---|
47 | /*
|
---|
48 | .pause { background-position:-19px 0; }
|
---|
49 | .stop { background-position:-38px 0; }
|
---|
50 | */
|
---|
51 | .volume-plus { background-position:-57px 0; }
|
---|
52 | .volume-minus { background-position:-76px 0; }
|
---|
53 | .mute { background-position:-95px 0; }
|
---|
54 | .unmute { background-position:-114px 0; }
|
---|
55 | /*
|
---|
56 | .replay { background-position:-133px 0; }
|
---|
57 | */
|
---|
58 |
|
---|
59 | .pause { background-position:-38px 0; }
|
---|
60 | .stop { background-position:-76px 0; }
|
---|
61 | /*
|
---|
62 | .volume-plus { background-position:-114px 0; }
|
---|
63 | .volume-minus { background-position:-152px 0; }
|
---|
64 | .mute { background-position:-190px 0; }
|
---|
65 | .unmute { background-position:-228px 0; }
|
---|
66 | */
|
---|
67 | .replay { background-position:-266px 0; }
|
---|
68 |
|
---|
69 | #progress-bar {
|
---|
70 | color:#fff;
|
---|
71 | font-size:12px;
|
---|
72 | /* width:172px; */
|
---|
73 | height:26px;
|
---|
74 | /*
|
---|
75 | margin-right:5px;
|
---|
76 | */
|
---|
77 |
|
---|
78 | background:#434343;
|
---|
79 | margin: 0;
|
---|
80 | /*
|
---|
81 | padding: 0;
|
---|
82 | border: 0;
|
---|
83 | */
|
---|
84 | border: 2px solid black;
|
---|
85 | padding: 2px;
|
---|
86 | padding-left: 4px;
|
---|
87 | padding-right: 4px;
|
---|
88 |
|
---|
89 | }
|
---|
90 | #progress::-moz-progress-bar { background:#2e52a4; }
|
---|
91 |
|
---|
92 | #media-play-list {
|
---|
93 | float:left;
|
---|
94 | clear:both;
|
---|
95 | color:#aaa;
|
---|
96 | width:100%;
|
---|
97 | margin-top:10px;
|
---|
98 | border-top:1px solid #2e52a4;
|
---|
99 | }
|
---|
100 | #media-play-list h2 { font-size:12px; }
|
---|
101 | #play-list {
|
---|
102 | padding:0;
|
---|
103 | font-size:12px;
|
---|
104 | list-style-type:none;
|
---|
105 | }
|
---|
106 | #play-list li {
|
---|
107 | cursor:pointer;
|
---|
108 | padding-left:15px;
|
---|
109 | background:transparent url('images/item.png') no-repeat 0 4px;
|
---|
110 | }
|
---|
111 |
|
---|
112 |
|
---|
113 | .ui-widget-overlay {
|
---|
114 | height: 100%;
|
---|
115 | width: 100%;
|
---|
116 | opacity: 0.4;
|
---|
117 | filter: Alpha(Opacity=40);
|
---|
118 | /*background-color: black; */
|
---|
119 | /*background: #AAA url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat scroll 50% */
|
---|
120 |
|
---|
121 | background-color: #AAA;
|
---|
122 | background-repeat: repeat;
|
---|
123 | background-attachment: scroll;
|
---|
124 | background-position: 50%;
|
---|
125 | }
|
---|