| 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 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 46 display: -webkit-box; | 46 display: -webkit-box; |
| 47 position: absolute; | 47 position: absolute; |
| 48 background: -webkit-gradient(linear, | 48 background: -webkit-gradient(linear, |
| 49 left top, | 49 left top, |
| 50 left bottom, | 50 left bottom, |
| 51 from(#323232), | 51 from(#323232), |
| 52 to(#070707)); | 52 to(#070707)); |
| 53 } | 53 } |
| 54 | 54 |
| 55 #prevbutton > div { | 55 #prevbutton > div { |
| 56 background: url('../../app/theme/mediaplayer_prev.png'); | 56 background: url('shared/images/mediaplayer_prev.png'); |
| 57 background-repeat: no-repeat; | 57 background-repeat: no-repeat; |
| 58 background-position: 4px 8px; | 58 background-position: 4px 8px; |
| 59 width: 100%; | 59 width: 100%; |
| 60 height: 30px; | 60 height: 30px; |
| 61 z-index: 9999; | 61 z-index: 9999; |
| 62 } | 62 } |
| 63 | 63 |
| 64 .currentpicture { | 64 .currentpicture { |
| 65 width: 100%; | 65 width: 100%; |
| 66 height: 100%; | 66 height: 100%; |
| 67 position: absolute; | 67 position: absolute; |
| 68 top: 0; | 68 top: 0; |
| 69 -webkit-transition-property: left; | 69 -webkit-transition-property: left; |
| 70 -webkit-transition-duration: 1s; | 70 -webkit-transition-duration: 1s; |
| 71 display: -webkit-box; | 71 display: -webkit-box; |
| 72 -webkit-box-align: center; | 72 -webkit-box-align: center; |
| 73 -webkit-box-pack: center; | 73 -webkit-box-pack: center; |
| 74 pointer-events: none; | 74 pointer-events: none; |
| 75 } | 75 } |
| 76 | 76 |
| 77 .comingfromleft { | 77 .comingfromleft { |
| 78 left: -100%; | 78 left: -100%; |
| 79 } | 79 } |
| 80 | 80 |
| 81 .comingfromright { | 81 .comingfromright { |
| 82 left: 100%; | 82 left: 100%; |
| 83 } | 83 } |
| 84 | 84 |
| 85 #nextbutton > div { | 85 #nextbutton > div { |
| 86 background: url('../../app/theme/mediaplayer_next.png'); | 86 background: url('shared/images/mediaplayer_next.png'); |
| 87 background-repeat: no-repeat; | 87 background-repeat: no-repeat; |
| 88 background-position: 4px 8px; | 88 background-position: 4px 8px; |
| 89 width: 100%; | 89 width: 100%; |
| 90 height: 30px; | 90 height: 30px; |
| 91 z-index: 9999; | 91 z-index: 9999; |
| 92 } | 92 } |
| 93 | 93 |
| 94 button { | 94 button { |
| 95 z-index: 9999; | 95 z-index: 9999; |
| 96 cursor: pointer; | 96 cursor: pointer; |
| 97 width: 28px; | 97 width: 28px; |
| 98 height: 30px; | 98 height: 30px; |
| 99 webkit-appearance: none; | 99 webkit-appearance: none; |
| 100 padding: 0; | 100 padding: 0; |
| 101 border: 0; | 101 border: 0; |
| 102 background: transparent; | 102 background: transparent; |
| 103 } | 103 } |
| 104 | 104 |
| 105 button:hover { | 105 button:hover { |
| 106 background: -webkit-gradient(linear, | 106 background: -webkit-gradient(linear, |
| 107 left top, | 107 left top, |
| 108 left bottom, | 108 left bottom, |
| 109 from(#6a7eac), | 109 from(#6a7eac), |
| 110 to(#000000)); | 110 to(#000000)); |
| 111 } | 111 } |
| 112 | 112 |
| 113 </style> | 113 </style> |
| 114 <script src="shared/js/local_strings.js"></script> | 114 <script src="shared/js/local_strings.js"></script> |
| 115 <script src="media_common.js"></script> | 115 <script src="shared/js/media_common.js"></script> |
| 116 <script> | 116 <script> |
| 117 | 117 |
| 118 document.addEventListener('DOMContentLoaded', load); | 118 document.addEventListener('DOMContentLoaded', load); |
| 119 | 119 |
| 120 document.onselectstart = function(e) { | 120 document.onselectstart = function(e) { |
| 121 e.preventDefault(); | 121 e.preventDefault(); |
| 122 }; | 122 }; |
| 123 | 123 |
| 124 function $(o) { | 124 function $(o) { |
| 125 return document.getElementById(o); | 125 return document.getElementById(o); |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 247 <div id="playercontrols"> | 247 <div id="playercontrols"> |
| 248 <button id="prevbutton" onclick="prevButtonClick()"> | 248 <button id="prevbutton" onclick="prevButtonClick()"> |
| 249 <div></div> | 249 <div></div> |
| 250 </button> | 250 </button> |
| 251 <button id="nextbutton" onclick="nextButtonClick()"> | 251 <button id="nextbutton" onclick="nextButtonClick()"> |
| 252 <div></div> | 252 <div></div> |
| 253 </button> | 253 </button> |
| 254 </div> | 254 </div> |
| 255 </body> | 255 </body> |
| 256 </html> | 256 </html> |
| OLD | NEW |