multitabs.min.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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. width: 16px;
  30. height: 16px;
  31. top: 16px;
  32. right: 10px;
  33. color: #c2c2c2;
  34. cursor: pointer;
  35. display: none;
  36. line-height: 16px;
  37. text-align: center;
  38. vertical-align: 2px;
  39. -webkit-border-radius: 50%;
  40. -moz-border-radius: 50%;
  41. border-radius: 50%;
  42. -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
  43. transition: all .3s cubic-bezier(.645,.045,.355,1);
  44. -webkit-transform-origin: 100% 50%;
  45. transform-origin: 100% 50%;
  46. }
  47. .mt-close-tab:before {
  48. -webkit-transform: scale(.8);
  49. transform: scale(.8);
  50. display: inline-block;
  51. /*vertical-align: -1px;*/
  52. }
  53. li:hover .mt-close-tab {
  54. display: inline;
  55. }
  56. .mt-hidden-list .mt-close-tab {
  57. display: none !important;
  58. }
  59. .mt-nav-bar a {
  60. cursor: pointer !important;
  61. line-height: 1.95!important;
  62. max-height: 48px;
  63. }
  64. @media (max-width: 767px){
  65. .mt-tab-content{
  66. /*padding-top: 0 !important;*/
  67. }
  68. }
  69. .mt-tab-content{
  70. -webkit-overflow-scrolling:touch;
  71. overflow:auto;
  72. }
  73. .mt-dragging-tab{
  74. left: auto;
  75. position: absolute !important;
  76. z-index: 9999 !important;
  77. }
  78. .mt-dragging-tab > a{
  79. background: #FBFDFD !important;
  80. }
  81. /*新增*/
  82. .mt-nav-bar .mt-nav .nav-tabs {
  83. margin-bottom: 0px;
  84. border-color: #eceeef;
  85. }
  86. .mt-close-tab:hover {
  87. color: #f96868;
  88. }
  89. .mt-dropdown .caret {
  90. position: absolute;
  91. top: 22px;
  92. }
  93. .mt-dropdown .dropdown-menu {
  94. margin-top: 0px;
  95. }
  96. #contextify-menu {
  97. min-width: 80px!important;
  98. }
  99. .mt-close-tab:hover {
  100. background-color: #f96868;
  101. color: #fff;
  102. }
  103. .mt-nav .nav-tabs a:not([data-type="main"]) {
  104. padding-right: 40px;
  105. }
  106. .mt-nav-tools-left li a,
  107. .mt-nav-tools-right li a {
  108. padding-right: 15px!important;
  109. }