Mercurial > dive4elements > website

annotate css/style.css @ 130:8bf498f00328

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Nicer spacing for more than one paragraph.
author Tom Gottfried <tom@intevation.de>
date Thu, 03 Apr 2014 13:26:19 +0200
parents 4a55f97cd790
children c1c0f073b4e2
rev   line source
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
1 body {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
2 padding-top: 20px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
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
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
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
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
13 /* Custom page container */
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
14 .container p {
119
b217e51c15b7 Changed font-family to Arial.
Ariane Broermann <ariane@intevation.de>
parents: 65
diff changeset
15 font-size: 15px;
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
16 }
119
b217e51c15b7 Changed font-family to Arial.
Ariane Broermann <ariane@intevation.de>
parents: 65
diff changeset
17
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
18 /* Custom jumbotron */
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
19 .container .jumbotron {
130
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
20 padding: 10px 36px 20px;
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
21 margin-bottom: 20px;
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
22 }
12
be9f6dd08a77 Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents: 6
diff changeset
23 .jumbotron h3 {
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
24 text-align: center;
12
be9f6dd08a77 Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents: 6
diff changeset
25 }
130
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
26 .jumbotron h4 {
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
27 margin-top: 20px;
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
28 }
12
be9f6dd08a77 Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents: 6
diff changeset
29 .jumbotron .demo-btn {
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
30 text-align: center;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
31 }
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
32 .jumbotron .btn {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
33 font-size: 21px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
34 padding: 14px 24px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
35 }
130
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
36 .jumbotron p {
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
37 margin-bottom: 10px;
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
38 }
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
39
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
40 /* Custom page footer */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
41 .footer {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
42 padding-top: 19px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
43 color: #777;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
44 border-top: 1px solid #e5e5e5;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
45 }
122
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
46
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
47 /* Custom page header */
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
48 .navbar-brand {
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
49 padding-left: 36px;
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
50 }
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
51 .navbar-collapse{
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
52 padding-right: 36px;
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
53 }
122
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
54 .nav {
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
55 font-family: Arial;
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
56 }
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
57 .glyphicon {
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
58 margin-right: 1.5ex;
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
59 }
042b73e89d27 Use font-family Arial also in header.
Tom Gottfried <tom@intevation.de>
parents: 121
diff changeset
60
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
61 /* Custom page carousel */
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
62 .carousel-inner{
130
8bf498f00328 Nicer spacing for more than one paragraph.
Tom Gottfried <tom@intevation.de>
parents: 128
diff changeset
63 margin-bottom: 25px;
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
64 }
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
65 .carousel-caption {
120
996750c42402 Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents: 119
diff changeset
66 position: static;
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
67 margin-bottom: 35px;
121
b142a13c7435 Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents: 120
diff changeset
68 padding-left: 10%;
b142a13c7435 Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents: 120
diff changeset
69 padding-right: 10%;
54
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
70 text-align: center;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
71 color: #323;
65
ac127010dc17 Set text-shadow in carousel-caption off.
Ariane Broermann <ariane@intevation.de>
parents: 54
diff changeset
72 text-shadow: none;
120
996750c42402 Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents: 119
diff changeset
73 height: 5.5em;
996750c42402 Centered carousel captions with fixed height.
Tom Gottfried <tom@intevation.de>
parents: 119
diff changeset
74 overflow: hidden;
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
75 }
54
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
76
21
71aae9251fb9 Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents: 18
diff changeset
77 .carousel-img {
71aae9251fb9 Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents: 18
diff changeset
78 width: 755px;
71aae9251fb9 Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents: 18
diff changeset
79 height: 525px;
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
80 }
54
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
81
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
82 .carousel-indicators {
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
83 bottom: 0px;
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
84 }
54
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
85 .carousel-indicators li {
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
86 border: 2px solid #323;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
87 }
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
88 .carousel-indicators .active {
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
89 border: 2px solid #323;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
90 background-color: #323;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
91 }
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
92
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
93 /*
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
94 * dive4elements
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
95 * --------------------------------------------------
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
96 */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
97 @media screen and (max-width: 767px) {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
98 .row-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
99 position: relative;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
100 -webkit-transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
101 -moz-transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
102 transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
103 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
104
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
105 .row-dive4elements-right
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
106 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
107 right: -50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
108 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
109
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
110 .row-dive4elements-left
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
111 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
112 left: -50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
113 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
114
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
115 .row-dive4elements-right.active {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
116 right: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
117 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
118
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
119 .row-dive4elements-left.active {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
120 left: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
121 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
122
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
123 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
124 position: absolute;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
125 top: 0;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
126 width: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
127 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
128 }
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
129
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
130 /* Supporting marketing content */
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
131 .marketing {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
132 margin: 40px 0;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
133 }
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
134 .marketing p + h4 {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
135 margin-top: 28px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
136 }
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)