Mercurial > dive4elements > website
annotate css/style.css @ 54:3dcb691d948a
Changed color from carousel indicators and position from captions.
author | Ariane Broermann <ariane@intevation.de> |
---|---|
date | Tue, 25 Mar 2014 10:52:50 +0100 |
parents | 71aae9251fb9 |
children | ac127010dc17 |
rev | line source |
---|---|
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 /* Custom jumbotron */ |
12
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
10 .jumbotron h3 { |
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
11 text-align: center; |
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
12 } |
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
13 .jumbotron .demo-btn { |
0 | 14 text-align: center; |
15 border-bottom: 1px solid #e5e5e5; | |
16 } | |
17 .jumbotron .btn { | |
18 font-size: 21px; | |
19 padding: 14px 24px; | |
20 } | |
2 | 21 /* Custom page footer */ |
22 .footer { | |
23 padding-left: 15px; | |
24 padding-right: 15px; | |
25 padding-top: 19px; | |
26 color: #777; | |
27 border-top: 1px solid #e5e5e5; | |
28 } | |
29 /* Custom page carousel */ | |
30 .carousel-caption { | |
6
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
31 position: relative; |
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
32 margin-top: 10px; |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
33 margin-bottom: 5px; |
21
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
34 margin-right: 250px; |
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
35 text-align: center; |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
36 color: #323; |
2 | 37 } |
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
38 |
21
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
39 .carousel-img { |
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
40 width: 755px; |
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
41 height: 525px; |
2 | 42 } |
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
43 |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
44 .carousel-indicators li { |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
45 border: 2px solid #323; |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
46 } |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
47 .carousel-indicators .active { |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
48 border: 2px solid #323; |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
49 background-color: #323; |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
50 } |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
51 |
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
52 |
2 | 53 /* |
54 * dive4elements | |
55 * -------------------------------------------------- | |
56 */ | |
57 @media screen and (max-width: 767px) { | |
58 .row-dive4elements { | |
59 position: relative; | |
60 -webkit-transition: all 0.25s ease-out; | |
61 -moz-transition: all 0.25s ease-out; | |
62 transition: all 0.25s ease-out; | |
63 } | |
64 | |
65 .row-dive4elements-right | |
66 .sidebar-dive4elements { | |
67 right: -50%; /* 6 columns */ | |
68 } | |
69 | |
70 .row-dive4elements-left | |
71 .sidebar-dive4elements { | |
72 left: -50%; /* 6 columns */ | |
73 } | |
74 | |
75 .row-dive4elements-right.active { | |
76 right: 50%; /* 6 columns */ | |
77 } | |
78 | |
79 .row-dive4elements-left.active { | |
80 left: 50%; /* 6 columns */ | |
81 } | |
82 | |
83 .sidebar-dive4elements { | |
84 position: absolute; | |
85 top: 0; | |
86 width: 50%; /* 6 columns */ | |
87 } | |
88 } | |
0 | 89 |
90 /* Supporting marketing content */ | |
91 .marketing { | |
92 margin: 40px 0; | |
93 } | |
94 .marketing p + h4 { | |
95 margin-top: 28px; | |
96 } |