1 .mejs-container, .mejs-embed, .mejs-embed body { |
1 .mejs-container { |
2 background: #464646; |
2 clear: both; |
3 } |
3 } |
4 |
4 |
5 .mejs-controls .mejs-time-rail .mejs-time-loaded { |
5 .mejs-container * { |
6 background: #21759b; |
6 font-family: Helvetica, Arial; |
|
7 } |
|
8 |
|
9 .mejs-container, |
|
10 .mejs-embed, |
|
11 .mejs-embed body, |
|
12 .mejs-container .mejs-controls { |
|
13 background: #222; |
|
14 } |
|
15 |
|
16 .mejs-controls a.mejs-horizontal-volume-slider { |
|
17 display: table; |
|
18 } |
|
19 |
|
20 .mejs-controls .mejs-time-rail .mejs-time-loaded, |
|
21 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { |
|
22 background: #fff; |
7 } |
23 } |
8 |
24 |
9 .mejs-controls .mejs-time-rail .mejs-time-current { |
25 .mejs-controls .mejs-time-rail .mejs-time-current { |
10 background: #d54e21; |
26 background: #0073aa; |
|
27 } |
|
28 |
|
29 .mejs-controls .mejs-time-rail .mejs-time-total, |
|
30 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { |
|
31 background: rgba(255, 255, 255, .33); |
|
32 } |
|
33 |
|
34 .mejs-controls .mejs-time-rail span, |
|
35 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, |
|
36 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { |
|
37 border-radius: 0; |
|
38 } |
|
39 |
|
40 .mejs-controls .mejs-offscreen { |
|
41 clip: rect(1px, 1px, 1px, 1px); |
|
42 position: absolute; |
|
43 } |
|
44 |
|
45 .mejs-controls a:focus > .mejs-offscreen { |
|
46 background-color: #f1f1f1; |
|
47 border-radius: 3px; |
|
48 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
|
49 clip: auto; |
|
50 color: #21759b; |
|
51 display: block; |
|
52 font-size: 14px; |
|
53 font-weight: bold; |
|
54 height: auto; |
|
55 line-height: normal; |
|
56 padding: 15px 23px 14px; |
|
57 position: absolute; |
|
58 left: 0; |
|
59 top: 15px; |
|
60 text-decoration: none; |
|
61 text-transform: none; |
|
62 width: auto; |
|
63 } |
|
64 |
|
65 .mejs-overlay-loading { |
|
66 background: transparent; |
|
67 } |
|
68 |
|
69 /* Override theme styles that may conflict with controls. */ |
|
70 .mejs-controls button:hover { |
|
71 border: none; |
|
72 -webkit-box-shadow: none; |
|
73 box-shadow: none; |
11 } |
74 } |
12 |
75 |
13 .me-cannotplay { |
76 .me-cannotplay { |
14 width: auto !important; |
77 width: auto !important; |
15 } |
78 } |
|
79 |
|
80 .media-embed-details .wp-audio-shortcode { |
|
81 display: inline-block; |
|
82 max-width: 400px; |
|
83 } |
|
84 |
|
85 .audio-details .embed-media-settings { |
|
86 overflow: visible; |
|
87 } |
|
88 |
|
89 .media-embed-details .embed-media-settings .setting span { |
|
90 max-width: 400px; |
|
91 width: auto; |
|
92 } |
|
93 |
|
94 .media-embed-details .embed-media-settings .checkbox-setting span { |
|
95 display: inline-block; |
|
96 } |
|
97 |
|
98 .media-embed-details .embed-media-settings { |
|
99 padding-top: 0; |
|
100 top: 28px; |
|
101 } |
|
102 |
|
103 .media-embed-details .instructions { |
|
104 padding: 16px 0; |
|
105 max-width: 600px; |
|
106 } |
|
107 |
|
108 .media-embed-details .setting p, |
|
109 .media-embed-details .setting a { |
|
110 color: #a00; |
|
111 font-size: 10px; |
|
112 text-transform: uppercase; |
|
113 } |
|
114 |
|
115 .media-embed-details .setting a:hover { |
|
116 color: #f00; |
|
117 } |
|
118 |
|
119 .media-embed-details .embed-media-settings .checkbox-setting { |
|
120 float: none; |
|
121 margin: 0 0 10px; |
|
122 } |
|
123 |
|
124 .wp-video { |
|
125 max-width: 100%; |
|
126 height: auto; |
|
127 } |
|
128 |
|
129 .wp_attachment_holder .wp-video, |
|
130 .wp_attachment_holder .wp-audio-shortcode { |
|
131 margin-top: 18px; |
|
132 } |
|
133 |
|
134 video.wp-video-shortcode, |
|
135 .wp-video-shortcode video { |
|
136 max-width: 100%; |
|
137 display: inline-block; |
|
138 } |
|
139 |
|
140 .video-details .wp-video-holder { |
|
141 width: 100%; |
|
142 max-width: 640px; |
|
143 } |
|
144 |
|
145 .wp-playlist { |
|
146 border: 1px solid #ccc; |
|
147 padding: 10px; |
|
148 margin: 12px 0 18px; |
|
149 font-size: 14px; |
|
150 line-height: 1.5; |
|
151 } |
|
152 |
|
153 .wp-admin .wp-playlist { |
|
154 margin: 0 0 18px; |
|
155 } |
|
156 |
|
157 .wp-playlist video { |
|
158 display: inline-block; |
|
159 max-width: 100%; |
|
160 } |
|
161 |
|
162 .wp-playlist audio { |
|
163 display: none; |
|
164 max-width: 100%; |
|
165 width: 400px; |
|
166 } |
|
167 |
|
168 .wp-playlist .mejs-container { |
|
169 margin: 0; |
|
170 width: 100%; |
|
171 } |
|
172 |
|
173 .wp-playlist .mejs-controls .mejs-button button { |
|
174 outline: 0; |
|
175 } |
|
176 |
|
177 .wp-playlist-light { |
|
178 background: #fff; |
|
179 color: #000; |
|
180 } |
|
181 |
|
182 .wp-playlist-dark { |
|
183 color: #fff; |
|
184 background: #000; |
|
185 } |
|
186 |
|
187 .wp-playlist-caption { |
|
188 display: block; |
|
189 max-width: 88%; |
|
190 overflow: hidden; |
|
191 text-overflow: ellipsis; |
|
192 white-space: nowrap; |
|
193 font-size: 14px; |
|
194 line-height: 1.5; |
|
195 } |
|
196 |
|
197 .wp-playlist-item .wp-playlist-caption { |
|
198 text-decoration: none; |
|
199 color: #000; |
|
200 max-width: -webkit-calc(100% - 40px); |
|
201 max-width: calc(100% - 40px); |
|
202 } |
|
203 |
|
204 .wp-playlist-item-meta { |
|
205 display: block; |
|
206 font-size: 14px; |
|
207 line-height: 1.5; |
|
208 } |
|
209 |
|
210 .wp-playlist-item-title { |
|
211 font-size: 14px; |
|
212 line-height: 1.5; |
|
213 } |
|
214 |
|
215 .wp-playlist-item-album { |
|
216 font-style: italic; |
|
217 overflow: hidden; |
|
218 text-overflow: ellipsis; |
|
219 white-space: nowrap; |
|
220 } |
|
221 |
|
222 .wp-playlist-item-artist { |
|
223 font-size: 12px; |
|
224 text-transform: uppercase; |
|
225 } |
|
226 |
|
227 .wp-playlist-item-length { |
|
228 position: absolute; |
|
229 right: 3px; |
|
230 top: 0; |
|
231 font-size: 14px; |
|
232 line-height: 1.5; |
|
233 } |
|
234 |
|
235 .rtl .wp-playlist-item-length { |
|
236 left: 3px; |
|
237 right: auto; |
|
238 } |
|
239 |
|
240 .wp-playlist-tracks { |
|
241 margin-top: 10px; |
|
242 } |
|
243 |
|
244 .wp-playlist-item { |
|
245 position: relative; |
|
246 cursor: pointer; |
|
247 padding: 0 3px; |
|
248 border-bottom: 1px solid #ccc; |
|
249 } |
|
250 |
|
251 .wp-playlist-item:last-child { |
|
252 border-bottom: 0; |
|
253 } |
|
254 |
|
255 .wp-playlist-light .wp-playlist-caption { |
|
256 color: #333; |
|
257 } |
|
258 |
|
259 .wp-playlist-dark .wp-playlist-caption { |
|
260 color: #dedede; |
|
261 } |
|
262 |
|
263 .wp-playlist-playing { |
|
264 font-weight: bold; |
|
265 background: #f7f7f7; |
|
266 } |
|
267 |
|
268 .wp-playlist-light .wp-playlist-playing { |
|
269 background: #fff; |
|
270 color: #000; |
|
271 } |
|
272 |
|
273 .wp-playlist-dark .wp-playlist-playing { |
|
274 background: #000; |
|
275 color: #fff; |
|
276 } |
|
277 |
|
278 .wp-playlist-current-item { |
|
279 overflow: hidden; |
|
280 margin-bottom: 10px; |
|
281 height: 60px; |
|
282 } |
|
283 |
|
284 .wp-playlist .wp-playlist-current-item img { |
|
285 float: left; |
|
286 max-width: 60px; |
|
287 height: auto; |
|
288 margin-right: 10px; |
|
289 padding: 0; |
|
290 border: 0; |
|
291 } |
|
292 |
|
293 .rtl .wp-playlist .wp-playlist-current-item img { |
|
294 float: right; |
|
295 margin-left: 10px; |
|
296 margin-right: 0; |
|
297 } |
|
298 |
|
299 .wp-playlist-current-item .wp-playlist-item-title, |
|
300 .wp-playlist-current-item .wp-playlist-item-artist { |
|
301 overflow: hidden; |
|
302 text-overflow: ellipsis; |
|
303 white-space: nowrap; |
|
304 } |
|
305 |
|
306 .wp-audio-playlist .me-cannotplay span { |
|
307 padding: 5px 15px; |
|
308 } |