9 border-top: 1px solid #eee;
12 /* Main marketing message and sign up button */
15 background-color: transparent;
22 /* Customize the nav-justified links to be fill the entire space of the .navbar */
25 background-color: #eee;
26 border: 1px solid #ccc;
29 .nav-justified > li > a {
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;
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);
54 .nav-justified > li:first-child > a {
55 border-radius: 5px 5px 0 0;
57 .nav-justified > li:last-child > a {
59 border-radius: 0 0 5px 5px;
62 @media (min-width: 768px) {
66 .nav-justified > li > a {
67 border-right: 1px solid #d5d5d5;
68 border-left: 1px solid #fff;
70 .nav-justified > li:first-child > a {
72 border-radius: 5px 0 0 5px;
74 .nav-justified > li:last-child > a {
76 border-radius: 0 5px 5px 0;
80 /* Responsive: Portrait tablets and up */
81 @media screen and (min-width: 768px) {
82 /* Remove the padding we set earlier */