|
120
|
1 |
.slideshow-wrap, .imagezone { |
|
|
2 |
position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
|
|
3 |
} |
|
|
4 |
|
|
|
5 |
.caption-wrap { |
|
|
6 |
position: absolute; left: 50px; right: 50px; bottom: 50px; |
|
|
7 |
} |
|
|
8 |
|
|
|
9 |
.caption { |
|
|
10 |
font-family: "Lato"; width: 480px; max-width: 100%; |
|
|
11 |
background: #ffffff; |
|
|
12 |
padding: 16px 0; margin: 0; |
|
|
13 |
} |
|
|
14 |
|
|
|
15 |
.caption h2 { |
|
|
16 |
font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px 5px; |
|
|
17 |
} |
|
|
18 |
|
|
|
19 |
.caption h3 { |
|
|
20 |
font-size: 18px; font-style: italic; margin: 0; border-bottom: 1px solid #cccccc; padding: 0 20px 5px; |
|
|
21 |
} |
|
|
22 |
|
|
|
23 |
.caption p { |
|
|
24 |
margin: 10px 20px 0; padding: 0; font-size: 16px; font-style: italic; |
|
|
25 |
} |
|
|
26 |
|
|
|
27 |
.arrow-wrap { |
|
|
28 |
box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); width: 78px; height: 78px; |
|
|
29 |
position: absolute; top: 50%; margin-top: -39px; |
|
|
30 |
background: #fff; cursor: pointer; border-radius: 39px; display: none; |
|
|
31 |
} |
|
|
32 |
|
|
|
33 |
.left-arrow { |
|
|
34 |
left: 20px; |
|
|
35 |
} |
|
|
36 |
|
|
|
37 |
.right-arrow { |
|
|
38 |
right: 20px; |
|
|
39 |
} |
|
|
40 |
|
|
|
41 |
.arrow-wrap:hover { |
|
|
42 |
background: #e0e0e0; |
|
|
43 |
} |
|
|
44 |
|
|
|
45 |
.arrow-wrap:active { |
|
|
46 |
background: #666666; |
|
|
47 |
} |
|
|
48 |
|
|
|
49 |
.arrow { |
|
|
50 |
width: 78px; height: 78px; display: block; background: url(../img/home-arrow.png) center 30px no-repeat; |
|
|
51 |
} |
|
|
52 |
|
|
|
53 |
.left-arrow .arrow { |
|
|
54 |
transform: rotate(90deg); -webkit-transform: rotate(90deg); |
|
|
55 |
} |
|
|
56 |
|
|
|
57 |
.right-arrow .arrow { |
|
|
58 |
transform: rotate(-90deg); -webkit-transform: rotate(-90deg); |
|
|
59 |
} |