| 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 |