Mercurial > dive4elements > website

annotate css/style.css @ 148:887a0c8eaeb1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changed details of GNV Dive4Elements Ocean to really used technologies.
author Sascha L. Teichmann <teichmann@intevation.de>
date Mon, 07 Apr 2014 16:07:21 +0200
parents c1c0f073b4e2
children c1ef37551c31
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
132
ebdf28acb5aa Changed carousel .item img.
Ariane Broermann <ariane@intevation.de>
parents: 128
diff changeset
77 .carousel .item img {
ebdf28acb5aa Changed carousel .item img.
Ariane Broermann <ariane@intevation.de>
parents: 128
diff changeset
78 margin: 0 auto;
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
79 }
54
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
80
123
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
81 .carousel-indicators {
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
82 bottom: 0px;
3864e4382c80 Unify margins and padding.
Tom Gottfried <tom@intevation.de>
parents: 122
diff changeset
83 }
54
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
84 .carousel-indicators li {
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
85 border: 2px solid #323;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
86 }
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
87 .carousel-indicators .active {
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
88 border: 2px solid #323;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
89 background-color: #323;
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
90 }
3dcb691d948a Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents: 21
diff changeset
91
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
92 /*
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
93 * dive4elements
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
94 * --------------------------------------------------
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 @media screen and (max-width: 767px) {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
97 .row-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
98 position: relative;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
99 -webkit-transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
100 -moz-transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
101 transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
102 }
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 .row-dive4elements-right
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
105 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
106 right: -50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
107 }
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 .row-dive4elements-left
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
110 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
111 left: -50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
112 }
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 .row-dive4elements-right.active {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
115 right: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
116 }
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 .row-dive4elements-left.active {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
119 left: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
120 }
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 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
123 position: absolute;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
124 top: 0;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
125 width: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
126 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
127 }
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
128
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
129 /* Supporting marketing content */
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
130 .marketing {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
131 margin: 40px 0;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
132 }
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
133 .marketing p + h4 {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
134 margin-top: 28px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
135 }
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)