equal
deleted
inserted
replaced
1 body { |
1 body { |
2 overflow: hidden; |
2 overflow: hidden; background: #ffffff; |
3 } |
3 } |
4 |
4 |
5 .slideshow-wrap { |
5 .slideshow-wrap { |
6 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
6 position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; |
7 } |
7 } |
8 |
8 |
9 .backdrop { |
9 .backdrop { |
10 position: absolute; opacity: .3; -webkit-filter: blur(5px); filter: blur(5px); |
10 position: absolute; opacity: .3; -webkit-filter: blur(5px); filter: blur(5px); |
11 } |
11 } |
71 } |
71 } |
72 |
72 |
73 .right-arrow .arrow { |
73 .right-arrow .arrow { |
74 transform: rotate(-90deg); -webkit-transform: rotate(-90deg); |
74 transform: rotate(-90deg); -webkit-transform: rotate(-90deg); |
75 } |
75 } |
|
76 |
|
77 .top-controls { |
|
78 position: absolute; left: 20px; top: 20px; display: none; |
|
79 } |
|
80 |
|
81 .top-controls a { |
|
82 display: block; float: left; background-image: url(../img/slideshow-controls.png); height: 57px; opacity: 0.5; |
|
83 } |
|
84 |
|
85 .top-controls a:hover { |
|
86 opacity: 1; |
|
87 } |
|
88 |
|
89 .full-screen { |
|
90 width: 55px; margin-right: 20px; |
|
91 } |
|
92 |
|
93 .play-pause { |
|
94 background-position: -55px 0; width: 48px; |
|
95 } |
|
96 |
|
97 .play-pause.pause { |
|
98 background-position: -103px 0; |
|
99 } |