iview_style_reset.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. // 对iview组件样式重写
  2. /* --- Select --- */
  3. //
  4. .formLogin > .ivu-form-item > .ivu-form-item-label{
  5. color:#fff;
  6. }
  7. .formLogin > .ivu-form-item > .ivu-form-item-label::before{
  8. content: '';
  9. }
  10. .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu {
  11. height: inherit;
  12. line-height: inherit;
  13. border-bottom: 2px solid transparent;
  14. color: #77ADFF;
  15. }
  16. .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
  17. color: #fff;
  18. // border-bottom: 2px solid #fff;
  19. }
  20. .ivu-menu-light {
  21. background: none;
  22. }
  23. .ivu-menu-item{
  24. position:relative;
  25. }
  26. // #1774ff
  27. .ivu-menu-horizontal.ivu-menu-light:after {
  28. content: '';
  29. display: block;
  30. width: 100%;
  31. height: 3px;
  32. background: #1774ff;
  33. position: absolute;
  34. bottom: 0;
  35. left: 0;
  36. }
  37. .ivu-menu li.ivu-menu-item-active:after{
  38. content: '';
  39. position: absolute;
  40. bottom: 0;
  41. left: 0;
  42. top: 57px;
  43. z-index:9;
  44. width: 100%;
  45. height: 3px;
  46. background: url(../stor/active.png) no-repeat center;
  47. background-size: 100%;
  48. }
  49. .ivu-menu a.ivu-menu-item-active:after{
  50. content: '';
  51. position: absolute;
  52. bottom: 0;
  53. left: 0;
  54. top: 57px;
  55. z-index:9;
  56. width: 100%;
  57. height: 3px;
  58. background: url(../stor/active.png) no-repeat center;
  59. background-size: 100%;
  60. }
  61. .menu-contente{
  62. .ivu-select-dropdown{
  63. background: #1873FF;
  64. }
  65. }
  66. .ivu-select-dropdown li.ivu-menu-item-active:after{
  67. content: none;
  68. }
  69. .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
  70. color: #77ADFF;
  71. }
  72. .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected, .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected:hover{
  73. color: #fff;
  74. }
  75. // #1873FF
  76. // .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu{
  77. // color: #77ADFF;
  78. // }
  79. // .ivu-menu-item-selected{
  80. // color: #fff;
  81. // }
  82. .ivu-btn-primary{
  83. background-color: #1873FF;
  84. border-color: #1873FF;
  85. &:hover {
  86. background-color: #0364F7;
  87. border-color: #0364F7;
  88. }
  89. }
  90. .configuration-table {
  91. .ivu-table-header thead tr th {
  92. padding: 18px 0;
  93. }
  94. .ivu-table-cell {
  95. color: #fff;
  96. }
  97. .ivu-table {
  98. background-color: transparent;
  99. th, td {
  100. background-color: transparent;
  101. border-bottom: 1px solid #ccc;
  102. }
  103. &:before {
  104. background-color: #ccc;
  105. }
  106. }
  107. .ivu-table-small td {
  108. height: auto;
  109. padding: 18px 0;
  110. }
  111. .ivu-table-body {
  112. table {
  113. border-bottom: 1px solid #ccc;
  114. }
  115. }
  116. }
  117. .dns {
  118. .ivu-form-item-label{
  119. color: #fff;
  120. }
  121. }
  122. .ivu-form-item-content {
  123. color: #fff;
  124. }