富茂A端打印模板内嵌编辑器
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 
 

1521 righe
39 KiB

  1. @charset "UTF-8";
  2. .el-input__inner,
  3. .el-textarea__inner {
  4. -webkit-box-sizing: border-box;
  5. color: #606266;
  6. width: 100%;
  7. }
  8. [data-theme="kr-designer"] .el-textarea {
  9. position: relative;
  10. display: inline-block;
  11. width: 100%;
  12. vertical-align: bottom;
  13. font-size: 14px;
  14. }
  15. .el-textarea__inner {
  16. display: block;
  17. resize: vertical;
  18. padding: 5px 15px;
  19. line-height: 1.5;
  20. box-sizing: border-box;
  21. font-size: inherit;
  22. background-color: #fff;
  23. background-image: none;
  24. border: 1px solid #dcdfe6;
  25. border-radius: 4px;
  26. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  27. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  28. }
  29. .el-textarea__inner::-webkit-input-placeholder {
  30. color: #c0c4cc;
  31. }
  32. .el-textarea__inner::-moz-placeholder {
  33. color: #c0c4cc;
  34. }
  35. .el-textarea__inner:-ms-input-placeholder {
  36. color: #c0c4cc;
  37. }
  38. .el-textarea__inner::-ms-input-placeholder {
  39. color: #c0c4cc;
  40. }
  41. .el-textarea__inner::placeholder {
  42. color: #c0c4cc;
  43. }
  44. .el-textarea__inner:hover {
  45. border-color: #c0c4cc;
  46. }
  47. .el-textarea__inner:focus {
  48. outline: 0;
  49. border-color: #409eff;
  50. }
  51. [data-theme="kr-designer"] .el-textarea .el-input__count {
  52. color: #909399;
  53. background: #fff;
  54. position: absolute;
  55. font-size: 12px;
  56. bottom: 5px;
  57. right: 10px;
  58. }
  59. [data-theme="kr-designer"] .el-textarea.is-disabled .el-textarea__inner {
  60. background-color: #f5f7fa;
  61. border-color: #e4e7ed;
  62. color: #c0c4cc;
  63. cursor: not-allowed;
  64. }
  65. [data-theme="kr-designer"]
  66. .el-textarea.is-disabled
  67. .el-textarea__inner::-webkit-input-placeholder {
  68. color: #c0c4cc;
  69. }
  70. [data-theme="kr-designer"]
  71. .el-textarea.is-disabled
  72. .el-textarea__inner::-moz-placeholder {
  73. color: #c0c4cc;
  74. }
  75. [data-theme="kr-designer"]
  76. .el-textarea.is-disabled
  77. .el-textarea__inner:-ms-input-placeholder {
  78. color: #c0c4cc;
  79. }
  80. [data-theme="kr-designer"]
  81. .el-textarea.is-disabled
  82. .el-textarea__inner::-ms-input-placeholder {
  83. color: #c0c4cc;
  84. }
  85. [data-theme="kr-designer"]
  86. .el-textarea.is-disabled
  87. .el-textarea__inner::placeholder {
  88. color: #c0c4cc;
  89. }
  90. [data-theme="kr-designer"] .el-textarea.is-exceed .el-textarea__inner {
  91. border-color: #f56c6c;
  92. }
  93. [data-theme="kr-designer"] .el-textarea.is-exceed .el-input__count {
  94. color: #f56c6c;
  95. }
  96. [data-theme="kr-designer"] .el-input {
  97. position: relative;
  98. font-size: 14px;
  99. display: inline-block;
  100. width: 100%;
  101. }
  102. [data-theme="kr-designer"] .el-input::-webkit-scrollbar {
  103. z-index: 11;
  104. width: 6px;
  105. }
  106. [data-theme="kr-designer"] .el-input::-webkit-scrollbar:horizontal {
  107. height: 6px;
  108. }
  109. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-thumb {
  110. border-radius: 5px;
  111. width: 6px;
  112. background: #b4bccc;
  113. }
  114. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-corner {
  115. background: #fff;
  116. }
  117. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-track {
  118. background: #fff;
  119. }
  120. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-track-piece {
  121. background: #fff;
  122. width: 6px;
  123. }
  124. [data-theme="kr-designer"] .el-input .el-input__clear {
  125. color: #c0c4cc;
  126. font-size: 14px;
  127. cursor: pointer;
  128. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  129. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  130. }
  131. [data-theme="kr-designer"] .el-input .el-input__clear:hover {
  132. color: #909399;
  133. }
  134. [data-theme="kr-designer"] .el-input .el-input__count {
  135. height: 100%;
  136. display: -webkit-inline-box;
  137. display: -ms-inline-flexbox;
  138. display: inline-flex;
  139. -webkit-box-align: center;
  140. -ms-flex-align: center;
  141. align-items: center;
  142. color: #909399;
  143. font-size: 12px;
  144. }
  145. .el-input-group__append .el-button,
  146. .el-input-group__append .el-input,
  147. .el-input-group__prepend .el-button,
  148. .el-input-group__prepend .el-input,
  149. .el-input__inner {
  150. font-size: inherit;
  151. }
  152. [data-theme="kr-designer"] .el-input .el-input__count .el-input__count-inner {
  153. background: #fff;
  154. line-height: initial;
  155. display: inline-block;
  156. padding: 0 5px;
  157. }
  158. .el-input__inner {
  159. -webkit-appearance: none;
  160. background-color: #fff;
  161. background-image: none;
  162. border-radius: 4px;
  163. border: 1px solid #dcdfe6;
  164. box-sizing: border-box;
  165. display: inline-block;
  166. height: 40px;
  167. line-height: 40px;
  168. outline: 0;
  169. padding: 0 15px;
  170. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  171. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  172. }
  173. .el-input__prefix,
  174. .el-input__suffix {
  175. position: absolute;
  176. top: 0;
  177. -webkit-transition: all 0.3s;
  178. height: 100%;
  179. color: #c0c4cc;
  180. text-align: center;
  181. }
  182. .el-input__inner::-webkit-input-placeholder {
  183. color: #c0c4cc;
  184. }
  185. .el-input__inner::-moz-placeholder {
  186. color: #c0c4cc;
  187. }
  188. .el-input__inner:-ms-input-placeholder {
  189. color: #c0c4cc;
  190. }
  191. .el-input__inner::-ms-input-placeholder {
  192. color: #c0c4cc;
  193. }
  194. .el-input__inner::placeholder {
  195. color: #c0c4cc;
  196. }
  197. .el-input__inner:hover {
  198. border-color: #c0c4cc;
  199. }
  200. .el-input__inner:focus,
  201. [data-theme="kr-designer"] .el-input.is-active .el-input__inner {
  202. border-color: #409eff;
  203. outline: 0;
  204. }
  205. .el-input__suffix {
  206. right: 5px;
  207. transition: all 0.3s;
  208. pointer-events: none;
  209. }
  210. .el-input__suffix-inner {
  211. pointer-events: all;
  212. }
  213. .el-input__prefix {
  214. left: 5px;
  215. transition: all 0.3s;
  216. }
  217. .el-input__icon {
  218. height: 100%;
  219. width: 25px;
  220. text-align: center;
  221. -webkit-transition: all 0.3s;
  222. transition: all 0.3s;
  223. line-height: 40px;
  224. }
  225. .el-input__icon:after {
  226. content: "";
  227. height: 100%;
  228. width: 0;
  229. display: inline-block;
  230. vertical-align: middle;
  231. }
  232. .el-input__validateIcon {
  233. pointer-events: none;
  234. }
  235. [data-theme="kr-designer"] .el-input.is-disabled .el-input__inner {
  236. background-color: #f5f7fa;
  237. border-color: #e4e7ed;
  238. color: #c0c4cc;
  239. cursor: not-allowed;
  240. }
  241. [data-theme="kr-designer"]
  242. .el-input.is-disabled
  243. .el-input__inner::-webkit-input-placeholder {
  244. color: #c0c4cc;
  245. }
  246. [data-theme="kr-designer"]
  247. .el-input.is-disabled
  248. .el-input__inner::-moz-placeholder {
  249. color: #c0c4cc;
  250. }
  251. [data-theme="kr-designer"]
  252. .el-input.is-disabled
  253. .el-input__inner:-ms-input-placeholder {
  254. color: #c0c4cc;
  255. }
  256. [data-theme="kr-designer"]
  257. .el-input.is-disabled
  258. .el-input__inner::-ms-input-placeholder {
  259. color: #c0c4cc;
  260. }
  261. [data-theme="kr-designer"] .el-input.is-disabled .el-input__inner::placeholder {
  262. color: #c0c4cc;
  263. }
  264. [data-theme="kr-designer"] .el-input.is-disabled .el-input__icon {
  265. cursor: not-allowed;
  266. }
  267. [data-theme="kr-designer"] .el-input.is-exceed .el-input__inner {
  268. border-color: #f56c6c;
  269. }
  270. [data-theme="kr-designer"]
  271. .el-input.is-exceed
  272. .el-input__suffix
  273. .el-input__count {
  274. color: #f56c6c;
  275. }
  276. [data-theme="kr-designer"] .el-input--suffix .el-input__inner {
  277. padding-right: 30px;
  278. }
  279. [data-theme="kr-designer"] .el-input--prefix .el-input__inner {
  280. padding-left: 30px;
  281. }
  282. [data-theme="kr-designer"] .el-input--medium {
  283. font-size: 14px;
  284. }
  285. [data-theme="kr-designer"] .el-input--medium .el-input__inner {
  286. height: 36px;
  287. line-height: 36px;
  288. }
  289. [data-theme="kr-designer"] .el-input--medium .el-input__icon {
  290. line-height: 36px;
  291. }
  292. [data-theme="kr-designer"] .el-input--small {
  293. font-size: 13px;
  294. }
  295. [data-theme="kr-designer"] .el-input--small .el-input__inner {
  296. height: 32px;
  297. line-height: 32px;
  298. }
  299. [data-theme="kr-designer"] .el-input--small .el-input__icon {
  300. line-height: 32px;
  301. }
  302. [data-theme="kr-designer"] .el-input--mini {
  303. font-size: 12px;
  304. }
  305. [data-theme="kr-designer"] .el-input--mini .el-input__inner {
  306. height: 28px;
  307. line-height: 28px;
  308. }
  309. [data-theme="kr-designer"] .el-input--mini .el-input__icon {
  310. line-height: 28px;
  311. }
  312. [data-theme="kr-designer"] .el-input-group {
  313. line-height: normal;
  314. display: inline-table;
  315. width: 100%;
  316. border-collapse: separate;
  317. border-spacing: 0;
  318. }
  319. [data-theme="kr-designer"] .el-input-group > .el-input__inner {
  320. vertical-align: middle;
  321. display: table-cell;
  322. }
  323. .el-input-group__append,
  324. .el-input-group__prepend {
  325. background-color: #f5f7fa;
  326. color: #909399;
  327. vertical-align: middle;
  328. display: table-cell;
  329. position: relative;
  330. border: 1px solid #dcdfe6;
  331. border-radius: 4px;
  332. padding: 0 20px;
  333. width: 1px;
  334. white-space: nowrap;
  335. }
  336. .el-input-group__append,
  337. [data-theme="kr-designer"] .el-input-group--prepend .el-input__inner {
  338. border-top-left-radius: 0;
  339. border-bottom-left-radius: 0;
  340. }
  341. .el-input-group__prepend,
  342. [data-theme="kr-designer"] .el-input-group--append .el-input__inner {
  343. border-top-right-radius: 0;
  344. border-bottom-right-radius: 0;
  345. }
  346. .el-input-group__append:focus,
  347. .el-input-group__prepend:focus {
  348. outline: 0;
  349. }
  350. .el-input-group__append .el-button,
  351. .el-input-group__append .el-select,
  352. .el-input-group__prepend .el-button,
  353. .el-input-group__prepend .el-select {
  354. display: inline-block;
  355. margin: -10px -20px;
  356. }
  357. .el-input-group__append button.el-button,
  358. .el-input-group__append div.el-select .el-input__inner,
  359. .el-input-group__append div.el-select:hover .el-input__inner,
  360. .el-input-group__prepend button.el-button,
  361. .el-input-group__prepend div.el-select .el-input__inner,
  362. .el-input-group__prepend div.el-select:hover .el-input__inner {
  363. border-color: transparent;
  364. background-color: transparent;
  365. color: inherit;
  366. border-top: 0;
  367. border-bottom: 0;
  368. }
  369. .el-input-group__prepend {
  370. border-right: 0;
  371. }
  372. .el-input-group__append {
  373. border-left: 0;
  374. }
  375. [data-theme="kr-designer"]
  376. .el-input-group--append
  377. .el-select
  378. .el-input.is-focus
  379. .el-input__inner,
  380. [data-theme="kr-designer"]
  381. .el-input-group--prepend
  382. .el-select
  383. .el-input.is-focus
  384. .el-input__inner {
  385. border-color: transparent;
  386. }
  387. [data-theme="kr-designer"] .el-input__inner::-ms-clear {
  388. display: none;
  389. width: 0;
  390. height: 0;
  391. }
  392. [data-theme="kr-designer"] .el-button {
  393. display: inline-block;
  394. line-height: 1;
  395. white-space: nowrap;
  396. cursor: pointer;
  397. background: #fff;
  398. border: 1px solid #dcdfe6;
  399. color: #606266;
  400. -webkit-appearance: none;
  401. text-align: center;
  402. -webkit-box-sizing: border-box;
  403. box-sizing: border-box;
  404. outline: 0;
  405. margin: 0;
  406. -webkit-transition: 0.1s;
  407. transition: 0.1s;
  408. font-weight: 500;
  409. -moz-user-select: none;
  410. -webkit-user-select: none;
  411. -ms-user-select: none;
  412. padding: 12px 20px;
  413. font-size: 14px;
  414. border-radius: 4px;
  415. }
  416. [data-theme="kr-designer"] .el-button + .el-button {
  417. margin-left: 10px;
  418. }
  419. [data-theme="kr-designer"] .el-button:focus,
  420. [data-theme="kr-designer"] .el-button:hover {
  421. color: #409eff;
  422. border-color: #c6e2ff;
  423. background-color: #ecf5ff;
  424. }
  425. [data-theme="kr-designer"] .el-button:active {
  426. color: #3a8ee6;
  427. border-color: #3a8ee6;
  428. outline: 0;
  429. }
  430. [data-theme="kr-designer"] .el-button::-moz-focus-inner {
  431. border: 0;
  432. }
  433. [data-theme="kr-designer"] .el-button [class*="el-icon-"] + span {
  434. margin-left: 5px;
  435. }
  436. [data-theme="kr-designer"] .el-button.is-plain:focus,
  437. [data-theme="kr-designer"] .el-button.is-plain:hover {
  438. background: #fff;
  439. border-color: #409eff;
  440. color: #409eff;
  441. }
  442. [data-theme="kr-designer"] .el-button.is-plain:active {
  443. background: #fff;
  444. border-color: #3a8ee6;
  445. color: #3a8ee6;
  446. outline: 0;
  447. }
  448. [data-theme="kr-designer"] .el-button.is-active {
  449. color: #3a8ee6;
  450. border-color: #3a8ee6;
  451. }
  452. [data-theme="kr-designer"] .el-button.is-disabled,
  453. [data-theme="kr-designer"] .el-button.is-disabled:focus,
  454. [data-theme="kr-designer"] .el-button.is-disabled:hover {
  455. color: #c0c4cc;
  456. cursor: not-allowed;
  457. background-image: none;
  458. background-color: #fff;
  459. border-color: #ebeef5;
  460. }
  461. [data-theme="kr-designer"] .el-button.is-disabled.el-button--text {
  462. background-color: transparent;
  463. }
  464. [data-theme="kr-designer"] .el-button.is-disabled.is-plain,
  465. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:focus,
  466. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:hover {
  467. background-color: #fff;
  468. border-color: #ebeef5;
  469. color: #c0c4cc;
  470. }
  471. [data-theme="kr-designer"] .el-button.is-loading {
  472. position: relative;
  473. pointer-events: none;
  474. }
  475. [data-theme="kr-designer"] .el-button.is-loading:before {
  476. pointer-events: none;
  477. content: "";
  478. position: absolute;
  479. left: -1px;
  480. top: -1px;
  481. right: -1px;
  482. bottom: -1px;
  483. border-radius: inherit;
  484. background-color: rgba(255, 255, 255, 0.35);
  485. }
  486. [data-theme="kr-designer"] .el-button.is-round {
  487. border-radius: 20px;
  488. padding: 12px 23px;
  489. }
  490. [data-theme="kr-designer"] .el-button.is-circle {
  491. border-radius: 50%;
  492. padding: 12px;
  493. }
  494. [data-theme="kr-designer"] .el-button--primary {
  495. color: #fff;
  496. background-color: #409eff;
  497. border-color: #409eff;
  498. }
  499. [data-theme="kr-designer"] .el-button--primary:focus,
  500. [data-theme="kr-designer"] .el-button--primary:hover {
  501. background: #66b1ff;
  502. border-color: #66b1ff;
  503. color: #fff;
  504. }
  505. [data-theme="kr-designer"] .el-button--primary:active {
  506. background: #3a8ee6;
  507. border-color: #3a8ee6;
  508. color: #fff;
  509. outline: 0;
  510. }
  511. [data-theme="kr-designer"] .el-button--primary.is-active {
  512. background: #3a8ee6;
  513. border-color: #3a8ee6;
  514. color: #fff;
  515. }
  516. [data-theme="kr-designer"] .el-button--primary.is-disabled,
  517. [data-theme="kr-designer"] .el-button--primary.is-disabled:active,
  518. [data-theme="kr-designer"] .el-button--primary.is-disabled:focus,
  519. [data-theme="kr-designer"] .el-button--primary.is-disabled:hover {
  520. color: #fff;
  521. background-color: #a0cfff;
  522. border-color: #a0cfff;
  523. }
  524. [data-theme="kr-designer"] .el-button--primary.is-plain {
  525. color: #409eff;
  526. background: #ecf5ff;
  527. border-color: #b3d8ff;
  528. }
  529. [data-theme="kr-designer"] .el-button--primary.is-plain:focus,
  530. [data-theme="kr-designer"] .el-button--primary.is-plain:hover {
  531. background: #409eff;
  532. border-color: #409eff;
  533. color: #fff;
  534. }
  535. [data-theme="kr-designer"] .el-button--primary.is-plain:active {
  536. background: #3a8ee6;
  537. border-color: #3a8ee6;
  538. color: #fff;
  539. outline: 0;
  540. }
  541. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled,
  542. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:active,
  543. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:focus,
  544. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:hover {
  545. color: #8cc5ff;
  546. background-color: #ecf5ff;
  547. border-color: #d9ecff;
  548. }
  549. [data-theme="kr-designer"] .el-button--success {
  550. color: #fff;
  551. background-color: #67c23a;
  552. border-color: #67c23a;
  553. }
  554. [data-theme="kr-designer"] .el-button--success:focus,
  555. [data-theme="kr-designer"] .el-button--success:hover {
  556. background: #85ce61;
  557. border-color: #85ce61;
  558. color: #fff;
  559. }
  560. [data-theme="kr-designer"] .el-button--success:active {
  561. background: #5daf34;
  562. border-color: #5daf34;
  563. color: #fff;
  564. outline: 0;
  565. }
  566. [data-theme="kr-designer"] .el-button--success.is-active {
  567. background: #5daf34;
  568. border-color: #5daf34;
  569. color: #fff;
  570. }
  571. [data-theme="kr-designer"] .el-button--success.is-disabled,
  572. [data-theme="kr-designer"] .el-button--success.is-disabled:active,
  573. [data-theme="kr-designer"] .el-button--success.is-disabled:focus,
  574. [data-theme="kr-designer"] .el-button--success.is-disabled:hover {
  575. color: #fff;
  576. background-color: #b3e19d;
  577. border-color: #b3e19d;
  578. }
  579. [data-theme="kr-designer"] .el-button--success.is-plain {
  580. color: #67c23a;
  581. background: #f0f9eb;
  582. border-color: #c2e7b0;
  583. }
  584. [data-theme="kr-designer"] .el-button--success.is-plain:focus,
  585. [data-theme="kr-designer"] .el-button--success.is-plain:hover {
  586. background: #67c23a;
  587. border-color: #67c23a;
  588. color: #fff;
  589. }
  590. [data-theme="kr-designer"] .el-button--success.is-plain:active {
  591. background: #5daf34;
  592. border-color: #5daf34;
  593. color: #fff;
  594. outline: 0;
  595. }
  596. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled,
  597. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:active,
  598. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:focus,
  599. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:hover {
  600. color: #a4da89;
  601. background-color: #f0f9eb;
  602. border-color: #e1f3d8;
  603. }
  604. [data-theme="kr-designer"] .el-button--warning {
  605. color: #fff;
  606. background-color: #e6a23c;
  607. border-color: #e6a23c;
  608. }
  609. [data-theme="kr-designer"] .el-button--warning:focus,
  610. [data-theme="kr-designer"] .el-button--warning:hover {
  611. background: #ebb563;
  612. border-color: #ebb563;
  613. color: #fff;
  614. }
  615. [data-theme="kr-designer"] .el-button--warning:active {
  616. background: #cf9236;
  617. border-color: #cf9236;
  618. color: #fff;
  619. outline: 0;
  620. }
  621. [data-theme="kr-designer"] .el-button--warning.is-active {
  622. background: #cf9236;
  623. border-color: #cf9236;
  624. color: #fff;
  625. }
  626. [data-theme="kr-designer"] .el-button--warning.is-disabled,
  627. [data-theme="kr-designer"] .el-button--warning.is-disabled:active,
  628. [data-theme="kr-designer"] .el-button--warning.is-disabled:focus,
  629. [data-theme="kr-designer"] .el-button--warning.is-disabled:hover {
  630. color: #fff;
  631. background-color: #f3d19e;
  632. border-color: #f3d19e;
  633. }
  634. [data-theme="kr-designer"] .el-button--warning.is-plain {
  635. color: #e6a23c;
  636. background: #fdf6ec;
  637. border-color: #f5dab1;
  638. }
  639. [data-theme="kr-designer"] .el-button--warning.is-plain:focus,
  640. [data-theme="kr-designer"] .el-button--warning.is-plain:hover {
  641. background: #e6a23c;
  642. border-color: #e6a23c;
  643. color: #fff;
  644. }
  645. [data-theme="kr-designer"] .el-button--warning.is-plain:active {
  646. background: #cf9236;
  647. border-color: #cf9236;
  648. color: #fff;
  649. outline: 0;
  650. }
  651. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled,
  652. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:active,
  653. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:focus,
  654. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:hover {
  655. color: #f0c78a;
  656. background-color: #fdf6ec;
  657. border-color: #faecd8;
  658. }
  659. [data-theme="kr-designer"] .el-button--danger {
  660. color: #fff;
  661. background-color: #f56c6c;
  662. border-color: #f56c6c;
  663. }
  664. [data-theme="kr-designer"] .el-button--danger:focus,
  665. [data-theme="kr-designer"] .el-button--danger:hover {
  666. background: #f78989;
  667. border-color: #f78989;
  668. color: #fff;
  669. }
  670. [data-theme="kr-designer"] .el-button--danger:active {
  671. background: #dd6161;
  672. border-color: #dd6161;
  673. color: #fff;
  674. outline: 0;
  675. }
  676. [data-theme="kr-designer"] .el-button--danger.is-active {
  677. background: #dd6161;
  678. border-color: #dd6161;
  679. color: #fff;
  680. }
  681. [data-theme="kr-designer"] .el-button--danger.is-disabled,
  682. [data-theme="kr-designer"] .el-button--danger.is-disabled:active,
  683. [data-theme="kr-designer"] .el-button--danger.is-disabled:focus,
  684. [data-theme="kr-designer"] .el-button--danger.is-disabled:hover {
  685. color: #fff;
  686. background-color: #fab6b6;
  687. border-color: #fab6b6;
  688. }
  689. [data-theme="kr-designer"] .el-button--danger.is-plain {
  690. color: #f56c6c;
  691. background: #fef0f0;
  692. border-color: #fbc4c4;
  693. }
  694. [data-theme="kr-designer"] .el-button--danger.is-plain:focus,
  695. [data-theme="kr-designer"] .el-button--danger.is-plain:hover {
  696. background: #f56c6c;
  697. border-color: #f56c6c;
  698. color: #fff;
  699. }
  700. [data-theme="kr-designer"] .el-button--danger.is-plain:active {
  701. background: #dd6161;
  702. border-color: #dd6161;
  703. color: #fff;
  704. outline: 0;
  705. }
  706. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled,
  707. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:active,
  708. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:focus,
  709. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:hover {
  710. color: #f9a7a7;
  711. background-color: #fef0f0;
  712. border-color: #fde2e2;
  713. }
  714. [data-theme="kr-designer"] .el-button--info {
  715. color: #fff;
  716. background-color: #909399;
  717. border-color: #909399;
  718. }
  719. [data-theme="kr-designer"] .el-button--info:focus,
  720. [data-theme="kr-designer"] .el-button--info:hover {
  721. background: #a6a9ad;
  722. border-color: #a6a9ad;
  723. color: #fff;
  724. }
  725. [data-theme="kr-designer"] .el-button--info:active {
  726. background: #82848a;
  727. border-color: #82848a;
  728. color: #fff;
  729. outline: 0;
  730. }
  731. [data-theme="kr-designer"] .el-button--info.is-active {
  732. background: #82848a;
  733. border-color: #82848a;
  734. color: #fff;
  735. }
  736. [data-theme="kr-designer"] .el-button--info.is-disabled,
  737. [data-theme="kr-designer"] .el-button--info.is-disabled:active,
  738. [data-theme="kr-designer"] .el-button--info.is-disabled:focus,
  739. [data-theme="kr-designer"] .el-button--info.is-disabled:hover {
  740. color: #fff;
  741. background-color: #c8c9cc;
  742. border-color: #c8c9cc;
  743. }
  744. [data-theme="kr-designer"] .el-button--info.is-plain {
  745. color: #909399;
  746. background: #f4f4f5;
  747. border-color: #d3d4d6;
  748. }
  749. [data-theme="kr-designer"] .el-button--info.is-plain:focus,
  750. [data-theme="kr-designer"] .el-button--info.is-plain:hover {
  751. background: #909399;
  752. border-color: #909399;
  753. color: #fff;
  754. }
  755. [data-theme="kr-designer"] .el-button--info.is-plain:active {
  756. background: #82848a;
  757. border-color: #82848a;
  758. color: #fff;
  759. outline: 0;
  760. }
  761. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled,
  762. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:active,
  763. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:focus,
  764. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:hover {
  765. color: #bcbec2;
  766. background-color: #f4f4f5;
  767. border-color: #e9e9eb;
  768. }
  769. [data-theme="kr-designer"] .el-button--medium {
  770. padding: 10px 20px;
  771. font-size: 14px;
  772. border-radius: 4px;
  773. }
  774. [data-theme="kr-designer"] .el-button--medium.is-round {
  775. padding: 10px 20px;
  776. }
  777. [data-theme="kr-designer"] .el-button--medium.is-circle {
  778. padding: 10px;
  779. }
  780. [data-theme="kr-designer"] .el-button--small {
  781. padding: 9px 15px;
  782. font-size: 12px;
  783. border-radius: 3px;
  784. }
  785. [data-theme="kr-designer"] .el-button--small.is-round {
  786. padding: 9px 15px;
  787. }
  788. [data-theme="kr-designer"] .el-button--small.is-circle {
  789. padding: 9px;
  790. }
  791. [data-theme="kr-designer"] .el-button--mini {
  792. padding: 7px 15px;
  793. font-size: 12px;
  794. border-radius: 3px;
  795. }
  796. [data-theme="kr-designer"] .el-button--mini.is-round {
  797. padding: 7px 15px;
  798. }
  799. [data-theme="kr-designer"] .el-button--mini.is-circle {
  800. padding: 7px;
  801. }
  802. [data-theme="kr-designer"] .el-button--text {
  803. border-color: transparent;
  804. color: #409eff;
  805. background: 0 0;
  806. padding-left: 0;
  807. padding-right: 0;
  808. }
  809. [data-theme="kr-designer"] .el-button--text:focus,
  810. [data-theme="kr-designer"] .el-button--text:hover {
  811. color: #66b1ff;
  812. border-color: transparent;
  813. background-color: transparent;
  814. }
  815. [data-theme="kr-designer"] .el-button--text:active {
  816. color: #3a8ee6;
  817. border-color: transparent;
  818. background-color: transparent;
  819. }
  820. .el-checkbox-button__inner,
  821. [data-theme="kr-designer"] .el-checkbox {
  822. font-weight: 500;
  823. color: #606266;
  824. -moz-user-select: none;
  825. font-size: 14px;
  826. white-space: nowrap;
  827. cursor: pointer;
  828. }
  829. [data-theme="kr-designer"] .el-button--text.is-disabled,
  830. [data-theme="kr-designer"] .el-button--text.is-disabled:focus,
  831. [data-theme="kr-designer"] .el-button--text.is-disabled:hover {
  832. border-color: transparent;
  833. }
  834. [data-theme="kr-designer"] .el-button-group {
  835. display: inline-block;
  836. vertical-align: middle;
  837. }
  838. [data-theme="kr-designer"] .el-button-group::after,
  839. [data-theme="kr-designer"] .el-button-group::before {
  840. display: table;
  841. content: "";
  842. }
  843. [data-theme="kr-designer"] .el-button-group::after {
  844. clear: both;
  845. }
  846. [data-theme="kr-designer"] .el-button-group > .el-button {
  847. float: left;
  848. position: relative;
  849. }
  850. [data-theme="kr-designer"] .el-button-group > .el-button + .el-button {
  851. margin-left: 0;
  852. }
  853. [data-theme="kr-designer"] .el-button-group > .el-button.is-disabled {
  854. z-index: 1;
  855. }
  856. [data-theme="kr-designer"] .el-button-group > .el-button:first-child {
  857. border-top-right-radius: 0;
  858. border-bottom-right-radius: 0;
  859. }
  860. [data-theme="kr-designer"] .el-button-group > .el-button:last-child {
  861. border-top-left-radius: 0;
  862. border-bottom-left-radius: 0;
  863. }
  864. [data-theme="kr-designer"]
  865. .el-button-group
  866. > .el-button:first-child:last-child {
  867. border-radius: 4px;
  868. }
  869. [data-theme="kr-designer"]
  870. .el-button-group
  871. > .el-button:first-child:last-child.is-round {
  872. border-radius: 20px;
  873. }
  874. [data-theme="kr-designer"]
  875. .el-button-group
  876. > .el-button:first-child:last-child.is-circle {
  877. border-radius: 50%;
  878. }
  879. [data-theme="kr-designer"]
  880. .el-button-group
  881. > .el-button:not(:first-child):not(:last-child) {
  882. border-radius: 0;
  883. }
  884. [data-theme="kr-designer"] .el-button-group > .el-button:not(:last-child) {
  885. margin-right: -1px;
  886. }
  887. [data-theme="kr-designer"] .el-button-group > .el-button.is-active,
  888. [data-theme="kr-designer"] .el-button-group > .el-button:active,
  889. [data-theme="kr-designer"] .el-button-group > .el-button:focus,
  890. [data-theme="kr-designer"] .el-button-group > .el-button:hover {
  891. z-index: 1;
  892. }
  893. [data-theme="kr-designer"] .el-button-group > .el-dropdown > .el-button {
  894. border-top-left-radius: 0;
  895. border-bottom-left-radius: 0;
  896. border-left-color: rgba(255, 255, 255, 0.5);
  897. }
  898. [data-theme="kr-designer"] .el-button-group .el-button--primary:first-child {
  899. border-right-color: rgba(255, 255, 255, 0.5);
  900. }
  901. [data-theme="kr-designer"] .el-button-group .el-button--primary:last-child {
  902. border-left-color: rgba(255, 255, 255, 0.5);
  903. }
  904. [data-theme="kr-designer"]
  905. .el-button-group
  906. .el-button--primary:not(:first-child):not(:last-child) {
  907. border-left-color: rgba(255, 255, 255, 0.5);
  908. border-right-color: rgba(255, 255, 255, 0.5);
  909. }
  910. [data-theme="kr-designer"] .el-button-group .el-button--success:first-child {
  911. border-right-color: rgba(255, 255, 255, 0.5);
  912. }
  913. [data-theme="kr-designer"] .el-button-group .el-button--success:last-child {
  914. border-left-color: rgba(255, 255, 255, 0.5);
  915. }
  916. [data-theme="kr-designer"]
  917. .el-button-group
  918. .el-button--success:not(:first-child):not(:last-child) {
  919. border-left-color: rgba(255, 255, 255, 0.5);
  920. border-right-color: rgba(255, 255, 255, 0.5);
  921. }
  922. [data-theme="kr-designer"] .el-button-group .el-button--warning:first-child {
  923. border-right-color: rgba(255, 255, 255, 0.5);
  924. }
  925. [data-theme="kr-designer"] .el-button-group .el-button--warning:last-child {
  926. border-left-color: rgba(255, 255, 255, 0.5);
  927. }
  928. [data-theme="kr-designer"]
  929. .el-button-group
  930. .el-button--warning:not(:first-child):not(:last-child) {
  931. border-left-color: rgba(255, 255, 255, 0.5);
  932. border-right-color: rgba(255, 255, 255, 0.5);
  933. }
  934. [data-theme="kr-designer"] .el-button-group .el-button--danger:first-child {
  935. border-right-color: rgba(255, 255, 255, 0.5);
  936. }
  937. [data-theme="kr-designer"] .el-button-group .el-button--danger:last-child {
  938. border-left-color: rgba(255, 255, 255, 0.5);
  939. }
  940. [data-theme="kr-designer"]
  941. .el-button-group
  942. .el-button--danger:not(:first-child):not(:last-child) {
  943. border-left-color: rgba(255, 255, 255, 0.5);
  944. border-right-color: rgba(255, 255, 255, 0.5);
  945. }
  946. [data-theme="kr-designer"] .el-button-group .el-button--info:first-child {
  947. border-right-color: rgba(255, 255, 255, 0.5);
  948. }
  949. [data-theme="kr-designer"] .el-button-group .el-button--info:last-child {
  950. border-left-color: rgba(255, 255, 255, 0.5);
  951. }
  952. [data-theme="kr-designer"]
  953. .el-button-group
  954. .el-button--info:not(:first-child):not(:last-child) {
  955. border-left-color: rgba(255, 255, 255, 0.5);
  956. border-right-color: rgba(255, 255, 255, 0.5);
  957. }
  958. [data-theme="kr-designer"] .el-checkbox {
  959. position: relative;
  960. display: inline-block;
  961. -webkit-user-select: none;
  962. -ms-user-select: none;
  963. user-select: none;
  964. margin-right: 30px;
  965. }
  966. [data-theme="kr-designer"] .el-checkbox.is-bordered {
  967. padding: 9px 20px 9px 10px;
  968. border-radius: 4px;
  969. border: 1px solid #dcdfe6;
  970. -webkit-box-sizing: border-box;
  971. box-sizing: border-box;
  972. line-height: normal;
  973. height: 40px;
  974. }
  975. [data-theme="kr-designer"] .el-checkbox.is-bordered.is-checked {
  976. border-color: #409eff;
  977. }
  978. [data-theme="kr-designer"] .el-checkbox.is-bordered.is-disabled {
  979. border-color: #ebeef5;
  980. cursor: not-allowed;
  981. }
  982. [data-theme="kr-designer"] .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  983. margin-left: 10px;
  984. }
  985. [data-theme="kr-designer"] .el-checkbox.is-bordered.el-checkbox--medium {
  986. padding: 7px 20px 7px 10px;
  987. border-radius: 4px;
  988. height: 36px;
  989. }
  990. [data-theme="kr-designer"]
  991. .el-checkbox.is-bordered.el-checkbox--medium
  992. .el-checkbox__label {
  993. line-height: 17px;
  994. font-size: 14px;
  995. }
  996. [data-theme="kr-designer"]
  997. .el-checkbox.is-bordered.el-checkbox--medium
  998. .el-checkbox__inner {
  999. height: 14px;
  1000. width: 14px;
  1001. }
  1002. [data-theme="kr-designer"] .el-checkbox.is-bordered.el-checkbox--small {
  1003. padding: 5px 15px 5px 10px;
  1004. border-radius: 3px;
  1005. height: 32px;
  1006. }
  1007. [data-theme="kr-designer"]
  1008. .el-checkbox.is-bordered.el-checkbox--small
  1009. .el-checkbox__label {
  1010. line-height: 15px;
  1011. font-size: 12px;
  1012. }
  1013. [data-theme="kr-designer"]
  1014. .el-checkbox.is-bordered.el-checkbox--small
  1015. .el-checkbox__inner {
  1016. height: 12px;
  1017. width: 12px;
  1018. }
  1019. [data-theme="kr-designer"]
  1020. .el-checkbox.is-bordered.el-checkbox--small
  1021. .el-checkbox__inner::after {
  1022. height: 6px;
  1023. width: 2px;
  1024. }
  1025. [data-theme="kr-designer"] .el-checkbox.is-bordered.el-checkbox--mini {
  1026. padding: 3px 15px 3px 10px;
  1027. border-radius: 3px;
  1028. height: 28px;
  1029. }
  1030. [data-theme="kr-designer"]
  1031. .el-checkbox.is-bordered.el-checkbox--mini
  1032. .el-checkbox__label {
  1033. line-height: 12px;
  1034. font-size: 12px;
  1035. }
  1036. [data-theme="kr-designer"]
  1037. .el-checkbox.is-bordered.el-checkbox--mini
  1038. .el-checkbox__inner {
  1039. height: 12px;
  1040. width: 12px;
  1041. }
  1042. [data-theme="kr-designer"]
  1043. .el-checkbox.is-bordered.el-checkbox--mini
  1044. .el-checkbox__inner::after {
  1045. height: 6px;
  1046. width: 2px;
  1047. }
  1048. .el-checkbox__input {
  1049. white-space: nowrap;
  1050. cursor: pointer;
  1051. outline: 0;
  1052. display: inline-block;
  1053. line-height: 1;
  1054. position: relative;
  1055. vertical-align: middle;
  1056. }
  1057. .el-checkbox__input.is-disabled .el-checkbox__inner {
  1058. background-color: #edf2fc;
  1059. border-color: #dcdfe6;
  1060. cursor: not-allowed;
  1061. }
  1062. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  1063. cursor: not-allowed;
  1064. border-color: #c0c4cc;
  1065. }
  1066. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  1067. cursor: not-allowed;
  1068. }
  1069. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  1070. background-color: #f2f6fc;
  1071. border-color: #dcdfe6;
  1072. }
  1073. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  1074. border-color: #c0c4cc;
  1075. }
  1076. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  1077. background-color: #f2f6fc;
  1078. border-color: #dcdfe6;
  1079. }
  1080. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  1081. background-color: #c0c4cc;
  1082. border-color: #c0c4cc;
  1083. }
  1084. .el-checkbox__input.is-checked .el-checkbox__inner,
  1085. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  1086. background-color: #409eff;
  1087. border-color: #409eff;
  1088. }
  1089. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  1090. color: #c0c4cc;
  1091. cursor: not-allowed;
  1092. }
  1093. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  1094. -webkit-transform: rotate(45deg) scaleY(1);
  1095. transform: rotate(45deg) scaleY(1);
  1096. }
  1097. .el-checkbox__input.is-checked + .el-checkbox__label {
  1098. color: #409eff;
  1099. }
  1100. .el-checkbox__input.is-focus .el-checkbox__inner {
  1101. border-color: #409eff;
  1102. }
  1103. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  1104. content: "";
  1105. position: absolute;
  1106. display: block;
  1107. background-color: #fff;
  1108. height: 2px;
  1109. -webkit-transform: scale(0.5);
  1110. transform: scale(0.5);
  1111. left: 0;
  1112. right: 0;
  1113. top: 5px;
  1114. }
  1115. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  1116. display: none;
  1117. }
  1118. .el-checkbox__inner {
  1119. display: inline-block;
  1120. position: relative;
  1121. border: 1px solid #dcdfe6;
  1122. border-radius: 2px;
  1123. -webkit-box-sizing: border-box;
  1124. box-sizing: border-box;
  1125. width: 14px;
  1126. height: 14px;
  1127. background-color: #fff;
  1128. z-index: 1;
  1129. -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
  1130. background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  1131. transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
  1132. background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  1133. }
  1134. .el-checkbox__inner:hover {
  1135. border-color: #409eff;
  1136. }
  1137. .el-checkbox__inner::after {
  1138. -webkit-box-sizing: content-box;
  1139. box-sizing: content-box;
  1140. content: "";
  1141. border: 1px solid #fff;
  1142. border-left: 0;
  1143. border-top: 0;
  1144. height: 7px;
  1145. left: 4px;
  1146. position: absolute;
  1147. top: 1px;
  1148. -webkit-transform: rotate(45deg) scaleY(0);
  1149. transform: rotate(45deg) scaleY(0);
  1150. width: 3px;
  1151. -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
  1152. transition: -webkit-transform 0.15s ease-in 0.05s;
  1153. transition: transform 0.15s ease-in 0.05s;
  1154. transition: transform 0.15s ease-in 0.05s,
  1155. -webkit-transform 0.15s ease-in 0.05s;
  1156. -webkit-transform-origin: center;
  1157. transform-origin: center;
  1158. }
  1159. .el-checkbox__original {
  1160. opacity: 0;
  1161. outline: 0;
  1162. position: absolute;
  1163. margin: 0;
  1164. width: 0;
  1165. height: 0;
  1166. z-index: -1;
  1167. }
  1168. .el-checkbox-button__inner,
  1169. [data-theme="kr-designer"] .el-checkbox-button {
  1170. position: relative;
  1171. display: inline-block;
  1172. }
  1173. .el-checkbox__label {
  1174. display: inline-block;
  1175. padding-left: 10px;
  1176. line-height: 19px;
  1177. font-size: 14px;
  1178. }
  1179. [data-theme="kr-designer"] .el-checkbox:last-of-type {
  1180. margin-right: 0;
  1181. }
  1182. .el-checkbox-button__inner {
  1183. line-height: 1;
  1184. vertical-align: middle;
  1185. background: #fff;
  1186. border: 1px solid #dcdfe6;
  1187. border-left: 0;
  1188. -webkit-appearance: none;
  1189. text-align: center;
  1190. -webkit-box-sizing: border-box;
  1191. box-sizing: border-box;
  1192. outline: 0;
  1193. margin: 0;
  1194. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  1195. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  1196. -webkit-user-select: none;
  1197. -ms-user-select: none;
  1198. padding: 12px 20px;
  1199. border-radius: 0;
  1200. }
  1201. .el-checkbox-button__inner.is-round {
  1202. padding: 12px 20px;
  1203. }
  1204. .el-checkbox-button__inner:hover {
  1205. color: #409eff;
  1206. }
  1207. .el-checkbox-button__inner [class*="el-icon-"] {
  1208. line-height: 0.9;
  1209. }
  1210. .el-checkbox-button__inner [class*="el-icon-"] + span {
  1211. margin-left: 5px;
  1212. }
  1213. .el-checkbox-button__original {
  1214. opacity: 0;
  1215. outline: 0;
  1216. position: absolute;
  1217. margin: 0;
  1218. z-index: -1;
  1219. }
  1220. [data-theme="kr-designer"]
  1221. .el-checkbox-button.is-checked
  1222. .el-checkbox-button__inner {
  1223. color: #fff;
  1224. background-color: #409eff;
  1225. border-color: #409eff;
  1226. -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
  1227. box-shadow: -1px 0 0 0 #8cc5ff;
  1228. }
  1229. [data-theme="kr-designer"]
  1230. .el-checkbox-button.is-checked:first-child
  1231. .el-checkbox-button__inner {
  1232. border-left-color: #409eff;
  1233. }
  1234. [data-theme="kr-designer"]
  1235. .el-checkbox-button.is-disabled
  1236. .el-checkbox-button__inner {
  1237. color: #c0c4cc;
  1238. cursor: not-allowed;
  1239. background-image: none;
  1240. background-color: #fff;
  1241. border-color: #ebeef5;
  1242. -webkit-box-shadow: none;
  1243. box-shadow: none;
  1244. }
  1245. [data-theme="kr-designer"]
  1246. .el-checkbox-button.is-disabled:first-child
  1247. .el-checkbox-button__inner {
  1248. border-left-color: #ebeef5;
  1249. }
  1250. [data-theme="kr-designer"]
  1251. .el-checkbox-button:first-child
  1252. .el-checkbox-button__inner {
  1253. border-left: 1px solid #dcdfe6;
  1254. border-radius: 4px 0 0 4px;
  1255. -webkit-box-shadow: none !important;
  1256. box-shadow: none !important;
  1257. }
  1258. [data-theme="kr-designer"]
  1259. .el-checkbox-button.is-focus
  1260. .el-checkbox-button__inner {
  1261. border-color: #409eff;
  1262. }
  1263. [data-theme="kr-designer"]
  1264. .el-checkbox-button:last-child
  1265. .el-checkbox-button__inner {
  1266. border-radius: 0 4px 4px 0;
  1267. }
  1268. [data-theme="kr-designer"]
  1269. .el-checkbox-button--medium
  1270. .el-checkbox-button__inner {
  1271. padding: 10px 20px;
  1272. font-size: 14px;
  1273. border-radius: 0;
  1274. }
  1275. [data-theme="kr-designer"]
  1276. .el-checkbox-button--medium
  1277. .el-checkbox-button__inner.is-round {
  1278. padding: 10px 20px;
  1279. }
  1280. [data-theme="kr-designer"]
  1281. .el-checkbox-button--small
  1282. .el-checkbox-button__inner {
  1283. padding: 9px 15px;
  1284. font-size: 12px;
  1285. border-radius: 0;
  1286. }
  1287. [data-theme="kr-designer"]
  1288. .el-checkbox-button--small
  1289. .el-checkbox-button__inner.is-round {
  1290. padding: 9px 15px;
  1291. }
  1292. [data-theme="kr-designer"]
  1293. .el-checkbox-button--mini
  1294. .el-checkbox-button__inner {
  1295. padding: 7px 15px;
  1296. font-size: 12px;
  1297. border-radius: 0;
  1298. }
  1299. [data-theme="kr-designer"]
  1300. .el-checkbox-button--mini
  1301. .el-checkbox-button__inner.is-round {
  1302. padding: 7px 15px;
  1303. }
  1304. [data-theme="kr-designer"] .el-checkbox-group {
  1305. font-size: 0;
  1306. }
  1307. [data-theme="kr-designer"] .el-transfer {
  1308. font-size: 14px;
  1309. }
  1310. .el-transfer__buttons {
  1311. display: inline-block;
  1312. vertical-align: middle;
  1313. padding: 0 30px;
  1314. }
  1315. .el-transfer__button {
  1316. display: block;
  1317. margin: 0 auto;
  1318. padding: 10px;
  1319. border-radius: 50%;
  1320. color: #fff;
  1321. background-color: #409eff;
  1322. font-size: 0;
  1323. }
  1324. .el-transfer__button.is-with-texts {
  1325. border-radius: 4px;
  1326. }
  1327. .el-transfer__button.is-disabled,
  1328. .el-transfer__button.is-disabled:hover {
  1329. border: 1px solid #dcdfe6;
  1330. background-color: #f5f7fa;
  1331. color: #c0c4cc;
  1332. }
  1333. .el-transfer__button:first-child {
  1334. margin-bottom: 10px;
  1335. }
  1336. .el-transfer__button:nth-child(2) {
  1337. margin: 0;
  1338. }
  1339. .el-transfer__button i,
  1340. .el-transfer__button span {
  1341. font-size: 14px;
  1342. }
  1343. .el-transfer__button [class*="el-icon-"] + span {
  1344. margin-left: 0;
  1345. }
  1346. [data-theme="kr-designer"] .el-transfer-panel {
  1347. border: 1px solid #ebeef5;
  1348. border-radius: 4px;
  1349. overflow: hidden;
  1350. background: #fff;
  1351. display: inline-block;
  1352. vertical-align: middle;
  1353. width: 200px;
  1354. max-height: 100%;
  1355. -webkit-box-sizing: border-box;
  1356. box-sizing: border-box;
  1357. position: relative;
  1358. }
  1359. .el-transfer-panel__body {
  1360. height: 246px;
  1361. }
  1362. .el-transfer-panel__body.is-with-footer {
  1363. padding-bottom: 40px;
  1364. }
  1365. .el-transfer-panel__list {
  1366. margin: 0;
  1367. padding: 6px 0;
  1368. list-style: none;
  1369. height: 246px;
  1370. overflow: auto;
  1371. -webkit-box-sizing: border-box;
  1372. box-sizing: border-box;
  1373. }
  1374. .el-transfer-panel__list.is-filterable {
  1375. height: 194px;
  1376. padding-top: 0;
  1377. }
  1378. .el-transfer-panel__item {
  1379. height: 30px;
  1380. line-height: 30px;
  1381. padding-left: 15px;
  1382. display: block;
  1383. }
  1384. .el-transfer-panel__item + .el-transfer-panel__item {
  1385. margin-left: 0;
  1386. display: block !important;
  1387. }
  1388. .el-transfer-panel__item.el-checkbox {
  1389. color: #606266;
  1390. }
  1391. .el-transfer-panel__item:hover {
  1392. color: #409eff;
  1393. }
  1394. .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  1395. width: 100%;
  1396. overflow: hidden;
  1397. text-overflow: ellipsis;
  1398. white-space: nowrap;
  1399. display: block;
  1400. -webkit-box-sizing: border-box;
  1401. box-sizing: border-box;
  1402. padding-left: 24px;
  1403. line-height: 30px;
  1404. }
  1405. .el-transfer-panel__item .el-checkbox__input {
  1406. position: absolute;
  1407. top: 8px;
  1408. }
  1409. .el-transfer-panel__filter {
  1410. text-align: center;
  1411. margin: 15px;
  1412. -webkit-box-sizing: border-box;
  1413. box-sizing: border-box;
  1414. display: block;
  1415. width: auto;
  1416. }
  1417. .el-transfer-panel__filter .el-input__inner {
  1418. height: 32px;
  1419. width: 100%;
  1420. font-size: 12px;
  1421. display: inline-block;
  1422. -webkit-box-sizing: border-box;
  1423. box-sizing: border-box;
  1424. border-radius: 16px;
  1425. padding-right: 10px;
  1426. padding-left: 30px;
  1427. }
  1428. .el-transfer-panel__filter .el-input__icon {
  1429. margin-left: 5px;
  1430. }
  1431. .el-transfer-panel__filter .el-icon-circle-close {
  1432. cursor: pointer;
  1433. }
  1434. [data-theme="kr-designer"] .el-transfer-panel .el-transfer-panel__header {
  1435. height: 40px;
  1436. line-height: 40px;
  1437. background: #f5f7fa;
  1438. margin: 0;
  1439. padding-left: 15px;
  1440. border-bottom: 1px solid #ebeef5;
  1441. -webkit-box-sizing: border-box;
  1442. box-sizing: border-box;
  1443. color: #000;
  1444. }
  1445. [data-theme="kr-designer"]
  1446. .el-transfer-panel
  1447. .el-transfer-panel__header
  1448. .el-checkbox {
  1449. display: block;
  1450. line-height: 40px;
  1451. }
  1452. [data-theme="kr-designer"]
  1453. .el-transfer-panel
  1454. .el-transfer-panel__header
  1455. .el-checkbox
  1456. .el-checkbox__label {
  1457. font-size: 16px;
  1458. color: #303133;
  1459. font-weight: 400;
  1460. }
  1461. [data-theme="kr-designer"]
  1462. .el-transfer-panel
  1463. .el-transfer-panel__header
  1464. .el-checkbox
  1465. .el-checkbox__label
  1466. span {
  1467. position: absolute;
  1468. right: 15px;
  1469. color: #909399;
  1470. font-size: 12px;
  1471. font-weight: 400;
  1472. }
  1473. [data-theme="kr-designer"] .el-transfer-panel .el-transfer-panel__footer {
  1474. height: 40px;
  1475. background: #fff;
  1476. margin: 0;
  1477. padding: 0;
  1478. border-top: 1px solid #ebeef5;
  1479. position: absolute;
  1480. bottom: 0;
  1481. left: 0;
  1482. width: 100%;
  1483. z-index: 1;
  1484. }
  1485. [data-theme="kr-designer"]
  1486. .el-transfer-panel
  1487. .el-transfer-panel__footer::after {
  1488. display: inline-block;
  1489. content: "";
  1490. height: 100%;
  1491. vertical-align: middle;
  1492. }
  1493. [data-theme="kr-designer"]
  1494. .el-transfer-panel
  1495. .el-transfer-panel__footer
  1496. .el-checkbox {
  1497. padding-left: 20px;
  1498. color: #606266;
  1499. }
  1500. [data-theme="kr-designer"] .el-transfer-panel .el-transfer-panel__empty {
  1501. margin: 0;
  1502. height: 30px;
  1503. line-height: 30px;
  1504. padding: 6px 15px 0;
  1505. color: #909399;
  1506. text-align: center;
  1507. }
  1508. [data-theme="kr-designer"] .el-transfer-panel .el-checkbox__label {
  1509. padding-left: 8px;
  1510. }
  1511. [data-theme="kr-designer"] .el-transfer-panel .el-checkbox__inner {
  1512. height: 14px;
  1513. width: 14px;
  1514. border-radius: 3px;
  1515. }
  1516. [data-theme="kr-designer"] .el-transfer-panel .el-checkbox__inner::after {
  1517. height: 6px;
  1518. width: 3px;
  1519. left: 4px;
  1520. }