equal
deleted
inserted
replaced
1 .slideshow-wrap, .imagezone { |
1 body { |
|
2 overflow: hidden; |
|
3 } |
|
4 |
|
5 .slideshow-wrap { |
2 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
6 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
|
7 } |
|
8 |
|
9 .backdrop { |
|
10 position: absolute; opacity: .3; -webkit-filter: blur(5px); filter: blur(5px); |
|
11 } |
|
12 |
|
13 .main-image { |
|
14 position: absolute; top: 50px; right: 50px; |
3 } |
15 } |
4 |
16 |
5 .caption-wrap { |
17 .caption-wrap { |
6 position: absolute; left: 50px; right: 50px; bottom: 50px; |
18 position: absolute; left: 50px; right: 50px; bottom: 50px; |
7 } |
19 } |
8 |
20 |
9 .caption { |
21 .caption { |
10 font-family: "Lato"; width: 480px; max-width: 100%; |
22 font-family: "Lato"; width: 480px; max-width: 100%; |
11 background: #ffffff; |
23 background: #ffffff; |
12 padding: 16px 0; margin: 0; |
24 padding: 16px 0; margin: 0; |
|
25 } |
|
26 |
|
27 .main-image, .caption { |
|
28 box-shadow: 4px 4px 2px rgba(0,0,0,.5); |
13 } |
29 } |
14 |
30 |
15 .caption h2 { |
31 .caption h2 { |
16 font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px 5px; |
32 font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px 5px; |
17 } |
33 } |