_tabs.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .nav-tabs-alt {
  2. & > li > a {
  3. color: darken($link-color, 20%);
  4. }
  5. li > a:hover {
  6. border-bottom: none;
  7. }
  8. li.active > a,
  9. li.active > a:focus,
  10. li.active > a:hover {
  11. @include border-radius(3px);
  12. border: 1px solid $divider-border-color;
  13. background-color: transparent;
  14. border-bottom: 1px solid $page-bg;
  15. color: $link-color;
  16. }
  17. li.disabled > a {
  18. color: $text-color;
  19. }
  20. .open .dropdown-toggle {
  21. background-color: #060606;
  22. border-color: transparent;
  23. }
  24. .tab-content {
  25. padding: 10px;
  26. background-color: $panel-bg;
  27. }
  28. }
  29. .gf-tabs {
  30. @include clearfix();
  31. float: left;
  32. margin: 0.5rem 0 0 2rem;
  33. }
  34. .gf-tabs-item {
  35. float: left;
  36. list-style: none;
  37. }
  38. .gf-tabs-link {
  39. padding: 0.60rem 1rem 0.50rem 1rem;
  40. margin-right: $spacer/2;
  41. line-height: $line-height-base;
  42. border: 1px solid transparent;
  43. position: relative;
  44. top: 5px;
  45. @include border-radius(2px 2px 0 0);
  46. &:hover,
  47. &:focus {
  48. color: $link-hover-color;
  49. }
  50. &.active,
  51. &.active:hover,
  52. &.active:focus {
  53. @include border-radius(3px);
  54. border-color: rgba(216, 131, 40, 0.77);
  55. border-bottom: 1px solid $panel-bg;
  56. color: $link-color;
  57. }
  58. }