UNPKG

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