| 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>Slideshow</title> | 5 <title>Slideshow</title> |
| 6 <style> | 6 <style> |
| 7 | 7 |
| 8 body { | 8 body { |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 background: black; | 10 background: black; |
| 11 -webkit-transform: translateZ(0); | |
| 12 } | 11 } |
| 13 | 12 |
| 14 #glow { | 13 #glow { |
| 15 left: 0; | 14 left: 0; |
| 16 right: 0; | 15 right: 0; |
| 17 bottom: 30px; | 16 bottom: 30px; |
| 18 height: 8px; | 17 height: 8px; |
| 19 opacity: .4; | 18 opacity: .4; |
| 20 position: absolute; | 19 position: absolute; |
| 21 background: -webkit-linear-gradient(transparent, white); | 20 background: -webkit-linear-gradient(transparent, white); |
| 22 } | 21 } |
| 23 | 22 |
| 24 #main { | 23 #main { |
| 25 position: absolute; | 24 position: absolute; |
| 26 left: 0; | 25 left: 0; |
| 27 right:0; | 26 right:0; |
| 28 top: 0; | 27 top: 0; |
| 29 bottom: 30px; | 28 bottom: 30px; |
| 30 overflow: hidden; | 29 overflow: hidden; |
| 30 -webkit-transform: translateZ(0); |
| 31 } | 31 } |
| 32 | 32 |
| 33 #playercontrols { | 33 #playercontrols { |
| 34 bottom: 0; | 34 bottom: 0; |
| 35 left: 0; | 35 left: 0; |
| 36 z-index: 999; | 36 z-index: 999; |
| 37 height: 30px; | 37 height: 30px; |
| 38 opacity: .9; | 38 opacity: .9; |
| 39 right: 0; | 39 right: 0; |
| 40 align:center; | 40 align:center; |
| (...skipping 250 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 291 <div id="playercontrols"> | 291 <div id="playercontrols"> |
| 292 <button id="prevbutton" onclick="prevButtonClick()"> | 292 <button id="prevbutton" onclick="prevButtonClick()"> |
| 293 <div></div> | 293 <div></div> |
| 294 </button> | 294 </button> |
| 295 <button id="nextbutton" onclick="nextButtonClick()"> | 295 <button id="nextbutton" onclick="nextButtonClick()"> |
| 296 <div></div> | 296 <div></div> |
| 297 </button> | 297 </button> |
| 298 </div> | 298 </div> |
| 299 </body> | 299 </body> |
| 300 </html> | 300 </html> |
| OLD | NEW |