index.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .ant-card {
  6. box-sizing: border-box;
  7. margin: 0;
  8. padding: 0;
  9. color: rgba(0, 0, 0, 0.85);
  10. font-size: 14px;
  11. font-variant: tabular-nums;
  12. line-height: 1.5715;
  13. list-style: none;
  14. font-feature-settings: 'tnum';
  15. position: relative;
  16. background: #fff;
  17. border-radius: 2px;
  18. }
  19. .ant-card-rtl {
  20. direction: rtl;
  21. }
  22. .ant-card-hoverable {
  23. cursor: pointer;
  24. transition: box-shadow 0.3s, border-color 0.3s;
  25. }
  26. .ant-card-hoverable:hover {
  27. border-color: transparent;
  28. box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  29. }
  30. .ant-card-bordered {
  31. border: 1px solid #f0f0f0;
  32. }
  33. .ant-card-head {
  34. min-height: 48px;
  35. margin-bottom: -1px;
  36. padding: 0 24px;
  37. color: rgba(0, 0, 0, 0.85);
  38. font-weight: 500;
  39. font-size: 16px;
  40. background: transparent;
  41. border-bottom: 1px solid #f0f0f0;
  42. border-radius: 2px 2px 0 0;
  43. }
  44. .ant-card-head::before {
  45. display: table;
  46. content: '';
  47. }
  48. .ant-card-head::after {
  49. display: table;
  50. clear: both;
  51. content: '';
  52. }
  53. .ant-card-head-wrapper {
  54. display: flex;
  55. align-items: center;
  56. }
  57. .ant-card-head-title {
  58. display: inline-block;
  59. flex: 1;
  60. padding: 16px 0;
  61. overflow: hidden;
  62. white-space: nowrap;
  63. text-overflow: ellipsis;
  64. }
  65. .ant-card-head-title > .ant-typography,
  66. .ant-card-head-title > .ant-typography-edit-content {
  67. left: 0;
  68. margin-top: 0;
  69. margin-bottom: 0;
  70. }
  71. .ant-card-head .ant-tabs-top {
  72. clear: both;
  73. margin-bottom: -17px;
  74. color: rgba(0, 0, 0, 0.85);
  75. font-weight: normal;
  76. font-size: 14px;
  77. }
  78. .ant-card-head .ant-tabs-top-bar {
  79. border-bottom: 1px solid #f0f0f0;
  80. }
  81. .ant-card-extra {
  82. float: right;
  83. margin-left: auto;
  84. padding: 16px 0;
  85. color: rgba(0, 0, 0, 0.85);
  86. font-weight: normal;
  87. font-size: 14px;
  88. }
  89. .ant-card-rtl .ant-card-extra {
  90. margin-right: auto;
  91. margin-left: 0;
  92. }
  93. .ant-card-body {
  94. padding: 24px;
  95. }
  96. .ant-card-body::before {
  97. display: table;
  98. content: '';
  99. }
  100. .ant-card-body::after {
  101. display: table;
  102. clear: both;
  103. content: '';
  104. }
  105. .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  106. margin: -1px 0 0 -1px;
  107. padding: 0;
  108. }
  109. .ant-card-grid {
  110. float: left;
  111. width: 33.33%;
  112. padding: 24px;
  113. border: 0;
  114. border-radius: 0;
  115. box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  116. transition: all 0.3s;
  117. }
  118. .ant-card-rtl .ant-card-grid {
  119. float: right;
  120. }
  121. .ant-card-grid-hoverable:hover {
  122. position: relative;
  123. z-index: 1;
  124. box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  125. }
  126. .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  127. min-height: 32px;
  128. padding-bottom: 0;
  129. }
  130. .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  131. padding-bottom: 0;
  132. }
  133. .ant-card-bordered .ant-card-cover {
  134. margin-top: -1px;
  135. margin-right: -1px;
  136. margin-left: -1px;
  137. }
  138. .ant-card-cover > * {
  139. display: block;
  140. width: 100%;
  141. }
  142. .ant-card-cover img {
  143. border-radius: 2px 2px 0 0;
  144. }
  145. .ant-card-actions {
  146. margin: 0;
  147. padding: 0;
  148. list-style: none;
  149. background: #fff;
  150. border-top: 1px solid #f0f0f0;
  151. }
  152. .ant-card-actions::before {
  153. display: table;
  154. content: '';
  155. }
  156. .ant-card-actions::after {
  157. display: table;
  158. clear: both;
  159. content: '';
  160. }
  161. .ant-card-actions > li {
  162. float: left;
  163. margin: 12px 0;
  164. color: rgba(0, 0, 0, 0.45);
  165. text-align: center;
  166. }
  167. .ant-card-rtl .ant-card-actions > li {
  168. float: right;
  169. }
  170. .ant-card-actions > li > span {
  171. position: relative;
  172. display: block;
  173. min-width: 32px;
  174. font-size: 14px;
  175. line-height: 1.5715;
  176. cursor: pointer;
  177. }
  178. .ant-card-actions > li > span:hover {
  179. color: #1890ff;
  180. transition: color 0.3s;
  181. }
  182. .ant-card-actions > li > span a:not(.ant-btn),
  183. .ant-card-actions > li > span > .anticon {
  184. display: inline-block;
  185. width: 100%;
  186. color: rgba(0, 0, 0, 0.45);
  187. line-height: 22px;
  188. transition: color 0.3s;
  189. }
  190. .ant-card-actions > li > span a:not(.ant-btn):hover,
  191. .ant-card-actions > li > span > .anticon:hover {
  192. color: #1890ff;
  193. }
  194. .ant-card-actions > li > span > .anticon {
  195. font-size: 16px;
  196. line-height: 22px;
  197. }
  198. .ant-card-actions > li:not(:last-child) {
  199. border-right: 1px solid #f0f0f0;
  200. }
  201. .ant-card-rtl .ant-card-actions > li:not(:last-child) {
  202. border-right: none;
  203. border-left: 1px solid #f0f0f0;
  204. }
  205. .ant-card-type-inner .ant-card-head {
  206. padding: 0 24px;
  207. background: #fafafa;
  208. }
  209. .ant-card-type-inner .ant-card-head-title {
  210. padding: 12px 0;
  211. font-size: 14px;
  212. }
  213. .ant-card-type-inner .ant-card-body {
  214. padding: 16px 24px;
  215. }
  216. .ant-card-type-inner .ant-card-extra {
  217. padding: 13.5px 0;
  218. }
  219. .ant-card-meta {
  220. margin: -4px 0;
  221. }
  222. .ant-card-meta::before {
  223. display: table;
  224. content: '';
  225. }
  226. .ant-card-meta::after {
  227. display: table;
  228. clear: both;
  229. content: '';
  230. }
  231. .ant-card-meta-avatar {
  232. float: left;
  233. padding-right: 16px;
  234. }
  235. .ant-card-rtl .ant-card-meta-avatar {
  236. float: right;
  237. padding-right: 0;
  238. padding-left: 16px;
  239. }
  240. .ant-card-meta-detail {
  241. overflow: hidden;
  242. }
  243. .ant-card-meta-detail > div:not(:last-child) {
  244. margin-bottom: 8px;
  245. }
  246. .ant-card-meta-title {
  247. overflow: hidden;
  248. color: rgba(0, 0, 0, 0.85);
  249. font-weight: 500;
  250. font-size: 16px;
  251. white-space: nowrap;
  252. text-overflow: ellipsis;
  253. }
  254. .ant-card-meta-description {
  255. color: rgba(0, 0, 0, 0.45);
  256. }
  257. .ant-card-loading {
  258. overflow: hidden;
  259. }
  260. .ant-card-loading .ant-card-body {
  261. -webkit-user-select: none;
  262. -moz-user-select: none;
  263. user-select: none;
  264. }
  265. .ant-card-loading-content p {
  266. margin: 0;
  267. }
  268. .ant-card-loading-block {
  269. height: 14px;
  270. margin: 4px 0;
  271. background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  272. background-size: 600% 600%;
  273. border-radius: 2px;
  274. animation: card-loading 1.4s ease infinite;
  275. }
  276. @keyframes card-loading {
  277. 0%,
  278. 100% {
  279. background-position: 0 50%;
  280. }
  281. 50% {
  282. background-position: 100% 50%;
  283. }
  284. }
  285. .ant-card-small > .ant-card-head {
  286. min-height: 36px;
  287. padding: 0 12px;
  288. font-size: 14px;
  289. }
  290. .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  291. padding: 8px 0;
  292. }
  293. .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  294. padding: 8px 0;
  295. font-size: 14px;
  296. }
  297. .ant-card-small > .ant-card-body {
  298. padding: 12px;
  299. }