multitabs.min.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .mt-wrapper{
  2. position: relative;
  3. z-index: 1;
  4. }
  5. .mt-nav-bar {
  6. width : 100%;
  7. z-index: 200;
  8. position: absolute;
  9. }
  10. .mt-nav-bar .mt-nav{
  11. display: inline-block;
  12. background-color: #fff;
  13. vertical-align: top; /* remove vertical gap from display:inline */
  14. margin-left: -1px; /* remove 1px horizontal gap from display:inline */
  15. margin-right : -4px; /* remove 1px horizontal gap from display:inline and 3px ext padding-right, border-right from bootstrap nav*/
  16. }
  17. .mt-nav-panel{
  18. overflow: hidden;
  19. }
  20. .mt-nav-panel ul{
  21. width: 10000px;
  22. }
  23. .mt-tab-content{
  24. height: 100%;
  25. }
  26. .mt-close-tab {
  27. position: absolute;
  28. font-size: 10px;
  29. top: 2px;
  30. right: 0px;
  31. color: #94A6B0;
  32. cursor: pointer;
  33. display: none;
  34. }
  35. li:hover .mt-close-tab {
  36. display: inline;
  37. }
  38. .mt-hidden-list .mt-close-tab {
  39. display: none !important;
  40. }
  41. .mt-nav-bar a {
  42. cursor: pointer !important;
  43. }
  44. @media (max-width: 767px){
  45. .mt-tab-content{
  46. padding-top: 0 !important;
  47. }
  48. }
  49. .mt-tab-content{
  50. -webkit-overflow-scrolling:touch;
  51. overflow:auto;
  52. }
  53. .mt-dragging-tab{
  54. left: auto;
  55. position: absolute !important;
  56. z-index: 9999 !important;
  57. }
  58. .mt-dragging-tab > a{
  59. background: #FBFDFD !important;
  60. }
  61. /*新增*/
  62. .mt-nav-bar .mt-nav .nav-tabs {
  63. margin-bottom: 0px;
  64. border-color: #eceeef;
  65. }
  66. .mt-close-tab:hover {
  67. color: #f96868;
  68. }
  69. .mt-dropdown .caret {
  70. position: absolute;
  71. top: 18px;
  72. }
  73. .mt-dropdown .dropdown-menu {
  74. margin-top: 0px;
  75. }