git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/examples/justified-nav/justified-nav.css

   1 body {
   2   padding-top: 20px;
   3 }
   4
   5 .footer {
   6   border-top: 1px solid #eee;
   7   margin-top: 40px;
   8   padding-top: 40px;
   9   padding-bottom: 40px;
  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   font-size: 21px;
  19   padding: 14px 24px;
  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-radius: 5px;
  27   border: 1px solid #ccc;
  28 }
  29 .nav-justified > li > a {
  30   margin-bottom: 0;
  31   padding-top: 15px;
  32   padding-bottom: 15px;
  33   color: #777;
  34   font-weight: bold;
  35   text-align: center;
  36   border-bottom: 1px solid #d5d5d5;
  37   background-color: #e5e5e5; /* Old browsers */
  38   background-repeat: repeat-x; /* Repeat the gradient */
  39   background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
  40   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  41   background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
  42   background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
  43   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  44   background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
  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   box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
  52 }
  53 .nav-justified > li:first-child > a {
  54   border-radius: 5px 5px 0 0;
  55 }
  56 .nav-justified > li:last-child > a {
  57   border-bottom: 0;
  58   border-radius: 0 0 5px 5px;
  59 }
  60
  61 @media (min-width: 768px) {
  62   .nav-justified {
  63     max-height: 52px;
  64   }
  65   .nav-justified > li > a {
  66     border-left: 1px solid #fff;
  67     border-right: 1px solid #d5d5d5;
  68   }
  69   .nav-justified > li:first-child > a {
  70     border-left: 0;
  71     border-radius: 5px 0 0 5px;
  72   }
  73   .nav-justified > li:last-child > a {
  74     border-radius: 0 5px 5px 0;
  75     border-right: 0;
  76   }
  77 }
  78
  79 /* Responsive: Portrait tablets and up */
  80 @media screen and (min-width: 768px) {
  81   /* Remove the padding we set earlier */
  82   .masthead,
  83   .marketing,
  84   .footer {
  85     padding-left: 0;
  86     padding-right: 0;
  87   }
  88 }