Mercurial > dive4elements > website
annotate css/style.css @ 122:042b73e89d27
Use font-family Arial also in header.
| author | Tom Gottfried <tom@intevation.de> |
|---|---|
| date | Thu, 03 Apr 2014 09:55:21 +0200 |
| parents | b142a13c7435 |
| children | 3864e4382c80 9942e60141f2 |
| 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 } | |
|
122
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
33 |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
34 /* Custom page header */ |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
35 .nav { |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
36 font-family: Arial; |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
37 } |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
38 .glyphicon { |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
39 margin-right: 1.5ex; |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
40 } |
|
042b73e89d27
Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents:
121
diff
changeset
|
41 |
| 2 | 42 /* Custom page carousel */ |
| 43 .carousel-caption { | |
|
120
996750c42402
Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents:
119
diff
changeset
|
44 position: static; |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
45 margin-top: 10px; |
|
120
996750c42402
Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents:
119
diff
changeset
|
46 margin-bottom: 50px; |
|
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
120
diff
changeset
|
47 padding-left: 10%; |
|
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
120
diff
changeset
|
48 padding-right: 10%; |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
49 text-align: center; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
50 color: #323; |
|
65
ac127010dc17
Set text-shadow in carousel-caption off.
Ariane Broermann <ariane@intevation.de>
parents:
54
diff
changeset
|
51 text-shadow: none; |
|
120
996750c42402
Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents:
119
diff
changeset
|
52 height: 5.5em; |
|
996750c42402
Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents:
119
diff
changeset
|
53 overflow: hidden; |
| 2 | 54 } |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
55 |
|
21
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
56 .carousel-img { |
|
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
57 width: 755px; |
|
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
58 height: 525px; |
| 2 | 59 } |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
60 |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
61 .carousel-indicators li { |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
62 border: 2px solid #323; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
63 } |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
64 .carousel-indicators .active { |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
65 border: 2px solid #323; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
66 background-color: #323; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
67 } |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
68 |
| 2 | 69 /* |
| 70 * dive4elements | |
| 71 * -------------------------------------------------- | |
| 72 */ | |
| 73 @media screen and (max-width: 767px) { | |
| 74 .row-dive4elements { | |
| 75 position: relative; | |
| 76 -webkit-transition: all 0.25s ease-out; | |
| 77 -moz-transition: all 0.25s ease-out; | |
| 78 transition: all 0.25s ease-out; | |
| 79 } | |
| 80 | |
| 81 .row-dive4elements-right | |
| 82 .sidebar-dive4elements { | |
| 83 right: -50%; /* 6 columns */ | |
| 84 } | |
| 85 | |
| 86 .row-dive4elements-left | |
| 87 .sidebar-dive4elements { | |
| 88 left: -50%; /* 6 columns */ | |
| 89 } | |
| 90 | |
| 91 .row-dive4elements-right.active { | |
| 92 right: 50%; /* 6 columns */ | |
| 93 } | |
| 94 | |
| 95 .row-dive4elements-left.active { | |
| 96 left: 50%; /* 6 columns */ | |
| 97 } | |
| 98 | |
| 99 .sidebar-dive4elements { | |
| 100 position: absolute; | |
| 101 top: 0; | |
| 102 width: 50%; /* 6 columns */ | |
| 103 } | |
| 104 } | |
| 0 | 105 |
| 106 /* Supporting marketing content */ | |
| 107 .marketing { | |
| 108 margin: 40px 0; | |
| 109 } | |
| 110 .marketing p + h4 { | |
| 111 margin-top: 28px; | |
| 112 } |