style.css 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  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 {
  27. position: relative;
  28. -webkit-user-select: none;
  29. -moz-user-select: none;
  30. -ms-user-select: none;
  31. user-select: none;
  32. cursor: pointer; }
  33. .vxe-export--panel-column-option .vxe-checkbox--icon {
  34. display: none;
  35. position: absolute;
  36. height: 1em;
  37. width: 1em; }
  38. .vxe-export--panel-column-option .vxe-checkbox--icon {
  39. font-size: 16px; }
  40. .vxe-export--panel-column-option .vxe-checkbox--icon:before {
  41. content: "";
  42. position: absolute;
  43. height: 1em;
  44. width: 1em;
  45. top: 0;
  46. left: 0;
  47. background-color: #fff;
  48. border-radius: 2px;
  49. border: 2px solid #dcdfe6; }
  50. .vxe-export--panel-column-option .vxe-checkbox--unchecked-icon {
  51. display: inline-block; }
  52. .vxe-export--panel-column-option .vxe-checkbox--checked-icon:after {
  53. content: "";
  54. position: absolute;
  55. height: 0.64em;
  56. width: 0.32em;
  57. top: 50%;
  58. left: 50%;
  59. border: 2px solid #fff;
  60. border-left: 0;
  61. border-top: 0;
  62. -webkit-transform: translate(-50%, -50%) rotate(45deg);
  63. transform: translate(-50%, -50%) rotate(45deg); }
  64. .vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon:after {
  65. content: "";
  66. position: absolute;
  67. top: 50%;
  68. left: 50%;
  69. height: 2px;
  70. width: 0.6em;
  71. background-color: #fff;
  72. -webkit-transform: translate(-50%, -50%);
  73. transform: translate(-50%, -50%); }
  74. .is--checked.vxe-export--panel-column-option, .is--indeterminate.vxe-export--panel-column-option {
  75. color: #409eff; }
  76. .is--checked.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon {
  77. display: none; }
  78. .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon:before {
  79. border-color: #409eff;
  80. background-color: #409eff; }
  81. .is--checked.vxe-export--panel-column-option .vxe-checkbox--checked-icon {
  82. display: inline-block; }
  83. .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon {
  84. display: inline-block; }
  85. .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon:before {
  86. border-color: #409eff; }
  87. .is--disabled.vxe-export--panel-column-option {
  88. cursor: not-allowed;
  89. color: #BFBFBF; }
  90. .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:before {
  91. border-color: #dcdfe6;
  92. background-color: #f3f3f3; }
  93. .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:after {
  94. border-color: #c0c4cc; }
  95. .vxe-export--panel-column > ul {
  96. list-style-type: none;
  97. overflow: auto;
  98. margin: 0;
  99. padding: 0;
  100. -webkit-user-select: none;
  101. -moz-user-select: none;
  102. -ms-user-select: none;
  103. user-select: none; }
  104. .vxe-export--panel-column > ul > li {
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. white-space: nowrap;
  108. cursor: pointer; }
  109. .vxe-export--panel > table {
  110. width: 100%;
  111. border: 0;
  112. table-layout: fixed; }
  113. .vxe-export--panel > table tr td {
  114. padding: 0 10px; }
  115. .vxe-export--panel > table tr td:nth-child(1) {
  116. text-align: right;
  117. width: 30%;
  118. font-weight: 700;
  119. padding: 8px 10px; }
  120. .vxe-export--panel > table tr td:nth-child(2) {
  121. width: 70%; }
  122. .vxe-export--panel > table tr td > .vxe-input,
  123. .vxe-export--panel > table tr td > .vxe-select {
  124. width: 80%; }
  125. .vxe-export--panel > table tr td > .vxe-export--panel-option-row {
  126. padding: 0.25em 0; }
  127. .vxe-export--panel .vxe-export--panel-column {
  128. width: 80%;
  129. border: 1px solid #dcdfe6;
  130. margin: 3px 0;
  131. border-radius: 4px;
  132. -webkit-user-select: none;
  133. -moz-user-select: none;
  134. -ms-user-select: none;
  135. user-select: none; }
  136. .vxe-export--panel .vxe-export--panel-column > ul > li {
  137. padding: 0.2em 1em 0.2em 2.3em; }
  138. .vxe-export--panel .vxe-export--panel-column > ul > li.level--2 {
  139. padding-left: 3.5em; }
  140. .vxe-export--panel .vxe-export--panel-column > ul > li.level--2 .vxe-checkbox--icon {
  141. left: 1.8em; }
  142. .vxe-export--panel .vxe-export--panel-column > ul > li.level--3 {
  143. padding-left: 4.5em; }
  144. .vxe-export--panel .vxe-export--panel-column > ul > li.level--3 .vxe-checkbox--icon {
  145. left: 2.8em; }
  146. .vxe-export--panel .vxe-export--panel-column > ul > li.level--4 {
  147. padding-left: 5.5em; }
  148. .vxe-export--panel .vxe-export--panel-column > ul > li.level--4 .vxe-checkbox--icon {
  149. left: 3.8em; }
  150. .vxe-export--panel .vxe-export--panel-column > ul > li.level--5 {
  151. padding-left: 6.5em; }
  152. .vxe-export--panel .vxe-export--panel-column > ul > li.level--5 .vxe-checkbox--icon {
  153. left: 4.8em; }
  154. .vxe-export--panel .vxe-export--panel-column > ul > li.level--6 {
  155. padding-left: 7.5em; }
  156. .vxe-export--panel .vxe-export--panel-column > ul > li.level--6 .vxe-checkbox--icon {
  157. left: 5.8em; }
  158. .vxe-export--panel .vxe-export--panel-column > ul > li.level--7 {
  159. padding-left: 8.5em; }
  160. .vxe-export--panel .vxe-export--panel-column > ul > li.level--7 .vxe-checkbox--icon {
  161. left: 6.8em; }
  162. .vxe-export--panel .vxe-export--panel-column > ul > li.level--8 {
  163. padding-left: 9.5em; }
  164. .vxe-export--panel .vxe-export--panel-column > ul > li.level--8 .vxe-checkbox--icon {
  165. left: 7.8em; }
  166. .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header {
  167. padding: 0.1em 0;
  168. background-color: #f8f8f9;
  169. font-weight: 700;
  170. border-bottom: 1px solid #e8eaec; }
  171. .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body {
  172. padding: 0.2em 0;
  173. min-height: 10em;
  174. max-height: 17.6em; }
  175. .vxe-export--panel .vxe-import-selected--file {
  176. padding-right: 40px;
  177. position: relative;
  178. overflow: hidden;
  179. text-overflow: ellipsis;
  180. white-space: nowrap;
  181. -webkit-user-select: none;
  182. -moz-user-select: none;
  183. -ms-user-select: none;
  184. user-select: none; }
  185. .vxe-export--panel .vxe-import-selected--file > i {
  186. display: none;
  187. position: absolute;
  188. top: 50%;
  189. right: 15px;
  190. -webkit-transform: translateY(-50%);
  191. transform: translateY(-50%);
  192. font-size: 16px;
  193. cursor: pointer; }
  194. .vxe-export--panel .vxe-import-selected--file:hover {
  195. color: #409eff; }
  196. .vxe-export--panel .vxe-import-selected--file:hover > i {
  197. display: block; }
  198. .vxe-export--panel .vxe-import-select--file {
  199. border: 1px dashed #dcdfe6;
  200. padding: 6px 34px;
  201. outline: 0;
  202. border-radius: 4px;
  203. background-color: #fff;
  204. -webkit-user-select: none;
  205. -moz-user-select: none;
  206. -ms-user-select: none;
  207. user-select: none;
  208. cursor: pointer; }
  209. .vxe-export--panel .vxe-import-select--file:focus {
  210. border-color: #409eff;
  211. -webkit-box-shadow: 0 0 0.25em 0 #409eff;
  212. box-shadow: 0 0 0.25em 0 #409eff; }
  213. .vxe-export--panel .vxe-import-select--file:hover {
  214. color: #409eff;
  215. border-color: #409eff; }
  216. .vxe-export--panel .vxe-export--panel-btns {
  217. text-align: right;
  218. padding: 0.25em; }
  219. .vxe-export--panel-column-option .vxe-checkbox--icon {
  220. left: 0.6em;
  221. top: 0.38em; }
  222. .vxe-export--panel-column-option:hover {
  223. background-color: #f5f7fa; }
  224. .vxe-modal--wrapper .vxe-export--panel-column-option > .vxe-checkbox--icon {
  225. font-size: 16px; }
  226. .vxe-modal--wrapper.size--medium .vxe-export--panel-column-option > .vxe-checkbox--icon {
  227. font-size: 15px; }
  228. .vxe-modal--wrapper.size--small .vxe-export--panel-column-option > .vxe-checkbox--icon {
  229. font-size: 14px; }
  230. .vxe-modal--wrapper.size--mini .vxe-export--panel-column-option > .vxe-checkbox--icon {
  231. font-size: 14px; }