1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/bootstrap-source/bootstrap-3.0.3/examples/justified-nav/justified-nav.css Fri Dec 20 22:49:16 2013 +0100
1.3 @@ -0,0 +1,88 @@
1.4 +body {
1.5 + padding-top: 20px;
1.6 +}
1.7 +
1.8 +.footer {
1.9 + border-top: 1px solid #eee;
1.10 + margin-top: 40px;
1.11 + padding-top: 40px;
1.12 + padding-bottom: 40px;
1.13 +}
1.14 +
1.15 +/* Main marketing message and sign up button */
1.16 +.jumbotron {
1.17 + text-align: center;
1.18 + background-color: transparent;
1.19 +}
1.20 +.jumbotron .btn {
1.21 + font-size: 21px;
1.22 + padding: 14px 24px;
1.23 +}
1.24 +
1.25 +/* Customize the nav-justified links to be fill the entire space of the .navbar */
1.26 +
1.27 +.nav-justified {
1.28 + background-color: #eee;
1.29 + border-radius: 5px;
1.30 + border: 1px solid #ccc;
1.31 +}
1.32 +.nav-justified > li > a {
1.33 + margin-bottom: 0;
1.34 + padding-top: 15px;
1.35 + padding-bottom: 15px;
1.36 + color: #777;
1.37 + font-weight: bold;
1.38 + text-align: center;
1.39 + border-bottom: 1px solid #d5d5d5;
1.40 + background-color: #e5e5e5; /* Old browsers */
1.41 + background-repeat: repeat-x; /* Repeat the gradient */
1.42 + background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
1.43 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
1.44 + background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
1.45 + background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
1.46 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
1.47 + background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
1.48 +}
1.49 +.nav-justified > .active > a,
1.50 +.nav-justified > .active > a:hover,
1.51 +.nav-justified > .active > a:focus {
1.52 + background-color: #ddd;
1.53 + background-image: none;
1.54 + box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
1.55 +}
1.56 +.nav-justified > li:first-child > a {
1.57 + border-radius: 5px 5px 0 0;
1.58 +}
1.59 +.nav-justified > li:last-child > a {
1.60 + border-bottom: 0;
1.61 + border-radius: 0 0 5px 5px;
1.62 +}
1.63 +
1.64 +@media (min-width: 768px) {
1.65 + .nav-justified {
1.66 + max-height: 52px;
1.67 + }
1.68 + .nav-justified > li > a {
1.69 + border-left: 1px solid #fff;
1.70 + border-right: 1px solid #d5d5d5;
1.71 + }
1.72 + .nav-justified > li:first-child > a {
1.73 + border-left: 0;
1.74 + border-radius: 5px 0 0 5px;
1.75 + }
1.76 + .nav-justified > li:last-child > a {
1.77 + border-radius: 0 5px 5px 0;
1.78 + border-right: 0;
1.79 + }
1.80 +}
1.81 +
1.82 +/* Responsive: Portrait tablets and up */
1.83 +@media screen and (min-width: 768px) {
1.84 + /* Remove the padding we set earlier */
1.85 + .masthead,
1.86 + .marketing,
1.87 + .footer {
1.88 + padding-left: 0;
1.89 + padding-right: 0;
1.90 + }
1.91 +}