annotate css/style.css @ 4:9e93f08034d8

Added script to toggle news feed.
author Ariane Broermann <ariane@intevation.de>
date Tue, 28 Jan 2014 12:35:25 +0100
parents 6a78f347c2cd
children 65bb726d70b4
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;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
4 }
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
5 /* Custom page container */
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
6 .container p {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
7 font-size: 15px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
8 }
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
9
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
10 /* Custom jumbotron */
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
11 .jumbotron {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
12 text-align: center;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
13 border-bottom: 1px solid #e5e5e5;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
14 }
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
15 .jumbotron .btn {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
16 font-size: 21px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
17 padding: 14px 24px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
18 }
2
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
19 /* Custom page footer */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
20 .footer {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
21 padding-left: 15px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
22 padding-right: 15px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
23 padding-top: 19px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
24 color: #777;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
25 border-top: 1px solid #e5e5e5;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
26 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
27 /* Custom page carousel */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
28 .carousel img {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
29 align: right;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
30 width: 748px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
31 height: 400px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
32 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
33 .carousel-caption {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
34 background-color: #2D6CA2;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
35 border: 2px solid;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
36 border-radius: 25px 25px 25px 25px;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
37 box-shadow: 10px 10px 5px #888888;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
38 font-size: 1.2em;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
39 opacity: 0.9;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
40 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
41 .carousel-caption a {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
42 color: #F3F663;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
43 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
44 .carousel-caption a:hover {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
45 color: #FFF5A2;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
46 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
47 /*
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
48 * dive4elements
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
49 * --------------------------------------------------
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
50 */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
51 @media screen and (max-width: 767px) {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
52 .row-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
53 position: relative;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
54 -webkit-transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
55 -moz-transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
56 transition: all 0.25s ease-out;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
57 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
58
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
59 .row-dive4elements-right
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
60 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
61 right: -50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
62 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
63
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
64 .row-dive4elements-left
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
65 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
66 left: -50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
67 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
68
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
69 .row-dive4elements-right.active {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
70 right: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
71 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
72
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
73 .row-dive4elements-left.active {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
74 left: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
75 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
76
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
77 .sidebar-dive4elements {
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
78 position: absolute;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
79 top: 0;
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
80 width: 50%; /* 6 columns */
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
81 }
6a78f347c2cd Changed style.
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
82 }
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
83
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
84 /* Supporting marketing content */
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
85 .marketing {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
86 margin: 40px 0;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
87 }
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
88 .marketing p + h4 {
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
89 margin-top: 28px;
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
90 }
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)