富茂A端打印模板内嵌编辑器
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 

558 行
16 KiB

  1. [data-theme="kr-designer"] .el-button {
  2. display: inline-block;
  3. line-height: 1;
  4. white-space: nowrap;
  5. cursor: pointer;
  6. background: #fff;
  7. border: 1px solid #dcdfe6;
  8. color: #606266;
  9. -webkit-appearance: none;
  10. text-align: center;
  11. -webkit-box-sizing: border-box;
  12. box-sizing: border-box;
  13. outline: 0;
  14. margin: 0;
  15. -webkit-transition: 0.1s;
  16. transition: 0.1s;
  17. font-weight: 500;
  18. -moz-user-select: none;
  19. -webkit-user-select: none;
  20. -ms-user-select: none;
  21. padding: 12px 20px;
  22. font-size: 14px;
  23. border-radius: 4px;
  24. }
  25. [data-theme="kr-designer"] .el-button + .el-button {
  26. margin-left: 10px;
  27. }
  28. [data-theme="kr-designer"] .el-button:focus,
  29. [data-theme="kr-designer"] .el-button:hover {
  30. color: #409eff;
  31. border-color: #c6e2ff;
  32. background-color: #ecf5ff;
  33. }
  34. [data-theme="kr-designer"] .el-button:active {
  35. color: #3a8ee6;
  36. border-color: #3a8ee6;
  37. outline: 0;
  38. }
  39. [data-theme="kr-designer"] .el-button::-moz-focus-inner {
  40. border: 0;
  41. }
  42. [data-theme="kr-designer"] .el-button [class*="el-icon-"] + span {
  43. margin-left: 5px;
  44. }
  45. [data-theme="kr-designer"] .el-button.is-plain:focus,
  46. [data-theme="kr-designer"] .el-button.is-plain:hover {
  47. background: #fff;
  48. border-color: #409eff;
  49. color: #409eff;
  50. }
  51. [data-theme="kr-designer"] .el-button.is-plain:active {
  52. background: #fff;
  53. border-color: #3a8ee6;
  54. color: #3a8ee6;
  55. outline: 0;
  56. }
  57. [data-theme="kr-designer"] .el-button.is-active {
  58. color: #3a8ee6;
  59. border-color: #3a8ee6;
  60. }
  61. [data-theme="kr-designer"] .el-button.is-disabled,
  62. [data-theme="kr-designer"] .el-button.is-disabled:focus,
  63. [data-theme="kr-designer"] .el-button.is-disabled:hover {
  64. color: #c0c4cc;
  65. cursor: not-allowed;
  66. background-image: none;
  67. background-color: #fff;
  68. border-color: #ebeef5;
  69. }
  70. [data-theme="kr-designer"] .el-button.is-disabled.el-button--text {
  71. background-color: transparent;
  72. }
  73. [data-theme="kr-designer"] .el-button.is-disabled.is-plain,
  74. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:focus,
  75. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:hover {
  76. background-color: #fff;
  77. border-color: #ebeef5;
  78. color: #c0c4cc;
  79. }
  80. [data-theme="kr-designer"] .el-button.is-loading {
  81. position: relative;
  82. pointer-events: none;
  83. }
  84. [data-theme="kr-designer"] .el-button.is-loading:before {
  85. pointer-events: none;
  86. content: "";
  87. position: absolute;
  88. left: -1px;
  89. top: -1px;
  90. right: -1px;
  91. bottom: -1px;
  92. border-radius: inherit;
  93. background-color: rgba(255, 255, 255, 0.35);
  94. }
  95. [data-theme="kr-designer"] .el-button.is-round {
  96. border-radius: 20px;
  97. padding: 12px 23px;
  98. }
  99. [data-theme="kr-designer"] .el-button.is-circle {
  100. border-radius: 50%;
  101. padding: 12px;
  102. }
  103. [data-theme="kr-designer"] .el-button--primary {
  104. color: #fff;
  105. background-color: #409eff;
  106. border-color: #409eff;
  107. }
  108. [data-theme="kr-designer"] .el-button--primary:focus,
  109. [data-theme="kr-designer"] .el-button--primary:hover {
  110. background: #66b1ff;
  111. border-color: #66b1ff;
  112. color: #fff;
  113. }
  114. [data-theme="kr-designer"] .el-button--primary:active {
  115. background: #3a8ee6;
  116. border-color: #3a8ee6;
  117. color: #fff;
  118. outline: 0;
  119. }
  120. [data-theme="kr-designer"] .el-button--primary.is-active {
  121. background: #3a8ee6;
  122. border-color: #3a8ee6;
  123. color: #fff;
  124. }
  125. [data-theme="kr-designer"] .el-button--primary.is-disabled,
  126. [data-theme="kr-designer"] .el-button--primary.is-disabled:active,
  127. [data-theme="kr-designer"] .el-button--primary.is-disabled:focus,
  128. [data-theme="kr-designer"] .el-button--primary.is-disabled:hover {
  129. color: #fff;
  130. background-color: #a0cfff;
  131. border-color: #a0cfff;
  132. }
  133. [data-theme="kr-designer"] .el-button--primary.is-plain {
  134. color: #409eff;
  135. background: #ecf5ff;
  136. border-color: #b3d8ff;
  137. }
  138. [data-theme="kr-designer"] .el-button--primary.is-plain:focus,
  139. [data-theme="kr-designer"] .el-button--primary.is-plain:hover {
  140. background: #409eff;
  141. border-color: #409eff;
  142. color: #fff;
  143. }
  144. [data-theme="kr-designer"] .el-button--primary.is-plain:active {
  145. background: #3a8ee6;
  146. border-color: #3a8ee6;
  147. color: #fff;
  148. outline: 0;
  149. }
  150. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled,
  151. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:active,
  152. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:focus,
  153. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:hover {
  154. color: #8cc5ff;
  155. background-color: #ecf5ff;
  156. border-color: #d9ecff;
  157. }
  158. [data-theme="kr-designer"] .el-button--success {
  159. color: #fff;
  160. background-color: #67c23a;
  161. border-color: #67c23a;
  162. }
  163. [data-theme="kr-designer"] .el-button--success:focus,
  164. [data-theme="kr-designer"] .el-button--success:hover {
  165. background: #85ce61;
  166. border-color: #85ce61;
  167. color: #fff;
  168. }
  169. [data-theme="kr-designer"] .el-button--success:active {
  170. background: #5daf34;
  171. border-color: #5daf34;
  172. color: #fff;
  173. outline: 0;
  174. }
  175. [data-theme="kr-designer"] .el-button--success.is-active {
  176. background: #5daf34;
  177. border-color: #5daf34;
  178. color: #fff;
  179. }
  180. [data-theme="kr-designer"] .el-button--success.is-disabled,
  181. [data-theme="kr-designer"] .el-button--success.is-disabled:active,
  182. [data-theme="kr-designer"] .el-button--success.is-disabled:focus,
  183. [data-theme="kr-designer"] .el-button--success.is-disabled:hover {
  184. color: #fff;
  185. background-color: #b3e19d;
  186. border-color: #b3e19d;
  187. }
  188. [data-theme="kr-designer"] .el-button--success.is-plain {
  189. color: #67c23a;
  190. background: #f0f9eb;
  191. border-color: #c2e7b0;
  192. }
  193. [data-theme="kr-designer"] .el-button--success.is-plain:focus,
  194. [data-theme="kr-designer"] .el-button--success.is-plain:hover {
  195. background: #67c23a;
  196. border-color: #67c23a;
  197. color: #fff;
  198. }
  199. [data-theme="kr-designer"] .el-button--success.is-plain:active {
  200. background: #5daf34;
  201. border-color: #5daf34;
  202. color: #fff;
  203. outline: 0;
  204. }
  205. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled,
  206. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:active,
  207. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:focus,
  208. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:hover {
  209. color: #a4da89;
  210. background-color: #f0f9eb;
  211. border-color: #e1f3d8;
  212. }
  213. [data-theme="kr-designer"] .el-button--warning {
  214. color: #fff;
  215. background-color: #e6a23c;
  216. border-color: #e6a23c;
  217. }
  218. [data-theme="kr-designer"] .el-button--warning:focus,
  219. [data-theme="kr-designer"] .el-button--warning:hover {
  220. background: #ebb563;
  221. border-color: #ebb563;
  222. color: #fff;
  223. }
  224. [data-theme="kr-designer"] .el-button--warning:active {
  225. background: #cf9236;
  226. border-color: #cf9236;
  227. color: #fff;
  228. outline: 0;
  229. }
  230. [data-theme="kr-designer"] .el-button--warning.is-active {
  231. background: #cf9236;
  232. border-color: #cf9236;
  233. color: #fff;
  234. }
  235. [data-theme="kr-designer"] .el-button--warning.is-disabled,
  236. [data-theme="kr-designer"] .el-button--warning.is-disabled:active,
  237. [data-theme="kr-designer"] .el-button--warning.is-disabled:focus,
  238. [data-theme="kr-designer"] .el-button--warning.is-disabled:hover {
  239. color: #fff;
  240. background-color: #f3d19e;
  241. border-color: #f3d19e;
  242. }
  243. [data-theme="kr-designer"] .el-button--warning.is-plain {
  244. color: #e6a23c;
  245. background: #fdf6ec;
  246. border-color: #f5dab1;
  247. }
  248. [data-theme="kr-designer"] .el-button--warning.is-plain:focus,
  249. [data-theme="kr-designer"] .el-button--warning.is-plain:hover {
  250. background: #e6a23c;
  251. border-color: #e6a23c;
  252. color: #fff;
  253. }
  254. [data-theme="kr-designer"] .el-button--warning.is-plain:active {
  255. background: #cf9236;
  256. border-color: #cf9236;
  257. color: #fff;
  258. outline: 0;
  259. }
  260. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled,
  261. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:active,
  262. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:focus,
  263. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:hover {
  264. color: #f0c78a;
  265. background-color: #fdf6ec;
  266. border-color: #faecd8;
  267. }
  268. [data-theme="kr-designer"] .el-button--danger {
  269. color: #fff;
  270. background-color: #f56c6c;
  271. border-color: #f56c6c;
  272. }
  273. [data-theme="kr-designer"] .el-button--danger:focus,
  274. [data-theme="kr-designer"] .el-button--danger:hover {
  275. background: #f78989;
  276. border-color: #f78989;
  277. color: #fff;
  278. }
  279. [data-theme="kr-designer"] .el-button--danger:active {
  280. background: #dd6161;
  281. border-color: #dd6161;
  282. color: #fff;
  283. outline: 0;
  284. }
  285. [data-theme="kr-designer"] .el-button--danger.is-active {
  286. background: #dd6161;
  287. border-color: #dd6161;
  288. color: #fff;
  289. }
  290. [data-theme="kr-designer"] .el-button--danger.is-disabled,
  291. [data-theme="kr-designer"] .el-button--danger.is-disabled:active,
  292. [data-theme="kr-designer"] .el-button--danger.is-disabled:focus,
  293. [data-theme="kr-designer"] .el-button--danger.is-disabled:hover {
  294. color: #fff;
  295. background-color: #fab6b6;
  296. border-color: #fab6b6;
  297. }
  298. [data-theme="kr-designer"] .el-button--danger.is-plain {
  299. color: #f56c6c;
  300. background: #fef0f0;
  301. border-color: #fbc4c4;
  302. }
  303. [data-theme="kr-designer"] .el-button--danger.is-plain:focus,
  304. [data-theme="kr-designer"] .el-button--danger.is-plain:hover {
  305. background: #f56c6c;
  306. border-color: #f56c6c;
  307. color: #fff;
  308. }
  309. [data-theme="kr-designer"] .el-button--danger.is-plain:active {
  310. background: #dd6161;
  311. border-color: #dd6161;
  312. color: #fff;
  313. outline: 0;
  314. }
  315. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled,
  316. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:active,
  317. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:focus,
  318. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:hover {
  319. color: #f9a7a7;
  320. background-color: #fef0f0;
  321. border-color: #fde2e2;
  322. }
  323. [data-theme="kr-designer"] .el-button--info {
  324. color: #fff;
  325. background-color: #909399;
  326. border-color: #909399;
  327. }
  328. [data-theme="kr-designer"] .el-button--info:focus,
  329. [data-theme="kr-designer"] .el-button--info:hover {
  330. background: #a6a9ad;
  331. border-color: #a6a9ad;
  332. color: #fff;
  333. }
  334. [data-theme="kr-designer"] .el-button--info:active {
  335. background: #82848a;
  336. border-color: #82848a;
  337. color: #fff;
  338. outline: 0;
  339. }
  340. [data-theme="kr-designer"] .el-button--info.is-active {
  341. background: #82848a;
  342. border-color: #82848a;
  343. color: #fff;
  344. }
  345. [data-theme="kr-designer"] .el-button--info.is-disabled,
  346. [data-theme="kr-designer"] .el-button--info.is-disabled:active,
  347. [data-theme="kr-designer"] .el-button--info.is-disabled:focus,
  348. [data-theme="kr-designer"] .el-button--info.is-disabled:hover {
  349. color: #fff;
  350. background-color: #c8c9cc;
  351. border-color: #c8c9cc;
  352. }
  353. [data-theme="kr-designer"] .el-button--info.is-plain {
  354. color: #909399;
  355. background: #f4f4f5;
  356. border-color: #d3d4d6;
  357. }
  358. [data-theme="kr-designer"] .el-button--info.is-plain:focus,
  359. [data-theme="kr-designer"] .el-button--info.is-plain:hover {
  360. background: #909399;
  361. border-color: #909399;
  362. color: #fff;
  363. }
  364. [data-theme="kr-designer"] .el-button--info.is-plain:active {
  365. background: #82848a;
  366. border-color: #82848a;
  367. color: #fff;
  368. outline: 0;
  369. }
  370. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled,
  371. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:active,
  372. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:focus,
  373. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:hover {
  374. color: #bcbec2;
  375. background-color: #f4f4f5;
  376. border-color: #e9e9eb;
  377. }
  378. [data-theme="kr-designer"] .el-button--medium {
  379. padding: 10px 20px;
  380. font-size: 14px;
  381. border-radius: 4px;
  382. }
  383. [data-theme="kr-designer"] .el-button--medium.is-round {
  384. padding: 10px 20px;
  385. }
  386. [data-theme="kr-designer"] .el-button--medium.is-circle {
  387. padding: 10px;
  388. }
  389. [data-theme="kr-designer"] .el-button--small {
  390. padding: 9px 15px;
  391. font-size: 12px;
  392. border-radius: 3px;
  393. }
  394. [data-theme="kr-designer"] .el-button--small.is-round {
  395. padding: 9px 15px;
  396. }
  397. [data-theme="kr-designer"] .el-button--small.is-circle {
  398. padding: 9px;
  399. }
  400. [data-theme="kr-designer"] .el-button--mini {
  401. padding: 7px 15px;
  402. font-size: 12px;
  403. border-radius: 3px;
  404. }
  405. [data-theme="kr-designer"] .el-button--mini.is-round {
  406. padding: 7px 15px;
  407. }
  408. [data-theme="kr-designer"] .el-button--mini.is-circle {
  409. padding: 7px;
  410. }
  411. [data-theme="kr-designer"] .el-button--text {
  412. border-color: transparent;
  413. color: #409eff;
  414. background: 0 0;
  415. padding-left: 0;
  416. padding-right: 0;
  417. }
  418. [data-theme="kr-designer"] .el-button--text:focus,
  419. [data-theme="kr-designer"] .el-button--text:hover {
  420. color: #66b1ff;
  421. border-color: transparent;
  422. background-color: transparent;
  423. }
  424. [data-theme="kr-designer"] .el-button--text:active {
  425. color: #3a8ee6;
  426. border-color: transparent;
  427. background-color: transparent;
  428. }
  429. [data-theme="kr-designer"] .el-button--text.is-disabled,
  430. [data-theme="kr-designer"] .el-button--text.is-disabled:focus,
  431. [data-theme="kr-designer"] .el-button--text.is-disabled:hover {
  432. border-color: transparent;
  433. }
  434. [data-theme="kr-designer"] .el-button-group {
  435. display: inline-block;
  436. vertical-align: middle;
  437. }
  438. [data-theme="kr-designer"] .el-button-group::after,
  439. [data-theme="kr-designer"] .el-button-group::before {
  440. display: table;
  441. content: "";
  442. }
  443. [data-theme="kr-designer"] .el-button-group::after {
  444. clear: both;
  445. }
  446. [data-theme="kr-designer"] .el-button-group > .el-button {
  447. float: left;
  448. position: relative;
  449. }
  450. [data-theme="kr-designer"] .el-button-group > .el-button + .el-button {
  451. margin-left: 0;
  452. }
  453. [data-theme="kr-designer"] .el-button-group > .el-button.is-disabled {
  454. z-index: 1;
  455. }
  456. [data-theme="kr-designer"] .el-button-group > .el-button:first-child {
  457. border-top-right-radius: 0;
  458. border-bottom-right-radius: 0;
  459. }
  460. [data-theme="kr-designer"] .el-button-group > .el-button:last-child {
  461. border-top-left-radius: 0;
  462. border-bottom-left-radius: 0;
  463. }
  464. [data-theme="kr-designer"]
  465. .el-button-group
  466. > .el-button:first-child:last-child {
  467. border-radius: 4px;
  468. }
  469. [data-theme="kr-designer"]
  470. .el-button-group
  471. > .el-button:first-child:last-child.is-round {
  472. border-radius: 20px;
  473. }
  474. [data-theme="kr-designer"]
  475. .el-button-group
  476. > .el-button:first-child:last-child.is-circle {
  477. border-radius: 50%;
  478. }
  479. [data-theme="kr-designer"]
  480. .el-button-group
  481. > .el-button:not(:first-child):not(:last-child) {
  482. border-radius: 0;
  483. }
  484. [data-theme="kr-designer"] .el-button-group > .el-button:not(:last-child) {
  485. margin-right: -1px;
  486. }
  487. [data-theme="kr-designer"] .el-button-group > .el-button.is-active,
  488. [data-theme="kr-designer"] .el-button-group > .el-button:active,
  489. [data-theme="kr-designer"] .el-button-group > .el-button:focus,
  490. [data-theme="kr-designer"] .el-button-group > .el-button:hover {
  491. z-index: 1;
  492. }
  493. [data-theme="kr-designer"] .el-button-group > .el-dropdown > .el-button {
  494. border-top-left-radius: 0;
  495. border-bottom-left-radius: 0;
  496. border-left-color: rgba(255, 255, 255, 0.5);
  497. }
  498. [data-theme="kr-designer"] .el-button-group .el-button--primary:first-child {
  499. border-right-color: rgba(255, 255, 255, 0.5);
  500. }
  501. [data-theme="kr-designer"] .el-button-group .el-button--primary:last-child {
  502. border-left-color: rgba(255, 255, 255, 0.5);
  503. }
  504. [data-theme="kr-designer"]
  505. .el-button-group
  506. .el-button--primary:not(:first-child):not(:last-child) {
  507. border-left-color: rgba(255, 255, 255, 0.5);
  508. border-right-color: rgba(255, 255, 255, 0.5);
  509. }
  510. [data-theme="kr-designer"] .el-button-group .el-button--success:first-child {
  511. border-right-color: rgba(255, 255, 255, 0.5);
  512. }
  513. [data-theme="kr-designer"] .el-button-group .el-button--success:last-child {
  514. border-left-color: rgba(255, 255, 255, 0.5);
  515. }
  516. [data-theme="kr-designer"]
  517. .el-button-group
  518. .el-button--success:not(:first-child):not(:last-child) {
  519. border-left-color: rgba(255, 255, 255, 0.5);
  520. border-right-color: rgba(255, 255, 255, 0.5);
  521. }
  522. [data-theme="kr-designer"] .el-button-group .el-button--warning:first-child {
  523. border-right-color: rgba(255, 255, 255, 0.5);
  524. }
  525. [data-theme="kr-designer"] .el-button-group .el-button--warning:last-child {
  526. border-left-color: rgba(255, 255, 255, 0.5);
  527. }
  528. [data-theme="kr-designer"]
  529. .el-button-group
  530. .el-button--warning:not(:first-child):not(:last-child) {
  531. border-left-color: rgba(255, 255, 255, 0.5);
  532. border-right-color: rgba(255, 255, 255, 0.5);
  533. }
  534. [data-theme="kr-designer"] .el-button-group .el-button--danger:first-child {
  535. border-right-color: rgba(255, 255, 255, 0.5);
  536. }
  537. [data-theme="kr-designer"] .el-button-group .el-button--danger:last-child {
  538. border-left-color: rgba(255, 255, 255, 0.5);
  539. }
  540. [data-theme="kr-designer"]
  541. .el-button-group
  542. .el-button--danger:not(:first-child):not(:last-child) {
  543. border-left-color: rgba(255, 255, 255, 0.5);
  544. border-right-color: rgba(255, 255, 255, 0.5);
  545. }
  546. [data-theme="kr-designer"] .el-button-group .el-button--info:first-child {
  547. border-right-color: rgba(255, 255, 255, 0.5);
  548. }
  549. [data-theme="kr-designer"] .el-button-group .el-button--info:last-child {
  550. border-left-color: rgba(255, 255, 255, 0.5);
  551. }
  552. [data-theme="kr-designer"]
  553. .el-button-group
  554. .el-button--info:not(:first-child):not(:last-child) {
  555. border-left-color: rgba(255, 255, 255, 0.5);
  556. border-right-color: rgba(255, 255, 255, 0.5);
  557. }