Mercurial > dive4elements > website
annotate css/style.css @ 6:65bb726d70b4
Changed carousel css.
| author | Ariane Broermann <ariane@intevation.de> |
|---|---|
| date | Mon, 03 Feb 2014 11:28:49 +0100 |
| parents | 6a78f347c2cd |
| children | be9f6dd08a77 |
| 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 */ |
| 0 | 10 .jumbotron { |
| 11 text-align: center; | |
| 12 border-bottom: 1px solid #e5e5e5; | |
| 13 } | |
| 14 .jumbotron .btn { | |
| 15 font-size: 21px; | |
| 16 padding: 14px 24px; | |
| 17 } | |
| 2 | 18 /* Custom page footer */ |
| 19 .footer { | |
| 20 padding-left: 15px; | |
| 21 padding-right: 15px; | |
| 22 padding-top: 19px; | |
| 23 color: #777; | |
| 24 border-top: 1px solid #e5e5e5; | |
| 25 } | |
| 26 /* Custom page carousel */ | |
| 27 .carousel img { | |
|
6
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
28 max-width: 748px; |
|
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
29 max-height: 400px; |
| 2 | 30 } |
| 31 .carousel-caption { | |
|
6
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
32 position: relative; |
|
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
33 max-width: 748px; |
|
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
34 margin-top: 20px; |
|
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
35 padding-bottom: 0; |
|
65bb726d70b4
Changed carousel css.
Ariane Broermann <ariane@intevation.de>
parents:
2
diff
changeset
|
36 text-align: left; |
| 2 | 37 } |
| 38 .carousel-caption a { | |
| 39 color: #F3F663; | |
| 40 } | |
| 41 .carousel-caption a:hover { | |
| 42 color: #FFF5A2; | |
| 43 } | |
| 44 /* | |
| 45 * dive4elements | |
| 46 * -------------------------------------------------- | |
| 47 */ | |
| 48 @media screen and (max-width: 767px) { | |
| 49 .row-dive4elements { | |
| 50 position: relative; | |
| 51 -webkit-transition: all 0.25s ease-out; | |
| 52 -moz-transition: all 0.25s ease-out; | |
| 53 transition: all 0.25s ease-out; | |
| 54 } | |
| 55 | |
| 56 .row-dive4elements-right | |
| 57 .sidebar-dive4elements { | |
| 58 right: -50%; /* 6 columns */ | |
| 59 } | |
| 60 | |
| 61 .row-dive4elements-left | |
| 62 .sidebar-dive4elements { | |
| 63 left: -50%; /* 6 columns */ | |
| 64 } | |
| 65 | |
| 66 .row-dive4elements-right.active { | |
| 67 right: 50%; /* 6 columns */ | |
| 68 } | |
| 69 | |
| 70 .row-dive4elements-left.active { | |
| 71 left: 50%; /* 6 columns */ | |
| 72 } | |
| 73 | |
| 74 .sidebar-dive4elements { | |
| 75 position: absolute; | |
| 76 top: 0; | |
| 77 width: 50%; /* 6 columns */ | |
| 78 } | |
| 79 } | |
| 0 | 80 |
| 81 /* Supporting marketing content */ | |
| 82 .marketing { | |
| 83 margin: 40px 0; | |
| 84 } | |
| 85 .marketing p + h4 { | |
| 86 margin-top: 28px; | |
| 87 } |