UNPKG

2.37 kBCSSView Raw
1body {
2 padding-top: 20px;
3}
4
5.footer {
6 padding-top: 40px;
7 padding-bottom: 40px;
8 margin-top: 40px;
9 border-top: 1px solid #eee;
10}
11
12/* Main marketing message and sign up button */
13.jumbotron {
14 text-align: center;
15 background-color: transparent;
16}
17.jumbotron .btn {
18 padding: 14px 24px;
19 font-size: 21px;
20}
21
22/* Customize the nav-justified links to be fill the entire space of the .navbar */
23
24.nav-justified {
25 background-color: #eee;
26 border: 1px solid #ccc;
27 border-radius: 5px;
28}
29.nav-justified > li > a {
30 padding-top: 15px;
31 padding-bottom: 15px;
32 margin-bottom: 0;
33 font-weight: bold;
34 color: #777;
35 text-align: center;
36 background-color: #e5e5e5; /* Old browsers */
37 background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
38 background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
39 background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
40 background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
41 background-image: linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
42 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
43 background-repeat: repeat-x; /* Repeat the gradient */
44 border-bottom: 1px solid #d5d5d5;
45}
46.nav-justified > .active > a,
47.nav-justified > .active > a:hover,
48.nav-justified > .active > a:focus {
49 background-color: #ddd;
50 background-image: none;
51 -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
52 box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
53}
54.nav-justified > li:first-child > a {
55 border-radius: 5px 5px 0 0;
56}
57.nav-justified > li:last-child > a {
58 border-bottom: 0;
59 border-radius: 0 0 5px 5px;
60}
61
62@media (min-width: 768px) {
63 .nav-justified {
64 max-height: 52px;
65 }
66 .nav-justified > li > a {
67 border-right: 1px solid #d5d5d5;
68 border-left: 1px solid #fff;
69 }
70 .nav-justified > li:first-child > a {
71 border-left: 0;
72 border-radius: 5px 0 0 5px;
73 }
74 .nav-justified > li:last-child > a {
75 border-right: 0;
76 border-radius: 0 5px 5px 0;
77 }
78}
79
80/* Responsive: Portrait tablets and up */
81@media screen and (min-width: 768px) {
82 /* Remove the padding we set earlier */
83 .masthead,
84 .marketing,
85 .footer {
86 padding-right: 0;
87 padding-left: 0;
88 }
89}