menuTab-red.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. @CHARSET "UTF-8";
  2. /**tab css样式*/
  3. .content-tabs {
  4. position: relative;
  5. height: 42px;
  6. background: #ffffff;
  7. line-height: 40px;
  8. box-shadow: 0 1px 3px rgba(0,0,0,.1);
  9. border-bottom: 1px solid #d2d3d4;
  10. }
  11. .content-tabs .roll-nav,
  12. .page-tabs-list {
  13. position: absolute;
  14. width: 41px;
  15. height: 41px;
  16. text-align: center;
  17. color: #999;
  18. z-index: 2;
  19. top: 0;
  20. }
  21. .content-tabs .roll-left-0 {
  22. left: 0;
  23. border-right: solid 1px #eee;
  24. }
  25. .content-tabs .roll-left {
  26. left: 41px;
  27. border-right: solid 1px #eee;
  28. }
  29. .content-tabs .roll-right {
  30. right: 0;
  31. border-left: solid 1px #eee;
  32. }
  33. .content-tabs button {
  34. background: #fff;
  35. border: 0;
  36. height: 41px;
  37. width: 41px;
  38. outline: none;
  39. }
  40. .content-tabs button:hover {
  41. background: #fafafa;
  42. }
  43. nav.page-tabs {
  44. margin-left: 82px;
  45. height: 42px;
  46. overflow: hidden;
  47. }
  48. nav.page-tabs .page-tabs-content {
  49. float: left;
  50. }
  51. .page-tabs a {
  52. display: block;
  53. float: left;
  54. border-right: solid 1px #eee;
  55. padding: 0 15px;
  56. }
  57. .page-tabs a i:hover {
  58. color: #c00;
  59. }
  60. .page-tabs a:hover,
  61. .content-tabs .roll-nav:hover {
  62. color: #777;
  63. background: #f2f2f2;
  64. cursor: pointer;
  65. }
  66. .page-tabs a {
  67. color: #999;
  68. }
  69. .page-tabs a i {
  70. color: #ccc;
  71. }
  72. .page-tabs a.active {
  73. border-bottom: 2px solid #d24d57;
  74. }
  75. .roll-right.J_tabRight {
  76. right: 60px
  77. }
  78. .roll-right.btn-group {
  79. right: 60px;
  80. width: 80px;
  81. padding: 0;
  82. }
  83. .roll-right.btn-group button {
  84. width: 80px;
  85. }
  86. .roll-right.J_tabExit {
  87. background: #fff;
  88. height: 41px;
  89. width: 60px;
  90. outline: none;
  91. }
  92. .dropdown-menu-right {
  93. left: auto;
  94. }
  95. /* 右键面板 */
  96. .context-menu-item.context-menu-hover {
  97. color: #fff;
  98. cursor: pointer;
  99. background-color: #d24d57;
  100. }
  101. .context-menu-icon.context-menu-icon--fa::before {
  102. color: #d24d57;
  103. }