POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/examples/justified-nav/justified-nav.css

   1 body {
   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 }