grafana/public/sass/components/_tabs.scss

.nav-tabs-alt {
	& > li > a {
	  color: darken($link-color, 20%);
	}

	li > a:hover {
    border-bottom: none;
	}

	li.active > a,
	li.active > a:focus,
	li.active > a:hover {
    @include border-radius(3px);
	  border: 1px solid $divider-border-color;
	  background-color: transparent;
	  border-bottom: 1px solid $panel-bg;
	  color: $link-color;
	}

	li.disabled > a {
		color: $text-color;
	}

	.open .dropdown-toggle {
		background-color: #060606;
		border-color: transparent;
	}

  .tab-content {
    padding: 10px;
    background-color: $panel-bg;
  }
}

.gf-tabs {
  @include clearfix();
  float: left;
  margin: 0.5rem 0 0 2rem;
}

.gf-tabs-item {
  float: left;
  list-style: none;
}

.gf-tabs-link {
  padding: ($spacer * 0.75) $spacer;
  margin-right: $spacer/2;
  line-height: $line-height-base;
  border: 1px solid transparent;
  @include border-radius(4px 4px 0 0);

  &:hover,
  &:focus {
    border-color: $divider-border-color;
    color: $link-color;
  }

  &.active,
  &.active:hover,
  &.active:focus {
    @include border-radius(3px);
    border: 1px solid $divider-border-color;
    background-color: transparent;
    border-bottom: 1px solid $panel-bg;
    color: $link-color;
    position: relative;
    top: 1px;
  }
}