OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html i18n-values="dir:textdirection;"> | 2 <html i18n-values="dir:textdirection;"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <title>Media Player</title> | 5 <title>Media Player</title> |
6 <style type="text/css"> | 6 <style type="text/css"> |
7 | 7 |
8 body { | 8 body { |
9 overflow: hidden; | 9 overflow: hidden; |
10 background: black; | 10 background: black; |
(...skipping 103 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 | 114 |
115 .soundbutton { | 115 .soundbutton { |
116 position: absolute; | 116 position: absolute; |
117 right: 30px; | 117 right: 30px; |
118 bottom: 0; | 118 bottom: 0; |
119 border-left: 1px solid #424242; | 119 border-left: 1px solid #424242; |
120 border-right: 1px solid black; | 120 border-right: 1px solid black; |
121 } | 121 } |
122 | 122 |
123 .soundiconhigh { | 123 .soundiconhigh { |
124 background: url('shared/images/mediaplayer_vol_high.png'); | 124 /* background: TODO(serya): Restore mediaplayer_vol_high.png after moving medi
aplayer to extension. */ |
125 } | 125 } |
126 | 126 |
127 .soundiconmuted { | 127 .soundiconmuted { |
128 background: url('shared/images/mediaplayer_vol_mute.png'); | 128 /* background: TODO(serya): Restore mediaplayer_vol_mute.png after moving medi
aplayer to extension. */ |
129 } | 129 } |
130 | 130 |
131 .soundiconhigh, | 131 .soundiconhigh, |
132 .soundiconmuted { | 132 .soundiconmuted { |
133 background-repeat: no-repeat; | 133 background-repeat: no-repeat; |
134 background-position: 6px 8px; | 134 background-position: 6px 8px; |
135 } | 135 } |
136 | 136 |
137 .volume { | 137 .volume { |
138 position: absolute; | 138 position: absolute; |
139 bottom: 30px; | 139 bottom: 30px; |
140 height: 80px; | 140 height: 80px; |
141 width: 30px; | 141 width: 30px; |
142 right: 30px; | 142 right: 30px; |
143 z-index: 99999; | 143 z-index: 99999; |
144 background: black; | 144 background: black; |
145 background: -webkit-linear-gradient(#323232, #070707); | 145 background: -webkit-linear-gradient(#323232, #070707); |
146 } | 146 } |
147 | 147 |
148 .fullscreen { | 148 .fullscreen { |
149 position: absolute; | 149 position: absolute; |
150 right: 60px; | 150 right: 60px; |
151 bottom: 0; | 151 bottom: 0; |
152 border-left: 1px solid #424242; | 152 border-left: 1px solid #424242; |
153 border-right: 1px solid black; | 153 border-right: 1px solid black; |
154 } | 154 } |
155 | 155 |
156 .fullscreenicon { | 156 .fullscreenicon { |
157 background: url('shared/images/mediaplayer_full_screen.png'); | 157 /* background: TODO(serya): Restore mediaplayer_full_screen.png after moving m
ediaplayer to extension. */ |
158 background-repeat: no-repeat; | 158 background-repeat: no-repeat; |
159 background-position: 6px 8px; | 159 background-position: 6px 8px; |
160 } | 160 } |
161 | 161 |
162 .fullscreenexiticon { | 162 .fullscreenexiticon { |
163 background: url('shared/images/mediaplayer_full_screen_exit.png'); | 163 /* background: TODO(serya): Restore mediaplayer_full_screen_exit.png after mov
ing mediaplayer to extension. */ |
164 background-repeat: no-repeat; | 164 background-repeat: no-repeat; |
165 background-position: 6px 8px; | 165 background-position: 6px 8px; |
166 } | 166 } |
167 | 167 |
168 .volumeslider { | 168 .volumeslider { |
169 -webkit-appearance: slider-vertical; | 169 -webkit-appearance: slider-vertical; |
170 position: absolute; | 170 position: absolute; |
171 left: 0; | 171 left: 0; |
172 right: 0; | 172 right: 0; |
173 bottom: 0; | 173 bottom: 0; |
174 top: 0; | 174 top: 0; |
175 } | 175 } |
176 | 176 |
177 .playbutton { | 177 .playbutton { |
178 position: absolute; | 178 position: absolute; |
179 left: 30px; | 179 left: 30px; |
180 bottom: 0; | 180 bottom: 0; |
181 border-left: 1px solid #424242; | 181 border-left: 1px solid #424242; |
182 border-right: 1px solid black; | 182 border-right: 1px solid black; |
183 } | 183 } |
184 | 184 |
185 .playicon { | 185 .playicon { |
186 background: url('shared/images/mediaplayer_play.png'); | 186 /* background: TODO(serya): Restore mediaplayer_play.png after moving mediapla
yer to extension. */ |
187 background-repeat: no-repeat; | 187 background-repeat: no-repeat; |
188 background-position: 9px 8px; | 188 background-position: 9px 8px; |
189 } | 189 } |
190 | 190 |
191 .pausebutton { | 191 .pausebutton { |
192 position: absolute; | 192 position: absolute; |
193 left: 30px; | 193 left: 30px; |
194 bottom: 0; | 194 bottom: 0; |
195 border-left: 1px solid #424242; | 195 border-left: 1px solid #424242; |
196 border-right: 1px solid black; | 196 border-right: 1px solid black; |
197 } | 197 } |
198 | 198 |
199 .pauseicon { | 199 .pauseicon { |
200 background: url('shared/images/mediaplayer_pause.png'); | 200 /* background: Restore mediaplayer_pause.png after moving mediaplayer to exten
sion. */ |
201 background-repeat: no-repeat; | 201 background-repeat: no-repeat; |
202 background-position: 9px 8px; | 202 background-position: 9px 8px; |
203 } | 203 } |
204 | 204 |
205 .prevbutton { | 205 .prevbutton { |
206 position: absolute; | 206 position: absolute; |
207 left: 0; | 207 left: 0; |
208 bottom: 0; | 208 bottom: 0; |
209 border-right: 1px solid black; | 209 border-right: 1px solid black; |
210 } | 210 } |
211 | 211 |
212 .previcon { | 212 .previcon { |
213 background: url('shared/images/mediaplayer_prev.png'); | 213 /* background: TODO(serya): Restore mediaplayer_prev.png after moving mediapla
yer to extension. */ |
214 background-repeat: no-repeat; | 214 background-repeat: no-repeat; |
215 background-position: 6px 8px; | 215 background-position: 6px 8px; |
216 } | 216 } |
217 | 217 |
218 .playbackvideoelement { | 218 .playbackvideoelement { |
219 width: 100%; | 219 width: 100%; |
220 height: 100%; | 220 height: 100%; |
221 position: absolute; | 221 position: absolute; |
222 left: 0; | 222 left: 0; |
223 top: 0; | 223 top: 0; |
(...skipping 19 matching lines...) Expand all Loading... |
243 | 243 |
244 .nextbutton { | 244 .nextbutton { |
245 position: absolute; | 245 position: absolute; |
246 left: 60px; | 246 left: 60px; |
247 bottom: 0; | 247 bottom: 0; |
248 border-left: 1px solid #424242; | 248 border-left: 1px solid #424242; |
249 border-right: 1px solid black; | 249 border-right: 1px solid black; |
250 } | 250 } |
251 | 251 |
252 .nexticon { | 252 .nexticon { |
253 background: url('shared/images/mediaplayer_next.png'); | 253 /* background: TODO(serya): Restore mediaplayer_next.png after moving mediapla
yer to extension. */ |
254 background-repeat: no-repeat; | 254 background-repeat: no-repeat; |
255 background-position: 6px 8px; | 255 background-position: 6px 8px; |
256 } | 256 } |
257 | 257 |
258 .playlistbutton { | 258 .playlistbutton { |
259 position: absolute; | 259 position: absolute; |
260 right: 0; | 260 right: 0; |
261 bottom: 0; | 261 bottom: 0; |
262 border-left: 1px solid #424242; | 262 border-left: 1px solid #424242; |
263 border-right: 1px solid black; | 263 border-right: 1px solid black; |
264 } | 264 } |
265 | 265 |
266 .playlisticon { | 266 .playlisticon { |
267 background: url('shared/images/mediaplayer_playlist.png'); | 267 /* background: TODO(serya): Restore mediaplayer_playlist.png after moving medi
aplayer to extension. */ |
268 background-repeat: no-repeat; | 268 background-repeat: no-repeat; |
269 background-position: 6px 8px; | 269 background-position: 6px 8px; |
270 } | 270 } |
271 | 271 |
272 .controlbutton { | 272 .controlbutton { |
273 z-index: 9999; | 273 z-index: 9999; |
274 cursor: pointer; | 274 cursor: pointer; |
275 width: 28px; | 275 width: 28px; |
276 height: 30px; | 276 height: 30px; |
277 } | 277 } |
(...skipping 607 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
885 <body onload='load();' onselectstart='return false'> | 885 <body onload='load();' onselectstart='return false'> |
886 <div id='error' class='error'></div> | 886 <div id='error' class='error'></div> |
887 <div id='title' class='audiotitle'></div> | 887 <div id='title' class='audiotitle'></div> |
888 <div id='glow' class='glow'></div> | 888 <div id='glow' class='glow'></div> |
889 <div class='playercontrolsbox'> | 889 <div class='playercontrolsbox'> |
890 <div id='playercontrols'> | 890 <div id='playercontrols'> |
891 </div> | 891 </div> |
892 </div> | 892 </div> |
893 </body> | 893 </body> |
894 </html> | 894 </html> |
OLD | NEW |