style.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. /*font*/
  2. /*size*/
  3. /*icon*/
  4. /*color*/
  5. /*input/radio/checkbox*/
  6. /*popup*/
  7. /*table*/
  8. /*filter*/
  9. /*menu*/
  10. /*loading*/
  11. /*validate*/
  12. /*grid*/
  13. /*toolbar*/
  14. /*tooltip*/
  15. /*pager*/
  16. /*modal*/
  17. /*checkbox*/
  18. /*radio*/
  19. /*button*/
  20. /*input*/
  21. /*textarea*/
  22. /*form*/
  23. /*select*/
  24. /*switch*/
  25. /*pulldown*/
  26. .vxe-export--panel-column-option .vxe-checkbox--icon {
  27. font-size: 1.34em; }
  28. .vxe-export--panel-column-option .vxe-checkbox--icon {
  29. color: #dcdfe6;
  30. vertical-align: middle;
  31. font-weight: 700;
  32. -webkit-user-select: none;
  33. -moz-user-select: none;
  34. -ms-user-select: none;
  35. user-select: none; }
  36. .is--checked.vxe-export--panel-column-option, .is--indeterminate.vxe-export--panel-column-option {
  37. color: #409eff; }
  38. .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon {
  39. color: #409eff; }
  40. .vxe-export--panel-column-option:not(.is--disabled) {
  41. cursor: pointer; }
  42. .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon {
  43. color: #409eff; }
  44. .is--disabled.vxe-export--panel-column-option {
  45. color: #BFBFBF;
  46. cursor: not-allowed; }
  47. .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon {
  48. color: #dcdfe6; }
  49. .vxe-export--panel-column-option .vxe-checkbox--label {
  50. padding-left: 0.5em;
  51. vertical-align: middle; }
  52. .vxe-export--panel-column > ul {
  53. list-style-type: none;
  54. overflow: auto;
  55. margin: 0;
  56. padding: 0;
  57. -webkit-user-select: none;
  58. -moz-user-select: none;
  59. -ms-user-select: none;
  60. user-select: none; }
  61. .vxe-export--panel-column > ul > li {
  62. overflow: hidden;
  63. text-overflow: ellipsis;
  64. white-space: nowrap;
  65. cursor: pointer; }
  66. .vxe-export--panel > table {
  67. width: 100%;
  68. border: 0;
  69. table-layout: fixed; }
  70. .vxe-export--panel > table tr td {
  71. padding: 0 10px; }
  72. .vxe-export--panel > table tr td:nth-child(1) {
  73. text-align: right;
  74. width: 30%;
  75. font-weight: 700;
  76. padding: 8px 10px; }
  77. .vxe-export--panel > table tr td:nth-child(2) {
  78. width: 70%; }
  79. .vxe-export--panel > table tr td > .vxe-input,
  80. .vxe-export--panel > table tr td > .vxe-select {
  81. width: 80%; }
  82. .vxe-export--panel > table tr td > .vxe-export--panel-option-row {
  83. padding: 0.25em 0; }
  84. .vxe-export--panel .vxe-export--panel-column {
  85. width: 80%;
  86. border: 1px solid #dcdfe6;
  87. margin: 3px 0;
  88. border-radius: 4px;
  89. -webkit-user-select: none;
  90. -moz-user-select: none;
  91. -ms-user-select: none;
  92. user-select: none; }
  93. .vxe-export--panel .vxe-export--panel-column > ul > li {
  94. padding: 0.2em 1em 0.2em 1em; }
  95. .vxe-export--panel .vxe-export--panel-column > ul > li.level--2 {
  96. padding-left: 3.5em; }
  97. .vxe-export--panel .vxe-export--panel-column > ul > li.level--2 .vxe-checkbox--icon {
  98. left: 1.8em; }
  99. .vxe-export--panel .vxe-export--panel-column > ul > li.level--3 {
  100. padding-left: 4.5em; }
  101. .vxe-export--panel .vxe-export--panel-column > ul > li.level--3 .vxe-checkbox--icon {
  102. left: 2.8em; }
  103. .vxe-export--panel .vxe-export--panel-column > ul > li.level--4 {
  104. padding-left: 5.5em; }
  105. .vxe-export--panel .vxe-export--panel-column > ul > li.level--4 .vxe-checkbox--icon {
  106. left: 3.8em; }
  107. .vxe-export--panel .vxe-export--panel-column > ul > li.level--5 {
  108. padding-left: 6.5em; }
  109. .vxe-export--panel .vxe-export--panel-column > ul > li.level--5 .vxe-checkbox--icon {
  110. left: 4.8em; }
  111. .vxe-export--panel .vxe-export--panel-column > ul > li.level--6 {
  112. padding-left: 7.5em; }
  113. .vxe-export--panel .vxe-export--panel-column > ul > li.level--6 .vxe-checkbox--icon {
  114. left: 5.8em; }
  115. .vxe-export--panel .vxe-export--panel-column > ul > li.level--7 {
  116. padding-left: 8.5em; }
  117. .vxe-export--panel .vxe-export--panel-column > ul > li.level--7 .vxe-checkbox--icon {
  118. left: 6.8em; }
  119. .vxe-export--panel .vxe-export--panel-column > ul > li.level--8 {
  120. padding-left: 9.5em; }
  121. .vxe-export--panel .vxe-export--panel-column > ul > li.level--8 .vxe-checkbox--icon {
  122. left: 7.8em; }
  123. .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header {
  124. padding: 0.1em 0;
  125. background-color: #f8f8f9;
  126. font-weight: 700;
  127. border-bottom: 1px solid #e8eaec; }
  128. .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body {
  129. padding: 0.2em 0;
  130. min-height: 10em;
  131. max-height: 17.6em; }
  132. .vxe-export--panel .vxe-import-selected--file {
  133. padding-right: 40px;
  134. position: relative;
  135. overflow: hidden;
  136. text-overflow: ellipsis;
  137. white-space: nowrap;
  138. -webkit-user-select: none;
  139. -moz-user-select: none;
  140. -ms-user-select: none;
  141. user-select: none; }
  142. .vxe-export--panel .vxe-import-selected--file > i {
  143. display: none;
  144. position: absolute;
  145. top: 50%;
  146. right: 15px;
  147. -webkit-transform: translateY(-50%);
  148. transform: translateY(-50%);
  149. font-size: 16px;
  150. cursor: pointer; }
  151. .vxe-export--panel .vxe-import-selected--file:hover {
  152. color: #409eff; }
  153. .vxe-export--panel .vxe-import-selected--file:hover > i {
  154. display: block; }
  155. .vxe-export--panel .vxe-import-select--file {
  156. border: 1px dashed #dcdfe6;
  157. padding: 6px 34px;
  158. outline: 0;
  159. border-radius: 4px;
  160. background-color: #fff;
  161. -webkit-user-select: none;
  162. -moz-user-select: none;
  163. -ms-user-select: none;
  164. user-select: none;
  165. cursor: pointer; }
  166. .vxe-export--panel .vxe-import-select--file:focus {
  167. border-color: #409eff;
  168. -webkit-box-shadow: 0 0 0.25em 0 #409eff;
  169. box-shadow: 0 0 0.25em 0 #409eff; }
  170. .vxe-export--panel .vxe-import-select--file:hover {
  171. color: #409eff;
  172. border-color: #409eff; }
  173. .vxe-export--panel .vxe-export--panel-btns {
  174. text-align: right;
  175. padding: 0.25em; }