git.roojs.org Git - roojs1/blob - old-css-bootstrap/nav-tabs.css

   1 /* NAV TABS */
   2 .nav-tabs-custom {
   3   margin-bottom: 20px;
   4   background: #fff;
   5   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   6 }
   7 .nav-tabs-custom > .nav-tabs {
   8   margin: 0;
   9   border-bottom-color: #f4f4f4;
  10 }
  11 .nav-tabs-custom > .nav-tabs > li {
  12   border-top: 3px solid transparent;
  13   margin-bottom: -2px;
  14   margin-right: 5px;
  15 }
  16 .nav-tabs-custom > .nav-tabs > li > a {
  17   -webkit-border-radius: 0 !important;
  18   -moz-border-radius: 0 !important;
  19   border-radius: 0 !important;
  20 }
  21 .nav-tabs-custom > .nav-tabs > li > a,
  22 .nav-tabs-custom > .nav-tabs > li > a:hover {
  23   background: transparent;
  24   margin: 0;
  25 }
  26 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
  27 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
  28 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  29   border-color: transparent;
  30 }
  31 .nav-tabs-custom > .nav-tabs > li.active {
  32   border-top-color: #3c8dbc;
  33 }
  34 .nav-tabs-custom > .nav-tabs > li.active > a,
  35 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  36   background-color: #fff;
  37 }
  38 .nav-tabs-custom > .nav-tabs > li.active > a {
  39   border-top: 0;
  40   border-left-color: #f4f4f4;
  41   border-right-color: #f4f4f4;
  42 }
  43 .nav-tabs-custom > .nav-tabs > li:first-of-type {
  44   margin-left: 0px;
  45 }
  46 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  47   border-left-width: 0;
  48 }
  49 .nav-tabs-custom > .nav-tabs.pull-right {
  50   float: none!important;
  51 }
  52 .nav-tabs-custom > .nav-tabs.pull-right > li {
  53   float: right;
  54 }
  55 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  56   margin-right: 0px;
  57 }
  58 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  59   border-left-width: 1px;
  60   border-right-width: 0px;
  61 }
  62 .nav-tabs-custom > .nav-tabs > li.header {
  63   font-weight: 400;
  64   line-height: 35px;
  65   padding: 0 10px;
  66   font-size: 20px;
  67   color: #444;
  68   cursor: default;
  69 }
  70 .nav-tabs-custom > .nav-tabs > li.header > .fa,
  71 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
  72 .nav-tabs-custom > .nav-tabs > li.header > .ion {
  73   margin-right: 10px;
  74 }
  75 .nav-tabs-custom > .tab-content {
  76   background: #fff;
  77   padding: 10px;
  78 }
  79 /* --- override it appears it's done un-reliably in JS normally.. */
  80 .tab-content > .tab-pane {
  81     position: absolute;
  82 }