Mercurial > dive4elements > website
annotate css/style.css @ 66:26bbcc2db7a5
More thoughts about the D4E framework.
| author | Sascha L. Teichmann <teichmann@intevation.de> |
|---|---|
| date | Tue, 25 Mar 2014 14:36:23 +0100 |
| parents | ac127010dc17 |
| children | b217e51c15b7 |
| rev | line source |
|---|---|
| 0 | 1 body { |
| 2 padding-top: 20px; | |
| 3 padding-bottom: 20px; | |
| 4 } | |
| 2 | 5 /* Custom page container */ |
| 0 | 6 .container p { |
| 7 font-size: 15px; | |
| 8 } | |
| 2 | 9 /* Custom jumbotron */ |
|
12
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
10 .jumbotron h3 { |
|
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
11 text-align: center; |
|
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
12 } |
|
be9f6dd08a77
Changed jumbotron css.
Ariane Broermann <ariane@intevation.de>
parents:
6
diff
changeset
|
13 .jumbotron .demo-btn { |
| 0 | 14 text-align: center; |
| 15 border-bottom: 1px solid #e5e5e5; | |
| 16 } | |
| 17 .jumbotron .btn { | |
| 18 font-size: 21px; | |
| 19 padding: 14px 24px; | |
| 20 } | |
| 2 | 21 /* Custom page footer */ |
| 22 .footer { | |
| 23 padding-left: 15px; | |
| 24 padding-right: 15px; | |
| 25 padding-top: 19px; | |
| 26 color: #777; | |
| 27 border-top: 1px solid #e5e5e5; | |
| 28 } | |
| 29 /* Custom page carousel */ | |
| 30 .carousel-caption { | |
|
6
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
31 position: relative; |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
32 margin-top: 10px; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
33 margin-bottom: 5px; |
|
21
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
34 margin-right: 250px; |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
35 text-align: center; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
36 color: #323; |
|
65
ac127010dc17
Set text-shadow in carousel-caption off.
Ariane Broermann <ariane@intevation.de>
parents:
54
diff
changeset
|
37 text-shadow: none; |
| 2 | 38 } |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
39 |
|
21
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
40 .carousel-img { |
|
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
41 width: 755px; |
|
71aae9251fb9
Changed carousel caption and img.
Ariane Broermann <ariane@intevation.de>
parents:
18
diff
changeset
|
42 height: 525px; |
| 2 | 43 } |
|
54
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
44 |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
45 .carousel-indicators li { |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
46 border: 2px solid #323; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
47 } |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
48 .carousel-indicators .active { |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
49 border: 2px solid #323; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
50 background-color: #323; |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
51 } |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
52 |
|
3dcb691d948a
Changed color from carousel indicators and position from captions.
Ariane Broermann <ariane@intevation.de>
parents:
21
diff
changeset
|
53 |
| 2 | 54 /* |
| 55 * dive4elements | |
| 56 * -------------------------------------------------- | |
| 57 */ | |
| 58 @media screen and (max-width: 767px) { | |
| 59 .row-dive4elements { | |
| 60 position: relative; | |
| 61 -webkit-transition: all 0.25s ease-out; | |
| 62 -moz-transition: all 0.25s ease-out; | |
| 63 transition: all 0.25s ease-out; | |
| 64 } | |
| 65 | |
| 66 .row-dive4elements-right | |
| 67 .sidebar-dive4elements { | |
| 68 right: -50%; /* 6 columns */ | |
| 69 } | |
| 70 | |
| 71 .row-dive4elements-left | |
| 72 .sidebar-dive4elements { | |
| 73 left: -50%; /* 6 columns */ | |
| 74 } | |
| 75 | |
| 76 .row-dive4elements-right.active { | |
| 77 right: 50%; /* 6 columns */ | |
| 78 } | |
| 79 | |
| 80 .row-dive4elements-left.active { | |
| 81 left: 50%; /* 6 columns */ | |
| 82 } | |
| 83 | |
| 84 .sidebar-dive4elements { | |
| 85 position: absolute; | |
| 86 top: 0; | |
| 87 width: 50%; /* 6 columns */ | |
| 88 } | |
| 89 } | |
| 0 | 90 |
| 91 /* Supporting marketing content */ | |
| 92 .marketing { | |
| 93 margin: 40px 0; | |
| 94 } | |
| 95 .marketing p + h4 { | |
| 96 margin-top: 28px; | |
| 97 } |