index.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. :root {
  2. --zIndex-dialog: 9999;
  3. --default-bgc: #f2f4f7;
  4. --v-primary-base: #00897B;
  5. --v-error-base: #fe574a;
  6. --v-primary-lighten1: #26A69A;
  7. --v-primary-lighten2: #4DB6AC;
  8. --v-primary-lighten3: #80CBC4;
  9. --v-primary-lighten4: #B2DFDB;
  10. --color-222: #222;
  11. --color-333: #333;
  12. --color-666: #666;
  13. --color-777: #777;
  14. --color-999: #999;
  15. --color-ccc: #ccc;
  16. --color-f3: #f3f3f3;
  17. --color-f2f4f742: #f2f4f742;
  18. --color-f8: #f8f8f8;
  19. --color-f2f4f7: #f2f4f7;
  20. --color-d5e6e8: #d5e6e8;
  21. --zIndex-breadcrumbs: 999;
  22. }
  23. .color-222 {
  24. color: #222;
  25. }
  26. .color-333 {
  27. color: #333;
  28. }
  29. .color-666 {
  30. color: #666;
  31. }
  32. .color-777 {
  33. color: #777;
  34. }
  35. .color-999 {
  36. color: #999;
  37. }
  38. .color-ccc {
  39. color: #ccc;
  40. }
  41. .color-f3f3f3 {
  42. color: #f3f3f3;
  43. }
  44. .color-f2f4f742 {
  45. color: #f2f4f742;
  46. }
  47. .color-f8f8f8 {
  48. color: #f8f8f8;
  49. }
  50. .color-f2f4f7 {
  51. color: #f2f4f7;
  52. }
  53. .color-d5e6e8 {
  54. color: #d5e6e8;
  55. }
  56. .font-size-12 {
  57. font-size: 12px;
  58. }
  59. .font-size-13 {
  60. font-size: 13px;
  61. }
  62. .font-size-14 {
  63. font-size: 14px;
  64. }
  65. .font-size-15 {
  66. font-size: 15px;
  67. }
  68. .font-size-16 {
  69. font-size: 16px;
  70. }
  71. .font-size-17 {
  72. font-size: 17px;
  73. }
  74. .font-size-18 {
  75. font-size: 18px;
  76. }
  77. .font-size-19 {
  78. font-size: 19px;
  79. }
  80. .font-size-20 {
  81. font-size: 20px;
  82. }
  83. .buttons {
  84. height: 36px;
  85. width: 224px;
  86. }
  87. .half-button {
  88. height: 36px;
  89. width: 88px;
  90. }
  91. .default-width {
  92. width: 1184px;
  93. min-width: 1184px;
  94. max-width: 1184px;
  95. margin: 0 auto;
  96. }
  97. .defaultLink {
  98. color: #008978;
  99. cursor: pointer;
  100. }
  101. .default-active {
  102. color: var(--v-primary-base) !important;
  103. }
  104. .border-bottom-dashed {
  105. border-bottom: 1px dashed var(--color-ccc);
  106. }
  107. .white-bgc {
  108. background-color: #fff;
  109. }
  110. .ellipsis {
  111. white-space: nowrap;
  112. text-overflow: ellipsis;
  113. overflow: hidden;
  114. }
  115. .septal-line {
  116. display: inline-block;
  117. width: 1px;
  118. height: 10px;
  119. vertical-align: middle;
  120. background-color: #e0e0e0;
  121. margin: 0 10px;
  122. }
  123. .resume-box {
  124. border-radius: 5px;
  125. padding: 20px 30px;
  126. background-color: #fff;
  127. }
  128. .resume-header {
  129. display: flex;
  130. justify-content: space-between;
  131. align-items: center;
  132. height: 36px;
  133. }
  134. .resume-title {
  135. font-weight: 700;
  136. font-size: 18px;
  137. border-left: 5px solid #00897B;
  138. padding-left: 12px;
  139. line-height: 17px;
  140. }
  141. .resumeNoDataText {
  142. color: var(--color-666);
  143. font-size: 14px;
  144. }
  145. .card-box {
  146. width: 100%;
  147. height: 100%;
  148. }