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