|
0
|
1 body { |
|
|
2 padding-top: 20px; |
|
|
3 padding-bottom: 20px; |
|
|
4 } |
|
2
|
5 /* Custom page container */ |
|
0
|
6 .container p { |
|
|
7 font-size: 15px; |
|
|
8 } |
|
2
|
9 |
|
|
10 /* Custom jumbotron */ |
|
0
|
11 .jumbotron { |
|
|
12 text-align: center; |
|
|
13 border-bottom: 1px solid #e5e5e5; |
|
|
14 } |
|
|
15 .jumbotron .btn { |
|
|
16 font-size: 21px; |
|
|
17 padding: 14px 24px; |
|
|
18 } |
|
2
|
19 /* Custom page footer */ |
|
|
20 .footer { |
|
|
21 padding-left: 15px; |
|
|
22 padding-right: 15px; |
|
|
23 padding-top: 19px; |
|
|
24 color: #777; |
|
|
25 border-top: 1px solid #e5e5e5; |
|
|
26 } |
|
|
27 /* Custom page carousel */ |
|
|
28 .carousel img { |
|
|
29 align: right; |
|
|
30 width: 748px; |
|
|
31 height: 400px; |
|
|
32 } |
|
|
33 .carousel-caption { |
|
|
34 background-color: #2D6CA2; |
|
|
35 border: 2px solid; |
|
|
36 border-radius: 25px 25px 25px 25px; |
|
|
37 box-shadow: 10px 10px 5px #888888; |
|
|
38 font-size: 1.2em; |
|
|
39 opacity: 0.9; |
|
|
40 } |
|
|
41 .carousel-caption a { |
|
|
42 color: #F3F663; |
|
|
43 } |
|
|
44 .carousel-caption a:hover { |
|
|
45 color: #FFF5A2; |
|
|
46 } |
|
|
47 /* |
|
|
48 * dive4elements |
|
|
49 * -------------------------------------------------- |
|
|
50 */ |
|
|
51 @media screen and (max-width: 767px) { |
|
|
52 .row-dive4elements { |
|
|
53 position: relative; |
|
|
54 -webkit-transition: all 0.25s ease-out; |
|
|
55 -moz-transition: all 0.25s ease-out; |
|
|
56 transition: all 0.25s ease-out; |
|
|
57 } |
|
|
58 |
|
|
59 .row-dive4elements-right |
|
|
60 .sidebar-dive4elements { |
|
|
61 right: -50%; /* 6 columns */ |
|
|
62 } |
|
|
63 |
|
|
64 .row-dive4elements-left |
|
|
65 .sidebar-dive4elements { |
|
|
66 left: -50%; /* 6 columns */ |
|
|
67 } |
|
|
68 |
|
|
69 .row-dive4elements-right.active { |
|
|
70 right: 50%; /* 6 columns */ |
|
|
71 } |
|
|
72 |
|
|
73 .row-dive4elements-left.active { |
|
|
74 left: 50%; /* 6 columns */ |
|
|
75 } |
|
|
76 |
|
|
77 .sidebar-dive4elements { |
|
|
78 position: absolute; |
|
|
79 top: 0; |
|
|
80 width: 50%; /* 6 columns */ |
|
|
81 } |
|
|
82 } |
|
0
|
83 |
|
|
84 /* Supporting marketing content */ |
|
|
85 .marketing { |
|
|
86 margin: 40px 0; |
|
|
87 } |
|
|
88 .marketing p + h4 { |
|
|
89 margin-top: 28px; |
|
|
90 } |
