bootstrap-source/bootstrap-3.0.3/examples/justified-nav/justified-nav.css
changeset 54 0ded9d7748b7
     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 +}
Impressum Datenschutzerklärung