| author | stetrabby <info@trabucchi.de> |
| Fri, 20 Dec 2013 22:49:16 +0100 | |
| changeset 54 | 0ded9d7748b7 |
| permissions | -rwxr-xr-x |
| info@54 | 1 |
/* Space out content a bit */ |
| info@54 | 2 |
body {
|
| info@54 | 3 |
padding-top: 20px; |
| info@54 | 4 |
padding-bottom: 20px; |
| info@54 | 5 |
} |
| info@54 | 6 |
|
| info@54 | 7 |
/* Everything but the jumbotron gets side spacing for mobile first views */ |
| info@54 | 8 |
.header, |
| info@54 | 9 |
.marketing, |
| info@54 | 10 |
.footer {
|
| info@54 | 11 |
padding-left: 15px; |
| info@54 | 12 |
padding-right: 15px; |
| info@54 | 13 |
} |
| info@54 | 14 |
|
| info@54 | 15 |
/* Custom page header */ |
| info@54 | 16 |
.header {
|
| info@54 | 17 |
border-bottom: 1px solid #e5e5e5; |
| info@54 | 18 |
} |
| info@54 | 19 |
/* Make the masthead heading the same height as the navigation */ |
| info@54 | 20 |
.header h3 {
|
| info@54 | 21 |
margin-top: 0; |
| info@54 | 22 |
margin-bottom: 0; |
| info@54 | 23 |
line-height: 40px; |
| info@54 | 24 |
padding-bottom: 19px; |
| info@54 | 25 |
} |
| info@54 | 26 |
|
| info@54 | 27 |
/* Custom page footer */ |
| info@54 | 28 |
.footer {
|
| info@54 | 29 |
padding-top: 19px; |
| info@54 | 30 |
color: #777; |
| info@54 | 31 |
border-top: 1px solid #e5e5e5; |
| info@54 | 32 |
} |
| info@54 | 33 |
|
| info@54 | 34 |
/* Customize container */ |
| info@54 | 35 |
@media (min-width: 768px) {
|
| info@54 | 36 |
.container {
|
| info@54 | 37 |
max-width: 730px; |
| info@54 | 38 |
} |
| info@54 | 39 |
} |
| info@54 | 40 |
.container-narrow > hr {
|
| info@54 | 41 |
margin: 30px 0; |
| info@54 | 42 |
} |
| info@54 | 43 |
|
| info@54 | 44 |
/* Main marketing message and sign up button */ |
| info@54 | 45 |
.jumbotron {
|
| info@54 | 46 |
text-align: center; |
| info@54 | 47 |
border-bottom: 1px solid #e5e5e5; |
| info@54 | 48 |
} |
| info@54 | 49 |
.jumbotron .btn {
|
| info@54 | 50 |
font-size: 21px; |
| info@54 | 51 |
padding: 14px 24px; |
| info@54 | 52 |
} |
| info@54 | 53 |
|
| info@54 | 54 |
/* Supporting marketing content */ |
| info@54 | 55 |
.marketing {
|
| info@54 | 56 |
margin: 40px 0; |
| info@54 | 57 |
} |
| info@54 | 58 |
.marketing p + h4 {
|
| info@54 | 59 |
margin-top: 28px; |
| info@54 | 60 |
} |
| info@54 | 61 |
|
| info@54 | 62 |
/* Responsive: Portrait tablets and up */ |
| info@54 | 63 |
@media screen and (min-width: 768px) {
|
| info@54 | 64 |
/* Remove the padding we set earlier */ |
| info@54 | 65 |
.header, |
| info@54 | 66 |
.marketing, |
| info@54 | 67 |
.footer {
|
| info@54 | 68 |
padding-left: 0; |
| info@54 | 69 |
padding-right: 0; |
| info@54 | 70 |
} |
| info@54 | 71 |
/* Space out the masthead */ |
| info@54 | 72 |
.header {
|
| info@54 | 73 |
margin-bottom: 30px; |
| info@54 | 74 |
} |
| info@54 | 75 |
/* Remove the bottom border on the jumbotron for visual effect */ |
| info@54 | 76 |
.jumbotron {
|
| info@54 | 77 |
border-bottom: 0; |
| info@54 | 78 |
} |
| info@54 | 79 |
} |