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