| author | stetrabby <info@trabucchi.de> |
| Fri, 20 Dec 2013 22:49:16 +0100 | |
| changeset 54 | 0ded9d7748b7 |
| permissions | -rwxr-xr-x |
| info@54 | 1 |
/* GLOBAL STYLES |
| info@54 | 2 |
-------------------------------------------------- */ |
| info@54 | 3 |
/* Padding below the footer and lighter body text */ |
| info@54 | 4 |
|
| info@54 | 5 |
body {
|
| info@54 | 6 |
padding-bottom: 40px; |
| info@54 | 7 |
color: #5a5a5a; |
| info@54 | 8 |
} |
| info@54 | 9 |
|
| info@54 | 10 |
|
| info@54 | 11 |
|
| info@54 | 12 |
/* CUSTOMIZE THE NAVBAR |
| info@54 | 13 |
-------------------------------------------------- */ |
| info@54 | 14 |
|
| info@54 | 15 |
/* Special class on .container surrounding .navbar, used for positioning it into place. */ |
| info@54 | 16 |
.navbar-wrapper {
|
| info@54 | 17 |
position: absolute; |
| info@54 | 18 |
top: 0; |
| info@54 | 19 |
left: 0; |
| info@54 | 20 |
right: 0; |
| info@54 | 21 |
z-index: 20; |
| info@54 | 22 |
} |
| info@54 | 23 |
|
| info@54 | 24 |
/* Flip around the padding for proper display in narrow viewports */ |
| info@54 | 25 |
.navbar-wrapper .container {
|
| info@54 | 26 |
padding-left: 0; |
| info@54 | 27 |
padding-right: 0; |
| info@54 | 28 |
} |
| info@54 | 29 |
.navbar-wrapper .navbar {
|
| info@54 | 30 |
padding-left: 15px; |
| info@54 | 31 |
padding-right: 15px; |
| info@54 | 32 |
} |
| info@54 | 33 |
|
| info@54 | 34 |
|
| info@54 | 35 |
/* CUSTOMIZE THE CAROUSEL |
| info@54 | 36 |
-------------------------------------------------- */ |
| info@54 | 37 |
|
| info@54 | 38 |
/* Carousel base class */ |
| info@54 | 39 |
.carousel {
|
| info@54 | 40 |
height: 500px; |
| info@54 | 41 |
margin-bottom: 60px; |
| info@54 | 42 |
} |
| info@54 | 43 |
/* Since positioning the image, we need to help out the caption */ |
| info@54 | 44 |
.carousel-caption {
|
| info@54 | 45 |
z-index: 10; |
| info@54 | 46 |
} |
| info@54 | 47 |
|
| info@54 | 48 |
/* Declare heights because of positioning of img element */ |
| info@54 | 49 |
.carousel .item {
|
| info@54 | 50 |
height: 500px; |
| info@54 | 51 |
background-color: #777; |
| info@54 | 52 |
} |
| info@54 | 53 |
.carousel-inner > .item > img {
|
| info@54 | 54 |
position: absolute; |
| info@54 | 55 |
top: 0; |
| info@54 | 56 |
left: 0; |
| info@54 | 57 |
min-width: 100%; |
| info@54 | 58 |
height: 500px; |
| info@54 | 59 |
} |
| info@54 | 60 |
|
| info@54 | 61 |
|
| info@54 | 62 |
|
| info@54 | 63 |
/* MARKETING CONTENT |
| info@54 | 64 |
-------------------------------------------------- */ |
| info@54 | 65 |
|
| info@54 | 66 |
/* Pad the edges of the mobile views a bit */ |
| info@54 | 67 |
.marketing {
|
| info@54 | 68 |
padding-left: 15px; |
| info@54 | 69 |
padding-right: 15px; |
| info@54 | 70 |
} |
| info@54 | 71 |
|
| info@54 | 72 |
/* Center align the text within the three columns below the carousel */ |
| info@54 | 73 |
.marketing .col-lg-4 {
|
| info@54 | 74 |
text-align: center; |
| info@54 | 75 |
margin-bottom: 20px; |
| info@54 | 76 |
} |
| info@54 | 77 |
.marketing h2 {
|
| info@54 | 78 |
font-weight: normal; |
| info@54 | 79 |
} |
| info@54 | 80 |
.marketing .col-lg-4 p {
|
| info@54 | 81 |
margin-left: 10px; |
| info@54 | 82 |
margin-right: 10px; |
| info@54 | 83 |
} |
| info@54 | 84 |
|
| info@54 | 85 |
|
| info@54 | 86 |
/* Featurettes |
| info@54 | 87 |
------------------------- */ |
| info@54 | 88 |
|
| info@54 | 89 |
.featurette-divider {
|
| info@54 | 90 |
margin: 80px 0; /* Space out the Bootstrap <hr> more */ |
| info@54 | 91 |
} |
| info@54 | 92 |
|
| info@54 | 93 |
/* Thin out the marketing headings */ |
| info@54 | 94 |
.featurette-heading {
|
| info@54 | 95 |
font-weight: 300; |
| info@54 | 96 |
line-height: 1; |
| info@54 | 97 |
letter-spacing: -1px; |
| info@54 | 98 |
} |
| info@54 | 99 |
|
| info@54 | 100 |
|
| info@54 | 101 |
|
| info@54 | 102 |
/* RESPONSIVE CSS |
| info@54 | 103 |
-------------------------------------------------- */ |
| info@54 | 104 |
|
| info@54 | 105 |
@media (min-width: 768px) {
|
| info@54 | 106 |
|
| info@54 | 107 |
/* Remove the edge padding needed for mobile */ |
| info@54 | 108 |
.marketing {
|
| info@54 | 109 |
padding-left: 0; |
| info@54 | 110 |
padding-right: 0; |
| info@54 | 111 |
} |
| info@54 | 112 |
|
| info@54 | 113 |
/* Navbar positioning foo */ |
| info@54 | 114 |
.navbar-wrapper {
|
| info@54 | 115 |
margin-top: 20px; |
| info@54 | 116 |
} |
| info@54 | 117 |
.navbar-wrapper .container {
|
| info@54 | 118 |
padding-left: 15px; |
| info@54 | 119 |
padding-right: 15px; |
| info@54 | 120 |
} |
| info@54 | 121 |
.navbar-wrapper .navbar {
|
| info@54 | 122 |
padding-left: 0; |
| info@54 | 123 |
padding-right: 0; |
| info@54 | 124 |
} |
| info@54 | 125 |
|
| info@54 | 126 |
/* The navbar becomes detached from the top, so we round the corners */ |
| info@54 | 127 |
.navbar-wrapper .navbar {
|
| info@54 | 128 |
border-radius: 4px; |
| info@54 | 129 |
} |
| info@54 | 130 |
|
| info@54 | 131 |
/* Bump up size of carousel content */ |
| info@54 | 132 |
.carousel-caption p {
|
| info@54 | 133 |
margin-bottom: 20px; |
| info@54 | 134 |
font-size: 21px; |
| info@54 | 135 |
line-height: 1.4; |
| info@54 | 136 |
} |
| info@54 | 137 |
|
| info@54 | 138 |
.featurette-heading {
|
| info@54 | 139 |
font-size: 50px; |
| info@54 | 140 |
} |
| info@54 | 141 |
|
| info@54 | 142 |
} |
| info@54 | 143 |
|
| info@54 | 144 |
@media (min-width: 992px) {
|
| info@54 | 145 |
.featurette-heading {
|
| info@54 | 146 |
margin-top: 120px; |
| info@54 | 147 |
} |
| info@54 | 148 |
} |