You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

60 lines
1.6 KiB

  1. /**
  2. * jquery-bootstrap-scrolling-tabs
  3. * @version v2.4.0
  4. * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
  5. * @author Mike Jacobson <michaeljjacobson1@gmail.com>
  6. * @license MIT License, http://www.opensource.org/licenses/MIT
  7. */
  8. .scrtabs-tab-container * {
  9. box-sizing: border-box; }
  10. .scrtabs-tab-container {
  11. height: 42px; }
  12. .scrtabs-tab-container .tab-content {
  13. clear: left; }
  14. .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
  15. -ms-flex-direction: row;
  16. flex-direction: row; }
  17. .scrtabs-tabs-fixed-container {
  18. float: left;
  19. height: 42px;
  20. overflow: hidden;
  21. width: 100%; }
  22. .scrtabs-tabs-movable-container {
  23. position: relative; }
  24. .scrtabs-tabs-movable-container .tab-content {
  25. display: none; }
  26. .scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
  27. padding-right: 0; }
  28. .scrtabs-tab-scroll-arrow {
  29. border: 1px solid #dddddd;
  30. color: #428bca;
  31. display: none;
  32. float: left;
  33. font-size: 12px;
  34. padding: 0.55rem 0.5rem;
  35. width: 20px; }
  36. .scrtabs-tab-scroll-arrow:hover {
  37. background-color: #eeeeee; }
  38. .scrtabs-tab-scroll-arrow,
  39. .scrtabs-tab-scroll-arrow .scrtabs-click-target {
  40. cursor: pointer; }
  41. .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
  42. cursor: default; }
  43. .scrtabs-tab-scroll-arrow.scrtabs-disable,
  44. .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
  45. color: #ddd;
  46. cursor: default; }
  47. .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
  48. background-color: initial; }
  49. .scrtabs-tabs-fixed-container ul.nav-tabs > li {
  50. white-space: nowrap; }