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 |