UNPKG

18.5 kBCSSView Raw
1@charset "UTF-8";
2/* IMAGES */
3/* 默认颜色 */
4/* 客户化 */
5/* 波纹效果 */
6/*贝塞尔曲线动画 */
7/* 阴影 */
8/* ========== 文本字体 ========== */
9/* 控件 */
10/* 不同背景下对应的文字颜色 */
11/* UButton */
12/* UText */
13/* Navlayout */
14/* gridlayout */
15/* menu */
16/* Tile */
17/* Alert */
18/* Checkbox */
19/* Radio */
20/* Switch */
21/* loading */
22/* datetimepicker */
23/* message */
24/* DATA TABLE */
25/* tooltip*/
26/* 进度条 */
27/* ========== Content Tabs ========== */
28/* CARD */
29/* Card dimensions */
30/* Cover image */
31/* ========== Card ========== */
32/* ============ Forms ============*/
33/* BADGE */
34/*两种加载的尺寸 width height*/
35/*居中位置top left*/
36/* Typography */
37/* Shadows */
38/* Animations */
39@-webkit-keyframes antSlideUpIn {
40 0% {
41 opacity: 0;
42 -webkit-transform-origin: 0% 0%;
43 transform-origin: 0% 0%;
44 -webkit-transform: scaleY(0.8);
45 transform: scaleY(0.8); }
46 100% {
47 opacity: 1;
48 -webkit-transform-origin: 0% 0%;
49 transform-origin: 0% 0%;
50 -webkit-transform: scaleY(1);
51 transform: scaleY(1); } }
52
53@keyframes antSlideUpIn {
54 0% {
55 opacity: 0;
56 -webkit-transform-origin: 0% 0%;
57 transform-origin: 0% 0%;
58 -webkit-transform: scaleY(0.8);
59 transform: scaleY(0.8); }
60 100% {
61 opacity: 1;
62 -webkit-transform-origin: 0% 0%;
63 transform-origin: 0% 0%;
64 -webkit-transform: scaleY(1);
65 transform: scaleY(1); } }
66
67@-webkit-keyframes antSlideUpOut {
68 0% {
69 opacity: 1;
70 -webkit-transform-origin: 0% 0%;
71 transform-origin: 0% 0%;
72 -webkit-transform: scaleY(1);
73 transform: scaleY(1); }
74 100% {
75 opacity: 0;
76 -webkit-transform-origin: 0% 0%;
77 transform-origin: 0% 0%;
78 -webkit-transform: scaleY(0.8);
79 transform: scaleY(0.8); } }
80
81@keyframes antSlideUpOut {
82 0% {
83 opacity: 1;
84 -webkit-transform-origin: 0% 0%;
85 transform-origin: 0% 0%;
86 -webkit-transform: scaleY(1);
87 transform: scaleY(1); }
88 100% {
89 opacity: 0;
90 -webkit-transform-origin: 0% 0%;
91 transform-origin: 0% 0%;
92 -webkit-transform: scaleY(0.8);
93 transform: scaleY(0.8); } }
94
95@-webkit-keyframes antSlideDownIn {
96 0% {
97 opacity: 0;
98 -webkit-transform-origin: 100% 100%;
99 transform-origin: 100% 100%;
100 -webkit-transform: scaleY(0.8);
101 transform: scaleY(0.8); }
102 100% {
103 opacity: 1;
104 -webkit-transform-origin: 100% 100%;
105 transform-origin: 100% 100%;
106 -webkit-transform: scaleY(1);
107 transform: scaleY(1); } }
108
109@keyframes antSlideDownIn {
110 0% {
111 opacity: 0;
112 -webkit-transform-origin: 100% 100%;
113 transform-origin: 100% 100%;
114 -webkit-transform: scaleY(0.8);
115 transform: scaleY(0.8); }
116 100% {
117 opacity: 1;
118 -webkit-transform-origin: 100% 100%;
119 transform-origin: 100% 100%;
120 -webkit-transform: scaleY(1);
121 transform: scaleY(1); } }
122
123@-webkit-keyframes antSlideDownOut {
124 0% {
125 opacity: 1;
126 -webkit-transform-origin: 100% 100%;
127 transform-origin: 100% 100%;
128 -webkit-transform: scaleY(1);
129 transform: scaleY(1); }
130 100% {
131 opacity: 0;
132 -webkit-transform-origin: 100% 100%;
133 transform-origin: 100% 100%;
134 -webkit-transform: scaleY(0.8);
135 transform: scaleY(0.8); } }
136
137@keyframes antSlideDownOut {
138 0% {
139 opacity: 1;
140 -webkit-transform-origin: 100% 100%;
141 transform-origin: 100% 100%;
142 -webkit-transform: scaleY(1);
143 transform: scaleY(1); }
144 100% {
145 opacity: 0;
146 -webkit-transform-origin: 100% 100%;
147 transform-origin: 100% 100%;
148 -webkit-transform: scaleY(0.8);
149 transform: scaleY(0.8); } }
150
151@-webkit-keyframes antSlideLeftIn {
152 0% {
153 opacity: 0;
154 -webkit-transform-origin: 0% 0%;
155 transform-origin: 0% 0%;
156 -webkit-transform: scaleX(0.8);
157 transform: scaleX(0.8); }
158 100% {
159 opacity: 1;
160 -webkit-transform-origin: 0% 0%;
161 transform-origin: 0% 0%;
162 -webkit-transform: scaleX(1);
163 transform: scaleX(1); } }
164
165@keyframes antSlideLeftIn {
166 0% {
167 opacity: 0;
168 -webkit-transform-origin: 0% 0%;
169 transform-origin: 0% 0%;
170 -webkit-transform: scaleX(0.8);
171 transform: scaleX(0.8); }
172 100% {
173 opacity: 1;
174 -webkit-transform-origin: 0% 0%;
175 transform-origin: 0% 0%;
176 -webkit-transform: scaleX(1);
177 transform: scaleX(1); } }
178
179@-webkit-keyframes antSlideLeftOut {
180 0% {
181 opacity: 1;
182 -webkit-transform-origin: 0% 0%;
183 transform-origin: 0% 0%;
184 -webkit-transform: scaleX(1);
185 transform: scaleX(1); }
186 100% {
187 opacity: 0;
188 -webkit-transform-origin: 0% 0%;
189 transform-origin: 0% 0%;
190 -webkit-transform: scaleX(0.8);
191 transform: scaleX(0.8); } }
192
193@keyframes antSlideLeftOut {
194 0% {
195 opacity: 1;
196 -webkit-transform-origin: 0% 0%;
197 transform-origin: 0% 0%;
198 -webkit-transform: scaleX(1);
199 transform: scaleX(1); }
200 100% {
201 opacity: 0;
202 -webkit-transform-origin: 0% 0%;
203 transform-origin: 0% 0%;
204 -webkit-transform: scaleX(0.8);
205 transform: scaleX(0.8); } }
206
207@-webkit-keyframes antSlideRightIn {
208 0% {
209 opacity: 0;
210 -webkit-transform-origin: 100% 0%;
211 transform-origin: 100% 0%;
212 -webkit-transform: scaleX(0.8);
213 transform: scaleX(0.8); }
214 100% {
215 opacity: 1;
216 -webkit-transform-origin: 100% 0%;
217 transform-origin: 100% 0%;
218 -webkit-transform: scaleX(1);
219 transform: scaleX(1); } }
220
221@keyframes antSlideRightIn {
222 0% {
223 opacity: 0;
224 -webkit-transform-origin: 100% 0%;
225 transform-origin: 100% 0%;
226 -webkit-transform: scaleX(0.8);
227 transform: scaleX(0.8); }
228 100% {
229 opacity: 1;
230 -webkit-transform-origin: 100% 0%;
231 transform-origin: 100% 0%;
232 -webkit-transform: scaleX(1);
233 transform: scaleX(1); } }
234
235@-webkit-keyframes antSlideRightOut {
236 0% {
237 opacity: 1;
238 -webkit-transform-origin: 100% 0%;
239 transform-origin: 100% 0%;
240 -webkit-transform: scaleX(1);
241 transform: scaleX(1); }
242 100% {
243 opacity: 0;
244 -webkit-transform-origin: 100% 0%;
245 transform-origin: 100% 0%;
246 -webkit-transform: scaleX(0.8);
247 transform: scaleX(0.8); } }
248
249@keyframes antSlideRightOut {
250 0% {
251 opacity: 1;
252 -webkit-transform-origin: 100% 0%;
253 transform-origin: 100% 0%;
254 -webkit-transform: scaleX(1);
255 transform: scaleX(1); }
256 100% {
257 opacity: 0;
258 -webkit-transform-origin: 100% 0%;
259 transform-origin: 100% 0%;
260 -webkit-transform: scaleX(0.8);
261 transform: scaleX(0.8); } }
262
263@-webkit-keyframes antSwingIn {
264 0%,
265 100% {
266 -webkit-transform: translateX(0px);
267 transform: translateX(0px); }
268 20% {
269 -webkit-transform: translateX(-10px);
270 transform: translateX(-10px); }
271 40% {
272 -webkit-transform: translateX(10px);
273 transform: translateX(10px); }
274 60% {
275 -webkit-transform: translateX(-5px);
276 transform: translateX(-5px); }
277 80% {
278 -webkit-transform: translateX(5px);
279 transform: translateX(5px); } }
280
281@keyframes antSwingIn {
282 0%,
283 100% {
284 -webkit-transform: translateX(0px);
285 transform: translateX(0px); }
286 20% {
287 -webkit-transform: translateX(-10px);
288 transform: translateX(-10px); }
289 40% {
290 -webkit-transform: translateX(10px);
291 transform: translateX(10px); }
292 60% {
293 -webkit-transform: translateX(-5px);
294 transform: translateX(-5px); }
295 80% {
296 -webkit-transform: translateX(5px);
297 transform: translateX(5px); } }
298
299@-webkit-keyframes antZoomIn {
300 0% {
301 opacity: 0;
302 -webkit-transform: scale(0.2);
303 transform: scale(0.2); }
304 100% {
305 opacity: 1;
306 -webkit-transform: scale(1);
307 transform: scale(1); } }
308
309@keyframes antZoomIn {
310 0% {
311 opacity: 0;
312 -webkit-transform: scale(0.2);
313 transform: scale(0.2); }
314 100% {
315 opacity: 1;
316 -webkit-transform: scale(1);
317 transform: scale(1); } }
318
319@-webkit-keyframes antZoomOut {
320 0% {
321 -webkit-transform: scale(1);
322 transform: scale(1); }
323 100% {
324 opacity: 0;
325 -webkit-transform: scale(0.2);
326 transform: scale(0.2); } }
327
328@keyframes antZoomOut {
329 0% {
330 -webkit-transform: scale(1);
331 transform: scale(1); }
332 100% {
333 opacity: 0;
334 -webkit-transform: scale(0.2);
335 transform: scale(0.2); } }
336
337@-webkit-keyframes antZoomBigIn {
338 0% {
339 opacity: 0;
340 -webkit-transform: scale(0.8);
341 transform: scale(0.8); }
342 100% {
343 -webkit-transform: scale(1);
344 transform: scale(1); } }
345
346@keyframes antZoomBigIn {
347 0% {
348 opacity: 0;
349 -webkit-transform: scale(0.8);
350 transform: scale(0.8); }
351 100% {
352 -webkit-transform: scale(1);
353 transform: scale(1); } }
354
355@-webkit-keyframes antZoomBigOut {
356 0% {
357 -webkit-transform: scale(1);
358 transform: scale(1); }
359 100% {
360 opacity: 0;
361 -webkit-transform: scale(0.8);
362 transform: scale(0.8); } }
363
364@keyframes antZoomBigOut {
365 0% {
366 -webkit-transform: scale(1);
367 transform: scale(1); }
368 100% {
369 opacity: 0;
370 -webkit-transform: scale(0.8);
371 transform: scale(0.8); } }
372
373@-webkit-keyframes antZoomUpIn {
374 0% {
375 opacity: 0;
376 -webkit-transform-origin: 50% 0%;
377 transform-origin: 50% 0%;
378 -webkit-transform: scale(0.8);
379 transform: scale(0.8); }
380 100% {
381 -webkit-transform-origin: 50% 0%;
382 transform-origin: 50% 0%;
383 -webkit-transform: scale(1);
384 transform: scale(1); } }
385
386@keyframes antZoomUpIn {
387 0% {
388 opacity: 0;
389 -webkit-transform-origin: 50% 0%;
390 transform-origin: 50% 0%;
391 -webkit-transform: scale(0.8);
392 transform: scale(0.8); }
393 100% {
394 -webkit-transform-origin: 50% 0%;
395 transform-origin: 50% 0%;
396 -webkit-transform: scale(1);
397 transform: scale(1); } }
398
399@-webkit-keyframes antZoomUpOut {
400 0% {
401 -webkit-transform-origin: 50% 0%;
402 transform-origin: 50% 0%;
403 -webkit-transform: scale(1);
404 transform: scale(1); }
405 100% {
406 opacity: 0;
407 -webkit-transform-origin: 50% 0%;
408 transform-origin: 50% 0%;
409 -webkit-transform: scale(0.8);
410 transform: scale(0.8); } }
411
412@keyframes antZoomUpOut {
413 0% {
414 -webkit-transform-origin: 50% 0%;
415 transform-origin: 50% 0%;
416 -webkit-transform: scale(1);
417 transform: scale(1); }
418 100% {
419 opacity: 0;
420 -webkit-transform-origin: 50% 0%;
421 transform-origin: 50% 0%;
422 -webkit-transform: scale(0.8);
423 transform: scale(0.8); } }
424
425@-webkit-keyframes antZoomLeftIn {
426 0% {
427 opacity: 0;
428 -webkit-transform-origin: 0% 50%;
429 transform-origin: 0% 50%;
430 -webkit-transform: scale(0.8);
431 transform: scale(0.8); }
432 100% {
433 -webkit-transform-origin: 0% 50%;
434 transform-origin: 0% 50%;
435 -webkit-transform: scale(1);
436 transform: scale(1); } }
437
438@keyframes antZoomLeftIn {
439 0% {
440 opacity: 0;
441 -webkit-transform-origin: 0% 50%;
442 transform-origin: 0% 50%;
443 -webkit-transform: scale(0.8);
444 transform: scale(0.8); }
445 100% {
446 -webkit-transform-origin: 0% 50%;
447 transform-origin: 0% 50%;
448 -webkit-transform: scale(1);
449 transform: scale(1); } }
450
451@-webkit-keyframes antZoomLeftOut {
452 0% {
453 -webkit-transform-origin: 0% 50%;
454 transform-origin: 0% 50%;
455 -webkit-transform: scale(1);
456 transform: scale(1); }
457 100% {
458 opacity: 0;
459 -webkit-transform-origin: 0% 50%;
460 transform-origin: 0% 50%;
461 -webkit-transform: scale(0.8);
462 transform: scale(0.8); } }
463
464@keyframes antZoomLeftOut {
465 0% {
466 -webkit-transform-origin: 0% 50%;
467 transform-origin: 0% 50%;
468 -webkit-transform: scale(1);
469 transform: scale(1); }
470 100% {
471 opacity: 0;
472 -webkit-transform-origin: 0% 50%;
473 transform-origin: 0% 50%;
474 -webkit-transform: scale(0.8);
475 transform: scale(0.8); } }
476
477@-webkit-keyframes antZoomRightIn {
478 0% {
479 opacity: 0;
480 -webkit-transform-origin: 100% 50%;
481 transform-origin: 100% 50%;
482 -webkit-transform: scale(0.8);
483 transform: scale(0.8); }
484 100% {
485 -webkit-transform-origin: 100% 50%;
486 transform-origin: 100% 50%;
487 -webkit-transform: scale(1);
488 transform: scale(1); } }
489
490@keyframes antZoomRightIn {
491 0% {
492 opacity: 0;
493 -webkit-transform-origin: 100% 50%;
494 transform-origin: 100% 50%;
495 -webkit-transform: scale(0.8);
496 transform: scale(0.8); }
497 100% {
498 -webkit-transform-origin: 100% 50%;
499 transform-origin: 100% 50%;
500 -webkit-transform: scale(1);
501 transform: scale(1); } }
502
503@-webkit-keyframes antZoomRightOut {
504 0% {
505 -webkit-transform-origin: 100% 50%;
506 transform-origin: 100% 50%;
507 -webkit-transform: scale(1);
508 transform: scale(1); }
509 100% {
510 opacity: 0;
511 -webkit-transform-origin: 100% 50%;
512 transform-origin: 100% 50%;
513 -webkit-transform: scale(0.8);
514 transform: scale(0.8); } }
515
516@keyframes antZoomRightOut {
517 0% {
518 -webkit-transform-origin: 100% 50%;
519 transform-origin: 100% 50%;
520 -webkit-transform: scale(1);
521 transform: scale(1); }
522 100% {
523 opacity: 0;
524 -webkit-transform-origin: 100% 50%;
525 transform-origin: 100% 50%;
526 -webkit-transform: scale(0.8);
527 transform: scale(0.8); } }
528
529@-webkit-keyframes antZoomDownIn {
530 0% {
531 opacity: 0;
532 -webkit-transform-origin: 50% 100%;
533 transform-origin: 50% 100%;
534 -webkit-transform: scale(0.8);
535 transform: scale(0.8); }
536 100% {
537 -webkit-transform-origin: 50% 100%;
538 transform-origin: 50% 100%;
539 -webkit-transform: scale(1);
540 transform: scale(1); } }
541
542@keyframes antZoomDownIn {
543 0% {
544 opacity: 0;
545 -webkit-transform-origin: 50% 100%;
546 transform-origin: 50% 100%;
547 -webkit-transform: scale(0.8);
548 transform: scale(0.8); }
549 100% {
550 -webkit-transform-origin: 50% 100%;
551 transform-origin: 50% 100%;
552 -webkit-transform: scale(1);
553 transform: scale(1); } }
554
555@-webkit-keyframes antZoomDownOut {
556 0% {
557 -webkit-transform-origin: 50% 100%;
558 transform-origin: 50% 100%;
559 -webkit-transform: scale(1);
560 transform: scale(1); }
561 100% {
562 opacity: 0;
563 -webkit-transform-origin: 50% 100%;
564 transform-origin: 50% 100%;
565 -webkit-transform: scale(0.8);
566 transform: scale(0.8); } }
567
568@keyframes antZoomDownOut {
569 0% {
570 -webkit-transform-origin: 50% 100%;
571 transform-origin: 50% 100%;
572 -webkit-transform: scale(1);
573 transform: scale(1); }
574 100% {
575 opacity: 0;
576 -webkit-transform-origin: 50% 100%;
577 transform-origin: 50% 100%;
578 -webkit-transform: scale(0.8);
579 transform: scale(0.8); } }
580
581@keyframes rcMenuOpenZoomIn {
582 0% {
583 opacity: 0;
584 transform: scale(0, 0); }
585 100% {
586 opacity: 1;
587 transform: scale(1, 1); } }
588
589@keyframes rcMenuOpenZoomOut {
590 0% {
591 transform: scale(1, 1); }
592 100% {
593 opacity: 0;
594 transform: scale(0, 0); } }
595
596@keyframes rcMenuOpenSlideUpIn {
597 0% {
598 opacity: 0;
599 transform-origin: 0% 0%;
600 transform: scaleY(0); }
601 100% {
602 opacity: 1;
603 transform-origin: 0% 0%;
604 transform: scaleY(1); } }
605
606@keyframes rcMenuOpenSlideUpOut {
607 0% {
608 opacity: 1;
609 transform-origin: 0% 0%;
610 transform: scaleY(1); }
611 100% {
612 opacity: 0;
613 transform-origin: 0% 0%;
614 transform: scaleY(0); } }
615
616.collapsing {
617 position: relative;
618 height: 0;
619 overflow: hidden;
620 -webkit-transition-property: height, visibility;
621 transition-property: height, visibility;
622 -webkit-transition-duration: 0.35s;
623 transition-duration: 0.35s;
624 -webkit-transition-timing-function: ease;
625 transition-timing-function: ease; }
626
627.collapse {
628 display: none; }
629
630.collapse.in {
631 display: block; }
632
633.u-panel {
634 line-height: 1.57142857;
635 color: #757575;
636 position: relative;
637 margin-bottom: 20px;
638 border-width: 0;
639 -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
640 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
641 background-color: #fff;
642 border: 1px solid transparent;
643 border-radius: 4px; }
644 .u-panel .u-panel-heading {
645 border-top-left-radius: 3px;
646 border-top-right-radius: 3px;
647 position: relative;
648 padding: 10px 15px;
649 border-bottom: 1px solid transparent; }
650 .u-panel h4, .u-panel h3 {
651 font-family: Roboto,sans-serif;
652 font-weight: 400;
653 line-height: 1.2;
654 color: #424242;
655 font-size: 18px;
656 text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px; }
657 .u-panel .u-panel-footer {
658 padding: 10px 15px;
659 background-color: #f5f5f5;
660 border-top: 1px solid #ddd;
661 border-bottom-right-radius: 3px;
662 border-bottom-left-radius: 3px; }
663 .u-panel .u-panel-title {
664 margin-top: 0;
665 margin-bottom: 0;
666 display: block;
667 font-size: 18px;
668 color: #424242; }
669 .u-panel .u-panel-title .small {
670 color: #757575; }
671 .u-panel .u-panel-body {
672 padding: 15px 15px;
673 position: relative; }
674
675.u-panel-default {
676 border-color: #ddd; }
677 .u-panel-default .u-panel-heading {
678 background-color: #f5f5f5;
679 color: #333; }
680 .u-panel-default .u-panel-footer {
681 border-top: 1px solid transparent; }
682
683.u-panel-bordered {
684 border-color: #ddd; }
685 .u-panel-bordered .u-panel-heading {
686 border-bottom: 1px solid #ddd; }
687 .u-panel-bordered .u-panel-footer {
688 border-top: 1px solid #ddd;
689 background-color: #fff; }
690
691.u-panel > :not(.panel-loading):not(.collapsing) {
692 -webkit-transition: opacity .3s;
693 -o-transition: opacity .3s;
694 transition: opacity .3s; }
695
696.u-button-group-vertical > .u-button-group:after, .u-button-group-vertical > .u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before {
697 display: table;
698 content: " "; }
699
700.u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child {
701 margin-top: 0; }
702
703.u-panel-group {
704 margin-bottom: 20px; }
705 .u-panel-group .u-panel {
706 margin-bottom: 0;
707 border-radius: 4px; }
708 .u-panel-group .u-panel + .u-panel {
709 margin-top: 5px; }
710 .u-panel-group .u-panel-heading {
711 border-bottom: 0;
712 cursor: pointer; }
713 .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body {
714 border-top: 1px solid #ddd; }