gyorgy@0
|
1 /* TED player */
|
gyorgy@0
|
2 .mejs-container.mejs-ted {
|
gyorgy@0
|
3
|
gyorgy@0
|
4 }
|
gyorgy@0
|
5 .mejs-ted .mejs-controls {
|
gyorgy@0
|
6 background: #eee;
|
gyorgy@0
|
7 height: 65px;
|
gyorgy@0
|
8 }
|
gyorgy@0
|
9
|
gyorgy@0
|
10 .mejs-ted .mejs-button,
|
gyorgy@0
|
11 .mejs-ted .mejs-time {
|
gyorgy@0
|
12 position: absolute;
|
gyorgy@0
|
13 background: #ddd;
|
gyorgy@0
|
14 }
|
gyorgy@0
|
15 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total {
|
gyorgy@0
|
16 background-color: none;
|
gyorgy@0
|
17 background: url(controls-ted.png) repeat-x 0 -52px;
|
gyorgy@0
|
18 height: 6px;
|
gyorgy@0
|
19 }
|
gyorgy@0
|
20 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded {
|
gyorgy@0
|
21 background-color: none;
|
gyorgy@0
|
22 background: url(controls-ted.png) repeat-x 0 -52px;
|
gyorgy@0
|
23 width: 0;
|
gyorgy@0
|
24 height: 6px;
|
gyorgy@0
|
25 }
|
gyorgy@0
|
26 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current {
|
gyorgy@0
|
27 width: 0;
|
gyorgy@0
|
28 height: 6px;
|
gyorgy@0
|
29 background-color: none;
|
gyorgy@0
|
30 background: url(controls-ted.png) repeat-x 0 -59px;
|
gyorgy@0
|
31 }
|
gyorgy@0
|
32 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle {
|
gyorgy@0
|
33 display: block;
|
gyorgy@0
|
34 margin: 0;
|
gyorgy@0
|
35 width: 14px;
|
gyorgy@0
|
36 height: 21px;
|
gyorgy@0
|
37 top: -7px;
|
gyorgy@0
|
38 border: 0;
|
gyorgy@0
|
39 background: url(controls-ted.png) no-repeat 0 0;
|
gyorgy@0
|
40 }
|
gyorgy@0
|
41 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float {
|
gyorgy@0
|
42 display: none;
|
gyorgy@0
|
43 }
|
gyorgy@0
|
44 .mejs-ted .mejs-controls .mejs-playpause-button {
|
gyorgy@0
|
45 top: 29px;
|
gyorgy@0
|
46 left: 9px;
|
gyorgy@0
|
47 width: 49px;
|
gyorgy@0
|
48 height: 28px;
|
gyorgy@0
|
49 }
|
gyorgy@0
|
50 .mejs-ted .mejs-controls .mejs-playpause-button button {
|
gyorgy@0
|
51 width: 49px;
|
gyorgy@0
|
52 height: 28px;
|
gyorgy@0
|
53 background: url(controls-ted.png) no-repeat -50px -23px;
|
gyorgy@0
|
54 margin: 0;
|
gyorgy@0
|
55 padding: 0;
|
gyorgy@0
|
56 }
|
gyorgy@0
|
57 .mejs-ted .mejs-controls .mejs-pause button {
|
gyorgy@0
|
58 background-position: 0 -23px;
|
gyorgy@0
|
59 }
|
gyorgy@0
|
60
|
gyorgy@0
|
61 .mejs-ted .mejs-controls .mejs-fullscreen-button {
|
gyorgy@0
|
62 top: 34px;
|
gyorgy@0
|
63 right: 9px;
|
gyorgy@0
|
64 width: 17px;
|
gyorgy@0
|
65 height: 15px;
|
gyorgy@0
|
66 background : none;
|
gyorgy@0
|
67 }
|
gyorgy@0
|
68 .mejs-ted .mejs-controls .mejs-fullscreen-button button {
|
gyorgy@0
|
69 width: 19px;
|
gyorgy@0
|
70 height: 17px;
|
gyorgy@0
|
71 background: transparent url(controls-ted.png) no-repeat 0 -66px;
|
gyorgy@0
|
72 margin: 0;
|
gyorgy@0
|
73 padding: 0;
|
gyorgy@0
|
74 }
|
gyorgy@0
|
75 .mejs-ted .mejs-controls .mejs-unfullscreen button {
|
gyorgy@0
|
76 background: transparent url(controls-ted.png) no-repeat -21px -66px;
|
gyorgy@0
|
77 margin: 0;
|
gyorgy@0
|
78 padding: 0;
|
gyorgy@0
|
79 }
|
gyorgy@0
|
80 .mejs-ted .mejs-controls .mejs-volume-button {
|
gyorgy@0
|
81 top: 30px;
|
gyorgy@0
|
82 right: 35px;
|
gyorgy@0
|
83 width: 24px;
|
gyorgy@0
|
84 height: 22px;
|
gyorgy@0
|
85 }
|
gyorgy@0
|
86 .mejs-ted .mejs-controls .mejs-mute button {
|
gyorgy@0
|
87 background: url(controls-ted.png) no-repeat -15px 0;
|
gyorgy@0
|
88 width: 24px;
|
gyorgy@0
|
89 height: 22px;
|
gyorgy@0
|
90 margin: 0;
|
gyorgy@0
|
91 padding: 0;
|
gyorgy@0
|
92 }
|
gyorgy@0
|
93 .mejs-ted .mejs-controls .mejs-unmute button {
|
gyorgy@0
|
94 background: url(controls-ted.png) no-repeat -40px 0;
|
gyorgy@0
|
95 width: 24px;
|
gyorgy@0
|
96 height: 22px;
|
gyorgy@0
|
97 margin: 0;
|
gyorgy@0
|
98 padding: 0;
|
gyorgy@0
|
99 }
|
gyorgy@0
|
100 .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-slider {
|
gyorgy@0
|
101 background: #fff;
|
gyorgy@0
|
102 border: solid 1px #aaa;
|
gyorgy@0
|
103 border-width: 1px 1px 0 1px;
|
gyorgy@0
|
104 width: 22px;
|
gyorgy@0
|
105 height: 65px;
|
gyorgy@0
|
106 top: -65px;
|
gyorgy@0
|
107 }
|
gyorgy@0
|
108 .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-total {
|
gyorgy@0
|
109 background: url(controls-ted.png) repeat-y -41px -66px;
|
gyorgy@0
|
110 left: 8px;
|
gyorgy@0
|
111 width: 6px;
|
gyorgy@0
|
112 height: 50px;
|
gyorgy@0
|
113 }
|
gyorgy@0
|
114 .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-current {
|
gyorgy@0
|
115 left: 8px;
|
gyorgy@0
|
116 width: 6px;
|
gyorgy@0
|
117 background: url(controls-ted.png) repeat-y -48px -66px;
|
gyorgy@0
|
118 height: 50px;
|
gyorgy@0
|
119 }
|
gyorgy@0
|
120
|
gyorgy@0
|
121 .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-handle {
|
gyorgy@0
|
122 display: none;
|
gyorgy@0
|
123 }
|
gyorgy@0
|
124
|
gyorgy@0
|
125 .mejs-ted .mejs-controls .mejs-time span {
|
gyorgy@0
|
126 color: #333;
|
gyorgy@0
|
127 }
|
gyorgy@0
|
128 .mejs-ted .mejs-controls .mejs-currenttime-container {
|
gyorgy@0
|
129 position: absolute;
|
gyorgy@0
|
130 top: 32px;
|
gyorgy@0
|
131 right: 100px;
|
gyorgy@0
|
132 border: solid 1px #999;
|
gyorgy@0
|
133 background: #fff;
|
gyorgy@0
|
134 color: #333;
|
gyorgy@0
|
135 padding-top: 2px;
|
gyorgy@0
|
136 border-radius: 3px;
|
gyorgy@0
|
137 color: #333;
|
gyorgy@0
|
138 }
|
gyorgy@0
|
139 .mejs-ted .mejs-controls .mejs-duration-container {
|
gyorgy@0
|
140
|
gyorgy@0
|
141 position: absolute;
|
gyorgy@0
|
142 top: 32px;
|
gyorgy@0
|
143 right: 65px;
|
gyorgy@0
|
144 border: solid 1px #999;
|
gyorgy@0
|
145 background: #fff;
|
gyorgy@0
|
146 color: #333;
|
gyorgy@0
|
147 padding-top: 2px;
|
gyorgy@0
|
148 border-radius: 3px;
|
gyorgy@0
|
149 color: #333;
|
gyorgy@0
|
150 }
|
gyorgy@0
|
151
|
gyorgy@0
|
152 .mejs-ted .mejs-controls .mejs-time button{
|
gyorgy@0
|
153 color: #333;
|
gyorgy@0
|
154 }
|
gyorgy@0
|
155 .mejs-ted .mejs-controls .mejs-captions-button {
|
gyorgy@0
|
156 display: none;
|
gyorgy@0
|
157 }
|
gyorgy@0
|
158 /* END: TED player */
|
gyorgy@0
|
159
|
gyorgy@0
|
160
|
gyorgy@0
|
161 /* WMP player */
|
gyorgy@0
|
162 .mejs-container.mejs-wmp {
|
gyorgy@0
|
163
|
gyorgy@0
|
164 }
|
gyorgy@0
|
165 .mejs-wmp .mejs-controls {
|
gyorgy@0
|
166 background: transparent url(controls-wmp-bg.png) center 16px no-repeat;
|
gyorgy@0
|
167 height: 65px;
|
gyorgy@0
|
168 }
|
gyorgy@0
|
169
|
gyorgy@0
|
170 .mejs-wmp .mejs-button,
|
gyorgy@0
|
171 .mejs-wmp .mejs-time {
|
gyorgy@0
|
172 position: absolute;
|
gyorgy@0
|
173 background: transparent;
|
gyorgy@0
|
174 }
|
gyorgy@0
|
175 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total {
|
gyorgy@0
|
176 background-color: transparent;
|
gyorgy@0
|
177 border: solid 1px #ccc;
|
gyorgy@0
|
178 height: 3px;
|
gyorgy@0
|
179 }
|
gyorgy@0
|
180 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {
|
gyorgy@0
|
181 background-color: rgba(255,255,255,0.3);
|
gyorgy@0
|
182 width: 0;
|
gyorgy@0
|
183 height: 3px;
|
gyorgy@0
|
184 }
|
gyorgy@0
|
185 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {
|
gyorgy@0
|
186 width: 0;
|
gyorgy@0
|
187 height: 1px;
|
gyorgy@0
|
188 background-color: #014CB6;
|
gyorgy@0
|
189 border: solid 1px #7FC9FA;
|
gyorgy@0
|
190 border-width: 1px 0;
|
gyorgy@0
|
191 border-color: #7FC9FA #fff #619FF2 #fff;
|
gyorgy@0
|
192 }
|
gyorgy@0
|
193 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle {
|
gyorgy@0
|
194 display: block;
|
gyorgy@0
|
195 margin: 0;
|
gyorgy@0
|
196 width: 16px;
|
gyorgy@0
|
197 height: 9px;
|
gyorgy@0
|
198 top: -3px;
|
gyorgy@0
|
199 border: 0;
|
gyorgy@0
|
200 background: url(controls-wmp.png) no-repeat 0 -80px;
|
gyorgy@0
|
201 }
|
gyorgy@0
|
202 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float {
|
gyorgy@0
|
203 display: none;
|
gyorgy@0
|
204 }
|
gyorgy@0
|
205 .mejs-wmp .mejs-controls .mejs-playpause-button {
|
gyorgy@0
|
206 top: 10px;
|
gyorgy@0
|
207 left: 50%;
|
gyorgy@0
|
208 margin: 10px 0 0 -20px;
|
gyorgy@0
|
209 width: 40px;
|
gyorgy@0
|
210 height: 40px;
|
gyorgy@0
|
211
|
gyorgy@0
|
212 }
|
gyorgy@0
|
213 .mejs-wmp .mejs-controls .mejs-playpause-button button {
|
gyorgy@0
|
214 width: 40px;
|
gyorgy@0
|
215 height: 40px;
|
gyorgy@0
|
216 background: url(controls-wmp.png) no-repeat 0 0;
|
gyorgy@0
|
217 margin: 0;
|
gyorgy@0
|
218 padding: 0;
|
gyorgy@0
|
219 }
|
gyorgy@0
|
220 .mejs-wmp .mejs-controls .mejs-pause button {
|
gyorgy@0
|
221 background-position: 0 -40px;
|
gyorgy@0
|
222 }
|
gyorgy@0
|
223
|
gyorgy@0
|
224 .mejs-wmp .mejs-controls .mejs-currenttime-container {
|
gyorgy@0
|
225 position: absolute;
|
gyorgy@0
|
226 top: 25px;
|
gyorgy@0
|
227 left: 50%;
|
gyorgy@0
|
228 margin-left: -93px;
|
gyorgy@0
|
229 }
|
gyorgy@0
|
230 .mejs-wmp .mejs-controls .mejs-duration-container {
|
gyorgy@0
|
231 position: absolute;
|
gyorgy@0
|
232 top: 25px;
|
gyorgy@0
|
233 left: 50%;
|
gyorgy@0
|
234 margin-left: -58px;
|
gyorgy@0
|
235 }
|
gyorgy@0
|
236
|
gyorgy@0
|
237
|
gyorgy@0
|
238 .mejs-wmp .mejs-controls .mejs-volume-button {
|
gyorgy@0
|
239 top: 32px;
|
gyorgy@0
|
240 right: 50%;
|
gyorgy@0
|
241 margin-right: -55px;
|
gyorgy@0
|
242 width: 20px;
|
gyorgy@0
|
243 height: 15px;
|
gyorgy@0
|
244 }
|
gyorgy@0
|
245 .mejs-wmp .mejs-controls .mejs-volume-button button {
|
gyorgy@0
|
246 margin: 0;
|
gyorgy@0
|
247 padding: 0;
|
gyorgy@0
|
248 background: url(controls-wmp.png) no-repeat -42px -17px;
|
gyorgy@0
|
249 width: 20px;
|
gyorgy@0
|
250 height: 15px;
|
gyorgy@0
|
251 }
|
gyorgy@0
|
252 .mejs-wmp .mejs-controls .mejs-unmute button {
|
gyorgy@0
|
253 margin: 0;
|
gyorgy@0
|
254 padding: 0;
|
gyorgy@0
|
255 background: url(controls-wmp.png) no-repeat -42px 0;
|
gyorgy@0
|
256 width: 20px;
|
gyorgy@0
|
257 height: 15px;
|
gyorgy@0
|
258 }
|
gyorgy@0
|
259 .mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider {
|
gyorgy@0
|
260 background: rgba(102,102,102,0.6);
|
gyorgy@0
|
261 }
|
gyorgy@0
|
262
|
gyorgy@0
|
263 .mejs-wmp .mejs-controls .mejs-fullscreen-button {
|
gyorgy@0
|
264 top: 32px;
|
gyorgy@0
|
265 right: 50%;
|
gyorgy@0
|
266 margin-right: -82px;
|
gyorgy@0
|
267 width: 15px;
|
gyorgy@0
|
268 height: 14px;
|
gyorgy@0
|
269 }
|
gyorgy@0
|
270 .mejs-wmp .mejs-controls .mejs-fullscreen-button button {
|
gyorgy@0
|
271 margin: 0;
|
gyorgy@0
|
272 padding: 0;
|
gyorgy@0
|
273 background: url(controls-wmp.png) no-repeat -63px 0;
|
gyorgy@0
|
274 width: 15px;
|
gyorgy@0
|
275 height: 14px;
|
gyorgy@0
|
276 }
|
gyorgy@0
|
277 .mejs-wmp .mejs-controls .mejs-captions-button {
|
gyorgy@0
|
278 display: none;
|
gyorgy@0
|
279 }
|
gyorgy@0
|
280 /* END: WMP player */
|
gyorgy@0
|
281
|
gyorgy@0
|
282
|
gyorgy@0
|
283
|