| 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; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 right: 0; | 39 right: 0; |
| 40 align:center; | 40 align:center; |
| 41 -webkit-box-align: center; | 41 -webkit-box-align: center; |
| 42 -webkit-box-pack: center; | 42 -webkit-box-pack: center; |
| 43 display: -webkit-box; | 43 display: -webkit-box; |
| 44 position: absolute; | 44 position: absolute; |
| 45 background: -webkit-linear-gradient(#323232, #070707); | 45 background: -webkit-linear-gradient(#323232, #070707); |
| 46 } | 46 } |
| 47 | 47 |
| 48 #prevbutton > div { | 48 #prevbutton > div { |
| 49 background: url('chrome://resources/images/mediaplayer_prev.png'); | 49 background: url('images/mediaplayer_prev.png'); |
| 50 background-repeat: no-repeat; | 50 background-repeat: no-repeat; |
| 51 background-position: 4px 8px; | 51 background-position: 4px 8px; |
| 52 width: 100%; | 52 width: 100%; |
| 53 height: 30px; | 53 height: 30px; |
| 54 z-index: 9999; | 54 z-index: 9999; |
| 55 } | 55 } |
| 56 | 56 |
| 57 .currentpicture { | 57 .currentpicture { |
| 58 width: 100%; | 58 width: 100%; |
| 59 height: 100%; | 59 height: 100%; |
| 60 position: absolute; | 60 position: absolute; |
| 61 top: 0; | 61 top: 0; |
| 62 -webkit-transition-property: left; | 62 -webkit-transition-property: left; |
| 63 -webkit-transition-duration: 1s; | 63 -webkit-transition-duration: 1s; |
| 64 display: -webkit-box; | 64 display: -webkit-box; |
| 65 -webkit-box-align: center; | 65 -webkit-box-align: center; |
| 66 -webkit-box-pack: center; | 66 -webkit-box-pack: center; |
| 67 pointer-events: none; | 67 pointer-events: none; |
| 68 } | 68 } |
| 69 | 69 |
| 70 .comingfromleft { | 70 .comingfromleft { |
| 71 left: -100%; | 71 left: -100%; |
| 72 } | 72 } |
| 73 | 73 |
| 74 .comingfromright { | 74 .comingfromright { |
| 75 left: 100%; | 75 left: 100%; |
| 76 } | 76 } |
| 77 | 77 |
| 78 #nextbutton > div { | 78 #nextbutton > div { |
| 79 background: url('chrome://resources/images/mediaplayer_next.png'); | 79 background: url('images/mediaplayer_next.png'); |
| 80 background-repeat: no-repeat; | 80 background-repeat: no-repeat; |
| 81 background-position: 4px 8px; | 81 background-position: 4px 8px; |
| 82 width: 100%; | 82 width: 100%; |
| 83 height: 30px; | 83 height: 30px; |
| 84 z-index: 9999; | 84 z-index: 9999; |
| 85 } | 85 } |
| 86 | 86 |
| 87 button { | 87 button { |
| 88 z-index: 9999; | 88 z-index: 9999; |
| 89 cursor: pointer; | 89 cursor: pointer; |
| (...skipping 201 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 |