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 |