/** * nav-pills * */ .nav-pills { .active a { background: $primary_color; } > li > a { @include border-radius(0); } &.nav-stacked { > li > a { border-left: 4px solid #EEE; padding: 12px; } > .active > a { border-color: $primary_color; border-radius: 0; background: #F1F1F1; color: $style_color; font-weight: bold; } } } .nav-pills > .active > a > i[class^="icon-"] { background: inherit; } /** * nav-tabs * */ .nav-tabs > li > a, .nav-pills > li > a { color: $style_color; } .nav.nav-tabs { li { > a { padding: 8px 20px; margin-right: 7px; line-height: 20px; border-color: #EEE; color: #888; border-bottom: 1px solid #ddd; .badge { background-color: #eee; color: #888; text-shadow: 0 1px 1px #fff; } i[class^="icon-"] { line-height: 14px; } } &.active { > a { border-color: #CCC; border-bottom: 1px solid #fff; color: #333; font-weight: bold; } } } &.nav-small-tabs > li > a { padding: 6px 9px; } } /** * fix to keep tooltips position in top navigation bar * */ .navbar .nav > li { position: relative; white-space: nowrap; }