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