Plat Admin

base.css 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594
  1. /* Element Chalk Variables */
  2. /* Transition
  3. -------------------------- */
  4. /* Colors
  5. -------------------------- */
  6. /* 53a8ff */
  7. /* 66b1ff */
  8. /* 79bbff */
  9. /* 8cc5ff */
  10. /* a0cfff */
  11. /* b3d8ff */
  12. /* c6e2ff */
  13. /* d9ecff */
  14. /* ecf5ff */
  15. /* Link
  16. -------------------------- */
  17. /* Background
  18. -------------------------- */
  19. /* Border
  20. -------------------------- */
  21. /* Box-shadow
  22. -------------------------- */
  23. /* Fill
  24. -------------------------- */
  25. /* Font
  26. -------------------------- */
  27. /* Size
  28. -------------------------- */
  29. /* z-index
  30. -------------------------- */
  31. /* Disable base
  32. -------------------------- */
  33. /* Icon
  34. -------------------------- */
  35. /* Checkbox
  36. -------------------------- */
  37. /* Radio
  38. -------------------------- */
  39. /* Select
  40. -------------------------- */
  41. /* Alert
  42. -------------------------- */
  43. /* Message Box
  44. -------------------------- */
  45. /* Message
  46. -------------------------- */
  47. /* Notification
  48. -------------------------- */
  49. /* Input
  50. -------------------------- */
  51. /* Cascader
  52. -------------------------- */
  53. /* Group
  54. -------------------------- */
  55. /* Tab
  56. -------------------------- */
  57. /* Button
  58. -------------------------- */
  59. /* cascader
  60. -------------------------- */
  61. /* Switch
  62. -------------------------- */
  63. /* Dialog
  64. -------------------------- */
  65. /* Table
  66. -------------------------- */
  67. /* Pagination
  68. -------------------------- */
  69. /* Popover
  70. -------------------------- */
  71. /* Tooltip
  72. -------------------------- */
  73. /* Tag
  74. -------------------------- */
  75. /* Tree
  76. -------------------------- */
  77. /* Dropdown
  78. -------------------------- */
  79. /* Badge
  80. -------------------------- */
  81. /* Card
  82. --------------------------*/
  83. /* Slider
  84. --------------------------*/
  85. /* Steps
  86. --------------------------*/
  87. /* Menu
  88. --------------------------*/
  89. /* Rate
  90. --------------------------*/
  91. /* DatePicker
  92. --------------------------*/
  93. /* Loading
  94. --------------------------*/
  95. /* Scrollbar
  96. --------------------------*/
  97. /* Carousel
  98. --------------------------*/
  99. /* Collapse
  100. --------------------------*/
  101. /* Transfer
  102. --------------------------*/
  103. /* Header
  104. --------------------------*/
  105. /* Footer
  106. --------------------------*/
  107. /* Main
  108. --------------------------*/
  109. /* Break-point
  110. --------------------------*/
  111. .fade-in-linear-enter-active,
  112. .fade-in-linear-leave-active {
  113. -webkit-transition: opacity 200ms linear;
  114. transition: opacity 200ms linear; }
  115. .fade-in-linear-enter,
  116. .fade-in-linear-leave,
  117. .fade-in-linear-leave-active {
  118. opacity: 0; }
  119. .el-fade-in-linear-enter-active,
  120. .el-fade-in-linear-leave-active {
  121. -webkit-transition: opacity 200ms linear;
  122. transition: opacity 200ms linear; }
  123. .el-fade-in-linear-enter,
  124. .el-fade-in-linear-leave,
  125. .el-fade-in-linear-leave-active {
  126. opacity: 0; }
  127. .el-fade-in-enter-active,
  128. .el-fade-in-leave-active {
  129. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  130. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  131. .el-fade-in-enter,
  132. .el-fade-in-leave-active {
  133. opacity: 0; }
  134. .el-zoom-in-center-enter-active,
  135. .el-zoom-in-center-leave-active {
  136. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  137. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  138. .el-zoom-in-center-enter,
  139. .el-zoom-in-center-leave-active {
  140. opacity: 0;
  141. -webkit-transform: scaleX(0);
  142. transform: scaleX(0); }
  143. .el-zoom-in-top-enter-active,
  144. .el-zoom-in-top-leave-active {
  145. opacity: 1;
  146. -webkit-transform: scaleY(1);
  147. transform: scaleY(1);
  148. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  149. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  150. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  151. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  152. -webkit-transform-origin: center top;
  153. transform-origin: center top; }
  154. .el-zoom-in-top-enter,
  155. .el-zoom-in-top-leave-active {
  156. opacity: 0;
  157. -webkit-transform: scaleY(0);
  158. transform: scaleY(0); }
  159. .el-zoom-in-bottom-enter-active,
  160. .el-zoom-in-bottom-leave-active {
  161. opacity: 1;
  162. -webkit-transform: scaleY(1);
  163. transform: scaleY(1);
  164. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  165. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  166. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  167. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  168. -webkit-transform-origin: center bottom;
  169. transform-origin: center bottom; }
  170. .el-zoom-in-bottom-enter,
  171. .el-zoom-in-bottom-leave-active {
  172. opacity: 0;
  173. -webkit-transform: scaleY(0);
  174. transform: scaleY(0); }
  175. .el-zoom-in-left-enter-active,
  176. .el-zoom-in-left-leave-active {
  177. opacity: 1;
  178. -webkit-transform: scale(1, 1);
  179. transform: scale(1, 1);
  180. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  181. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  182. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  183. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  184. -webkit-transform-origin: top left;
  185. transform-origin: top left; }
  186. .el-zoom-in-left-enter,
  187. .el-zoom-in-left-leave-active {
  188. opacity: 0;
  189. -webkit-transform: scale(0.45, 0.45);
  190. transform: scale(0.45, 0.45); }
  191. .collapse-transition {
  192. -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  193. transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
  194. .horizontal-collapse-transition {
  195. -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
  196. transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
  197. .el-list-enter-active,
  198. .el-list-leave-active {
  199. -webkit-transition: all 1s;
  200. transition: all 1s; }
  201. .el-list-enter, .el-list-leave-active {
  202. opacity: 0;
  203. -webkit-transform: translateY(-30px);
  204. transform: translateY(-30px); }
  205. .el-opacity-transition {
  206. -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  207. transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  208. /* Element Chalk Variables */
  209. /* Transition
  210. -------------------------- */
  211. /* Colors
  212. -------------------------- */
  213. /* 53a8ff */
  214. /* 66b1ff */
  215. /* 79bbff */
  216. /* 8cc5ff */
  217. /* a0cfff */
  218. /* b3d8ff */
  219. /* c6e2ff */
  220. /* d9ecff */
  221. /* ecf5ff */
  222. /* Link
  223. -------------------------- */
  224. /* Background
  225. -------------------------- */
  226. /* Border
  227. -------------------------- */
  228. /* Box-shadow
  229. -------------------------- */
  230. /* Fill
  231. -------------------------- */
  232. /* Font
  233. -------------------------- */
  234. /* Size
  235. -------------------------- */
  236. /* z-index
  237. -------------------------- */
  238. /* Disable base
  239. -------------------------- */
  240. /* Icon
  241. -------------------------- */
  242. /* Checkbox
  243. -------------------------- */
  244. /* Radio
  245. -------------------------- */
  246. /* Select
  247. -------------------------- */
  248. /* Alert
  249. -------------------------- */
  250. /* Message Box
  251. -------------------------- */
  252. /* Message
  253. -------------------------- */
  254. /* Notification
  255. -------------------------- */
  256. /* Input
  257. -------------------------- */
  258. /* Cascader
  259. -------------------------- */
  260. /* Group
  261. -------------------------- */
  262. /* Tab
  263. -------------------------- */
  264. /* Button
  265. -------------------------- */
  266. /* cascader
  267. -------------------------- */
  268. /* Switch
  269. -------------------------- */
  270. /* Dialog
  271. -------------------------- */
  272. /* Table
  273. -------------------------- */
  274. /* Pagination
  275. -------------------------- */
  276. /* Popover
  277. -------------------------- */
  278. /* Tooltip
  279. -------------------------- */
  280. /* Tag
  281. -------------------------- */
  282. /* Tree
  283. -------------------------- */
  284. /* Dropdown
  285. -------------------------- */
  286. /* Badge
  287. -------------------------- */
  288. /* Card
  289. --------------------------*/
  290. /* Slider
  291. --------------------------*/
  292. /* Steps
  293. --------------------------*/
  294. /* Menu
  295. --------------------------*/
  296. /* Rate
  297. --------------------------*/
  298. /* DatePicker
  299. --------------------------*/
  300. /* Loading
  301. --------------------------*/
  302. /* Scrollbar
  303. --------------------------*/
  304. /* Carousel
  305. --------------------------*/
  306. /* Collapse
  307. --------------------------*/
  308. /* Transfer
  309. --------------------------*/
  310. /* Header
  311. --------------------------*/
  312. /* Footer
  313. --------------------------*/
  314. /* Main
  315. --------------------------*/
  316. /* Break-point
  317. --------------------------*/
  318. @font-face {
  319. font-family: 'element-icons';
  320. src: url("fonts/element-icons.woff") format("woff"), url("fonts/element-icons.ttf") format("truetype");
  321. /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  322. font-weight: normal;
  323. font-style: normal; }
  324. [class^="el-icon-"], [class*=" el-icon-"] {
  325. /* use !important to prevent issues with browser extensions that change fonts */
  326. font-family: 'element-icons' !important;
  327. speak: none;
  328. font-style: normal;
  329. font-weight: normal;
  330. font-variant: normal;
  331. text-transform: none;
  332. line-height: 1;
  333. vertical-align: baseline;
  334. display: inline-block;
  335. /* Better Font Rendering =========== */
  336. -webkit-font-smoothing: antialiased;
  337. -moz-osx-font-smoothing: grayscale; }
  338. .el-icon-info:before {
  339. content: "\e61a"; }
  340. .el-icon-error:before {
  341. content: "\e62c"; }
  342. .el-icon-success:before {
  343. content: "\e62d"; }
  344. .el-icon-warning:before {
  345. content: "\e62e"; }
  346. .el-icon-question:before {
  347. content: "\e634"; }
  348. .el-icon-back:before {
  349. content: "\e606"; }
  350. .el-icon-arrow-left:before {
  351. content: "\e600"; }
  352. .el-icon-arrow-down:before {
  353. content: "\e603"; }
  354. .el-icon-arrow-right:before {
  355. content: "\e604"; }
  356. .el-icon-arrow-up:before {
  357. content: "\e605"; }
  358. .el-icon-caret-left:before {
  359. content: "\e60a"; }
  360. .el-icon-caret-bottom:before {
  361. content: "\e60b"; }
  362. .el-icon-caret-top:before {
  363. content: "\e60c"; }
  364. .el-icon-caret-right:before {
  365. content: "\e60e"; }
  366. .el-icon-d-arrow-left:before {
  367. content: "\e610"; }
  368. .el-icon-d-arrow-right:before {
  369. content: "\e613"; }
  370. .el-icon-minus:before {
  371. content: "\e621"; }
  372. .el-icon-plus:before {
  373. content: "\e62b"; }
  374. .el-icon-remove:before {
  375. content: "\e635"; }
  376. .el-icon-circle-plus:before {
  377. content: "\e601"; }
  378. .el-icon-remove-outline:before {
  379. content: "\e63c"; }
  380. .el-icon-circle-plus-outline:before {
  381. content: "\e602"; }
  382. .el-icon-close:before {
  383. content: "\e60f"; }
  384. .el-icon-check:before {
  385. content: "\e611"; }
  386. .el-icon-circle-close:before {
  387. content: "\e607"; }
  388. .el-icon-circle-check:before {
  389. content: "\e639"; }
  390. .el-icon-circle-close-outline:before {
  391. content: "\e609"; }
  392. .el-icon-circle-check-outline:before {
  393. content: "\e63e"; }
  394. .el-icon-zoom-out:before {
  395. content: "\e645"; }
  396. .el-icon-zoom-in:before {
  397. content: "\e641"; }
  398. .el-icon-d-caret:before {
  399. content: "\e615"; }
  400. .el-icon-sort:before {
  401. content: "\e640"; }
  402. .el-icon-sort-down:before {
  403. content: "\e630"; }
  404. .el-icon-sort-up:before {
  405. content: "\e631"; }
  406. .el-icon-tickets:before {
  407. content: "\e63f"; }
  408. .el-icon-document:before {
  409. content: "\e614"; }
  410. .el-icon-goods:before {
  411. content: "\e618"; }
  412. .el-icon-sold-out:before {
  413. content: "\e63b"; }
  414. .el-icon-news:before {
  415. content: "\e625"; }
  416. .el-icon-message:before {
  417. content: "\e61b"; }
  418. .el-icon-date:before {
  419. content: "\e608"; }
  420. .el-icon-printer:before {
  421. content: "\e62f"; }
  422. .el-icon-time:before {
  423. content: "\e642"; }
  424. .el-icon-bell:before {
  425. content: "\e622"; }
  426. .el-icon-mobile-phone:before {
  427. content: "\e624"; }
  428. .el-icon-service:before {
  429. content: "\e63a"; }
  430. .el-icon-view:before {
  431. content: "\e643"; }
  432. .el-icon-menu:before {
  433. content: "\e620"; }
  434. .el-icon-more:before {
  435. content: "\e646"; }
  436. .el-icon-more-outline:before {
  437. content: "\e626"; }
  438. .el-icon-star-on:before {
  439. content: "\e637"; }
  440. .el-icon-star-off:before {
  441. content: "\e63d"; }
  442. .el-icon-location:before {
  443. content: "\e61d"; }
  444. .el-icon-location-outline:before {
  445. content: "\e61f"; }
  446. .el-icon-phone:before {
  447. content: "\e627"; }
  448. .el-icon-phone-outline:before {
  449. content: "\e628"; }
  450. .el-icon-picture:before {
  451. content: "\e629"; }
  452. .el-icon-picture-outline:before {
  453. content: "\e62a"; }
  454. .el-icon-delete:before {
  455. content: "\e612"; }
  456. .el-icon-search:before {
  457. content: "\e619"; }
  458. .el-icon-edit:before {
  459. content: "\e61c"; }
  460. .el-icon-edit-outline:before {
  461. content: "\e616"; }
  462. .el-icon-rank:before {
  463. content: "\e632"; }
  464. .el-icon-refresh:before {
  465. content: "\e633"; }
  466. .el-icon-share:before {
  467. content: "\e636"; }
  468. .el-icon-setting:before {
  469. content: "\e638"; }
  470. .el-icon-upload:before {
  471. content: "\e60d"; }
  472. .el-icon-upload2:before {
  473. content: "\e644"; }
  474. .el-icon-download:before {
  475. content: "\e617"; }
  476. .el-icon-loading:before {
  477. content: "\e61e"; }
  478. .el-icon-loading {
  479. -webkit-animation: rotating 2s linear infinite;
  480. animation: rotating 2s linear infinite; }
  481. .el-icon--right {
  482. margin-left: 5px; }
  483. .el-icon--left {
  484. margin-right: 5px; }
  485. @-webkit-keyframes rotating {
  486. 0% {
  487. -webkit-transform: rotateZ(0deg);
  488. transform: rotateZ(0deg); }
  489. 100% {
  490. -webkit-transform: rotateZ(360deg);
  491. transform: rotateZ(360deg); } }
  492. @keyframes rotating {
  493. 0% {
  494. -webkit-transform: rotateZ(0deg);
  495. transform: rotateZ(0deg); }
  496. 100% {
  497. -webkit-transform: rotateZ(360deg);
  498. transform: rotateZ(360deg); } }