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