skin07.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. /*******************************字体选中样式********************************/
  2. body ::selection{
  3. color:white!important;
  4. background: #2F54EB!important;
  5. }
  6. /********************** leftnav左菜单样式 **********************/
  7. body .rxMenuBox{
  8. background: #001529;
  9. }
  10. body .ant-menu.ant-menu-dark .ant-menu-item-selected,
  11. body .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected{
  12. background-color: #2F54EB;
  13. }
  14. /********************** leftnav左菜单样式 **********************/
  15. /********************** 树状图样式 **********************/
  16. body .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected,
  17. body .ant-tree li .ant-tree-node-content-wrapper:hover{
  18. background-color: rgba(250, 173, 20, 0.1);
  19. color: #2F54EB;
  20. }
  21. /********************** 树状图样式 **********************/
  22. /***********************头部样式******************************/
  23. body .ant-menu-horizontal > .ant-menu-item-selected > a {
  24. color: #2F54EB;
  25. }
  26. body .ant-menu-horizontal > .ant-menu-item-selected {
  27. border-bottom: 2px solid #2F54EB;
  28. }
  29. body .ant-menu-horizontal > .ant-menu-item:hover{
  30. border-bottom: 2px solid #2F54EB;
  31. }
  32. body .ant-menu-horizontal > .ant-menu-item >a:hover{
  33. color: #2F54EB;
  34. }
  35. /***********************头部样式******************************/
  36. /***************************button*********************************/
  37. body .ant-btn-primary ,
  38. body .table-operator>button:first-child{
  39. background-color: #2F54EB;
  40. border-color: #2F54EB;
  41. color: #fff;
  42. }
  43. body .table-operator button{
  44. color: #46494d;
  45. background-color: #f5f7fa;
  46. border-radius: 4px;
  47. border: solid 1px #dadde0;
  48. }
  49. body .listHeaderToolbar .ant-btn:hover{
  50. background-color: #2F54EB;
  51. border-color: #2F54EB;
  52. color: #fff;
  53. }
  54. /*列表按鈕*/
  55. body .listHeaderToolbar > .ant-btn:first-child,
  56. body .table-operator > button:nth-child(1){
  57. background-color: #2F54EB;
  58. border-color: #2F54EB;
  59. }
  60. /*****************************a*************************************/
  61. /*****************************炒作选择*************************************/
  62. body .ops_btnOne span {
  63. color: #2F54EB;
  64. }
  65. body .ops_btnOne span:hover{
  66. color: #2F54EB;
  67. }
  68. /*****************************a*************************************/
  69. /*****************************分页标签*************************************/
  70. body .ant-pagination-item-active {
  71. border-color: #2F54EB;
  72. }
  73. body .ant-pagination-item-active a {
  74. color: #2F54EB;
  75. }
  76. body .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a {
  77. color: #2F54EB;
  78. }
  79. body .ant-pagination-item-active {
  80. border-color: #2F54EB!important;
  81. }
  82. body .ant-table-tbody tr:hover{
  83. border-color: #2F54EB;
  84. }
  85. body .ant-pagination-item:hover{
  86. border-color: #2F54EB;
  87. }
  88. .ant-pagination-item a:hover{
  89. color: #2F54EB;
  90. }
  91. body .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
  92. body .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon{
  93. color: #2F54EB;
  94. }
  95. body .ant-pagination-prev .ant-pagination-item-link:hover, .ant-pagination-next .ant-pagination-item-link:hover{
  96. border-color: #2F54EB;
  97. color: #2F54EB;
  98. }
  99. /*****************************分页标签*************************************/
  100. body .ant-select-selection:hover{
  101. box-shadow: 0 0 5px #2F54EB!important;
  102. border-color: #2F54EB!important;
  103. }
  104. body .ant-select-selection{
  105. box-shadow: 0 0 5px white!important;
  106. }
  107. body .ant-checkbox-checked input{
  108. background: #2F54EB!important;
  109. }
  110. body .ant-btn-primary:hover, .ant-btn-primary:focus {
  111. color: #fff;
  112. background-color: #2F54EB;
  113. border-color: #2F54EB;
  114. }
  115. /****************************更多***********************************/
  116. body div.ops_btn {
  117. color: #2F54EB;
  118. }
  119. /**首页**/
  120. body .ant-tabs-nav .ant-tabs-tab-active {
  121. color: #2F54EB;
  122. }
  123. body .ant-tabs-ink-bar{
  124. background-color: #2F54EB;
  125. }
  126. body .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  127. color: #fff;
  128. background: #2F54EB;
  129. border-color: #2F54EB;
  130. }
  131. body .ant-radio-checked .ant-radio-inner {
  132. border-color: #2F54EB;
  133. }
  134. body .ant-radio-inner::after{
  135. background-color: #2F54EB;
  136. }
  137. /*樹*/
  138. body .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
  139. body .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before{
  140. background-color: #2F54EB;
  141. }
  142. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
  143. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before{
  144. }
  145. /*
  146. 表格操作栏
  147. */
  148. body div.buttonContainer span:hover {
  149. background: #2F54EB;
  150. color: #fff;
  151. }