_tabs.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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: $tabs-top-margin 0 0 0;
  33. }
  34. .gf-tabs-item {
  35. float: left;
  36. list-style: none;
  37. }
  38. .gf-tabs-link {
  39. padding: $tabs-padding-top $spacer $tabs-padding-bottom $spacer;
  40. margin-right: $spacer/2;
  41. border: 1px solid transparent;
  42. position: relative;
  43. display: block;
  44. @include border-radius(2px 2px 0 0);
  45. &:hover,
  46. &:focus {
  47. color: $link-hover-color;
  48. }
  49. &.active,
  50. &.active:hover,
  51. &.active:focus {
  52. @include border-radius(3px);
  53. border-color: rgba(216, 131, 40, 0.77);
  54. border-bottom: 2px solid $panel-bg;
  55. color: $link-color;
  56. position: relative;
  57. top: 2px;
  58. }
  59. }