forstok-ui-lib 5.4.9 → 5.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1119 +0,0 @@
1
- .rc-calendar {
2
- box-sizing: border-box;
3
- }
4
- .rc-calendar * {
5
- box-sizing: border-box;
6
- }
7
- .rc-calendar-hidden {
8
- display: none;
9
- }
10
- .rc-calendar-input-wrap {
11
- position: relative;
12
- padding: 6px;
13
- border-bottom: 1px solid #e9e9e9;
14
- }
15
- .rc-calendar-input-wrap:after {
16
- content: '';
17
- clear: both;
18
- }
19
- .rc-calendar-date-input-wrap {
20
- overflow: hidden;
21
- }
22
- .rc-calendar-time-picker {
23
- position: absolute;
24
- width: 100%;
25
- top: 34px;
26
- background-color: white;
27
- height: 217px;
28
- }
29
- .rc-calendar-time-picker-panel {
30
- width: 100%;
31
- position: relative;
32
- }
33
- .rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
34
- display: none;
35
- }
36
- .rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
37
- border: none;
38
- box-shadow: none;
39
- }
40
- .rc-calendar-time-picker-panel .rc-time-picker-panel-select {
41
- width: 84px;
42
- max-height: 217px;
43
- }
44
- .rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
45
- text-align: center;
46
- padding: 0;
47
- }
48
- .rc-calendar-time-picker-wrap {
49
- float: left;
50
- width: 100%;
51
- }
52
- .rc-calendar-time-picker-wrap .rc-time-picker {
53
- width: 100%;
54
- }
55
- .rc-calendar-time-picker-wrap .rc-time-picker-input {
56
- padding: 0;
57
- border: 1px solid transparent;
58
- outline: 0;
59
- height: 22px;
60
- }
61
- .rc-calendar-time-picker-wrap .rc-time-picker-icon {
62
- display: none;
63
- }
64
- .rc-calendar-input {
65
- border: 1px solid transparent;
66
- width: 100%;
67
- color: #666;
68
- cursor: text;
69
- line-height: 1.5;
70
- outline: 0;
71
- height: 22px;
72
- }
73
- .rc-calendar-input-invalid {
74
- border-color: red;
75
- }
76
- .rc-calendar-clear-btn {
77
- z-index: 9999;
78
- position: absolute;
79
- right: 6px;
80
- cursor: pointer;
81
- overflow: hidden;
82
- width: 20px;
83
- height: 20px;
84
- text-align: center;
85
- line-height: 20px;
86
- top: 6px;
87
- margin: 0;
88
- }
89
- .rc-calendar-clear-btn:after {
90
- content: "x";
91
- font-size: 12px;
92
- color: #aaa;
93
- display: inline-block;
94
- line-height: 1;
95
- width: 20px;
96
- transition: color 0.3s ease;
97
- }
98
- .rc-calendar-clear-btn:hover:after {
99
- color: #666;
100
- }
101
- .rc-calendar-picker {
102
- position: absolute;
103
- left: -9999px;
104
- top: -9999px;
105
- z-index: 1000;
106
- }
107
- .rc-calendar-picker-hidden {
108
- display: none;
109
- }
110
- .rc-calendar-picker-slide-up-enter {
111
- animation-duration: .3s;
112
- animation-fill-mode: both;
113
- transform-origin: 0 0;
114
- display: block !important;
115
- opacity: 0;
116
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
117
- animation-play-state: paused;
118
- }
119
- .rc-calendar-picker-slide-up-appear {
120
- animation-duration: .3s;
121
- animation-fill-mode: both;
122
- transform-origin: 0 0;
123
- display: block !important;
124
- opacity: 0;
125
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
126
- animation-play-state: paused;
127
- }
128
- .rc-calendar-picker-slide-up-leave {
129
- animation-duration: .3s;
130
- animation-fill-mode: both;
131
- transform-origin: 0 0;
132
- display: block !important;
133
- opacity: 1;
134
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
135
- animation-play-state: paused;
136
- }
137
- .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
138
- .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
139
- .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
140
- .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
141
- animation-name: rcDropdownSlideUpIn;
142
- animation-play-state: running;
143
- }
144
- .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
145
- .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
146
- .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
147
- .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
148
- animation-name: rcDropdownSlideDownIn;
149
- animation-play-state: running;
150
- }
151
- .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
152
- .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
153
- animation-name: rcDropdownSlideUpOut;
154
- animation-play-state: running;
155
- }
156
- .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
157
- .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
158
- animation-name: rcDropdownSlideDownOut;
159
- animation-play-state: running;
160
- }
161
- @keyframes rcDropdownSlideUpIn {
162
- 0% {
163
- opacity: 0;
164
- transform-origin: 0% 0%;
165
- transform: scaleY(0);
166
- }
167
- 100% {
168
- opacity: 1;
169
- transform-origin: 0% 0%;
170
- transform: scaleY(1);
171
- }
172
- }
173
- @keyframes rcDropdownSlideUpOut {
174
- 0% {
175
- opacity: 1;
176
- transform-origin: 0% 0%;
177
- transform: scaleY(1);
178
- }
179
- 100% {
180
- opacity: 0;
181
- transform-origin: 0% 0%;
182
- transform: scaleY(0);
183
- }
184
- }
185
- @keyframes rcDropdownSlideDownIn {
186
- 0% {
187
- opacity: 0;
188
- transform-origin: 100% 100%;
189
- transform: scaleY(0);
190
- }
191
- 100% {
192
- opacity: 1;
193
- transform-origin: 100% 100%;
194
- transform: scaleY(1);
195
- }
196
- }
197
- @keyframes rcDropdownSlideDownOut {
198
- 0% {
199
- opacity: 1;
200
- transform-origin: 100% 100%;
201
- transform: scaleY(1);
202
- }
203
- 100% {
204
- opacity: 0;
205
- transform-origin: 100% 100%;
206
- transform: scaleY(0);
207
- }
208
- }
209
- .rc-calendar {
210
- position: relative;
211
- outline: none;
212
- font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
213
- width: 253px;
214
- list-style: none;
215
- font-size: 12px;
216
- text-align: left;
217
- background-color: #fff;
218
- border-radius: 3px;
219
- box-shadow: 0 1px 5px #ccc;
220
- background-clip: padding-box;
221
- border: 1px solid #ccc;
222
- line-height: 1.5;
223
- }
224
- .rc-calendar-date-panel,
225
- .rc-calendar-panel {
226
- position: relative;
227
- outline: none;
228
- }
229
- .rc-calendar-week-number {
230
- width: 286px;
231
- }
232
- .rc-calendar-week-number-cell {
233
- text-align: center;
234
- }
235
- .rc-calendar-header {
236
- padding: 0 10px;
237
- height: 34px;
238
- line-height: 30px;
239
- text-align: center;
240
- -moz-user-select: none;
241
- -ms-user-select: none;
242
- user-select: none;
243
- -webkit-user-select: none;
244
- border-bottom: 1px solid #ccc;
245
- }
246
- .rc-calendar-header > a {
247
- font-weight: bold;
248
- display: inline-block;
249
- padding: 0px 5px;
250
- line-height: 34px;
251
- text-align: center;
252
- width: 30px;
253
- }
254
- .rc-calendar-header > a:hover {
255
- cursor: pointer;
256
- color: #23c0fa;
257
- }
258
- .rc-calendar-header .rc-calendar-prev-month-btn {
259
- position: absolute;
260
- left: 25px;
261
- }
262
- .rc-calendar-header .rc-calendar-prev-month-btn:after {
263
- content: '‹';
264
- }
265
- .rc-calendar-header .rc-calendar-next-month-btn {
266
- position: absolute;
267
- right: 25px;
268
- }
269
- .rc-calendar-header .rc-calendar-next-month-btn:after {
270
- content: '›';
271
- }
272
- .rc-calendar-year-select,
273
- .rc-calendar-month-select,
274
- .rc-calendar-day-select {
275
- display: inline-block;
276
- font-size: 12px;
277
- font-weight: bold;
278
- color: #666;
279
- padding: 0 8px;
280
- line-height: 34px;
281
- }
282
- .rc-calendar-year-select:hover,
283
- .rc-calendar-month-select:hover,
284
- .rc-calendar-day-select:hover {
285
- cursor: pointer;
286
- color: #23c0fa;
287
- }
288
- .rc-calendar-year-select.rc-calendar-time-status:hover,
289
- .rc-calendar-month-select.rc-calendar-time-status:hover,
290
- .rc-calendar-day-select.rc-calendar-time-status:hover {
291
- cursor: pointer;
292
- color: #666;
293
- }
294
- .rc-calendar-prev-month-btn,
295
- .rc-calendar-next-month-btn,
296
- .rc-calendar-prev-year-btn,
297
- .rc-calendar-next-year-btn {
298
- position: absolute;
299
- top: 0;
300
- cursor: pointer;
301
- color: #999;
302
- font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
303
- padding: 0 5px;
304
- font-size: 16px;
305
- display: inline-block;
306
- line-height: 34px;
307
- }
308
- .rc-calendar-prev-month-btn:hover,
309
- .rc-calendar-next-month-btn:hover,
310
- .rc-calendar-prev-year-btn:hover,
311
- .rc-calendar-next-year-btn:hover {
312
- color: #23c0fa;
313
- }
314
- .rc-calendar-next-year-btn {
315
- right: 0;
316
- }
317
- .rc-calendar-next-year-btn:after {
318
- content: '»';
319
- }
320
- .rc-calendar-prev-year-btn {
321
- left: 0;
322
- }
323
- .rc-calendar-prev-year-btn:after {
324
- content: '«';
325
- }
326
- .rc-calendar-body {
327
- padding: 9px 10px 10px;
328
- height: 217px;
329
- }
330
- .rc-calendar table {
331
- border-collapse: collapse;
332
- max-width: 100%;
333
- background-color: transparent;
334
- width: 100%;
335
- }
336
- .rc-calendar table,
337
- .rc-calendar td,
338
- .rc-calendar th,
339
- .rc-calendar td {
340
- border: none;
341
- }
342
- .rc-calendar-table {
343
- border-spacing: 0;
344
- margin-bottom: 0;
345
- }
346
- .rc-calendar-column-header {
347
- line-height: 18px;
348
- padding: 6px 0;
349
- width: 33px;
350
- text-align: center;
351
- }
352
- .rc-calendar-column-header .rc-calendar-column-header-inner {
353
- display: block;
354
- font-weight: normal;
355
- }
356
- .rc-calendar-week-number-header .rc-calendar-column-header-inner {
357
- display: none;
358
- }
359
- .rc-calendar-cell {
360
- padding: 1px 0;
361
- }
362
- .rc-calendar-date {
363
- display: block;
364
- margin: 0 auto;
365
- color: #666;
366
- border-radius: 4px 4px;
367
- width: 26px;
368
- height: 26px;
369
- padding: 0;
370
- background: transparent;
371
- line-height: 26px;
372
- text-align: center;
373
- }
374
- .rc-calendar-date:hover {
375
- background: #ebfaff;
376
- cursor: pointer;
377
- }
378
- .rc-calendar-selected-day .rc-calendar-date {
379
- background: #d9f4fe;
380
- }
381
- .rc-calendar-selected-date .rc-calendar-date {
382
- background: #3fc7fa;
383
- color: #fff;
384
- }
385
- .rc-calendar-selected-date .rc-calendar-date:hover {
386
- background: #3fc7fa;
387
- }
388
- .rc-calendar-today .rc-calendar-date {
389
- border: 1px solid #3fc7fa;
390
- }
391
- .rc-calendar-disabled-cell .rc-calendar-date {
392
- cursor: not-allowed;
393
- color: #bcbcbc;
394
- background: #f3f3f3;
395
- border-radius: 0;
396
- width: auto;
397
- }
398
- .rc-calendar-disabled-cell .rc-calendar-date:hover {
399
- background: #f3f3f3;
400
- }
401
- .rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
402
- border-top-left-radius: 4px;
403
- border-bottom-left-radius: 4px;
404
- }
405
- .rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
406
- border-top-right-radius: 4px;
407
- border-bottom-right-radius: 4px;
408
- }
409
- .rc-calendar-last-month-cell .rc-calendar-date,
410
- .rc-calendar-next-month-btn-day .rc-calendar-date {
411
- color: #bbb;
412
- }
413
- .rc-calendar-footer {
414
- border-top: 1px solid #ccc;
415
- padding: 10px 0;
416
- text-align: center;
417
- position: relative;
418
- }
419
- .rc-calendar-footer .rc-time-picker {
420
- width: 90px;
421
- }
422
- .rc-calendar-footer .rc-time-picker-input {
423
- height: 24px;
424
- }
425
- .rc-calendar-footer-show-ok {
426
- text-align: right;
427
- }
428
- .rc-calendar-footer-show-ok .rc-calendar-footer-btn {
429
- padding-right: 12px;
430
- }
431
- .rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
432
- margin-left: 0;
433
- padding: 0 12px;
434
- }
435
- .rc-calendar-footer-show-ok .rc-calendar-today-btn {
436
- float: left;
437
- padding-left: 12px;
438
- }
439
- .rc-calendar-footer-btn {
440
- margin-top: 2px;
441
- }
442
- .rc-calendar-footer-btn:after {
443
- content: 'x';
444
- height: 0;
445
- font-size: 0;
446
- overflow: hidden;
447
- clear: both;
448
- }
449
- .rc-calendar-time-picker-btn {
450
- margin-left: 10px;
451
- }
452
- .rc-calendar-today-btn,
453
- .rc-calendar-ok-btn,
454
- .rc-calendar-time-picker-btn {
455
- display: inline-block;
456
- text-align: center;
457
- color: #f46830;
458
- }
459
- .rc-calendar-today-btn:hover,
460
- .rc-calendar-ok-btn:hover,
461
- .rc-calendar-time-picker-btn:hover {
462
- cursor: pointer;
463
- color: #23c0fa;
464
- }
465
- .rc-calendar-today-btn-disabled,
466
- .rc-calendar-ok-btn-disabled,
467
- .rc-calendar-time-picker-btn-disabled {
468
- color: #bbb;
469
- }
470
- .rc-calendar-today-btn-disabled:hover,
471
- .rc-calendar-ok-btn-disabled:hover,
472
- .rc-calendar-time-picker-btn-disabled:hover {
473
- color: #bbb;
474
- }
475
- .rc-calendar-today-btn {
476
- padding-left: 10px;
477
- }
478
- .rc-calendar-time-input {
479
- height: 25px;
480
- position: relative;
481
- display: inline-block;
482
- margin: 0 0;
483
- padding: 4px 10px;
484
- border-radius: 6px 6px;
485
- border: 1px solid #d9d9d9;
486
- background-color: #ffffff;
487
- color: #666;
488
- line-height: 1.5;
489
- transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
490
- width: 40px;
491
- }
492
- .rc-calendar-time-input:hover {
493
- border-color: #23c0fa;
494
- }
495
- .rc-calendar-time-input:focus {
496
- border-color: #23c0fa;
497
- box-shadow: 0 0 3px #23c0fa;
498
- }
499
- .rc-calendar-time-panel {
500
- left: 0;
501
- top: 0;
502
- bottom: 0;
503
- right: 0;
504
- background: #ffffff;
505
- z-index: 10;
506
- position: absolute;
507
- outline: none;
508
- }
509
- .rc-calendar-time-panel-header {
510
- padding: 0 10px;
511
- height: 34px;
512
- line-height: 34px;
513
- position: relative;
514
- text-align: center;
515
- -moz-user-select: none;
516
- -ms-user-select: none;
517
- user-select: none;
518
- -webkit-user-select: none;
519
- border-bottom: 1px solid #ccc;
520
- }
521
- .rc-calendar-time-panel-body {
522
- padding: 9px 10px 10px;
523
- }
524
- .rc-calendar-time-panel-title {
525
- width: 180px;
526
- font-weight: bold;
527
- display: inline-block;
528
- padding: 4px 5px;
529
- text-align: center;
530
- height: 30px;
531
- line-height: 22px;
532
- border-radius: 4px;
533
- }
534
- .rc-calendar-time-panel-table {
535
- table-layout: fixed;
536
- width: 100%;
537
- height: 255px;
538
- border-collapse: separate;
539
- }
540
- .rc-calendar-time-panel-cell {
541
- text-align: center;
542
- height: 42px;
543
- vertical-align: middle;
544
- }
545
- .rc-calendar-time-panel-time {
546
- line-height: 26px;
547
- display: block;
548
- border-radius: 4px;
549
- width: 26px;
550
- margin: 0 auto;
551
- }
552
- .rc-calendar-time-panel-time:hover {
553
- background: #ebfaff;
554
- cursor: pointer;
555
- }
556
- .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
557
- background: #3fc7fa;
558
- color: #fff;
559
- }
560
- .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
561
- background: #3fc7fa;
562
- color: #fff;
563
- }
564
- .rc-calendar-month-panel {
565
- left: 0;
566
- top: 0;
567
- bottom: 0;
568
- right: 0;
569
- background: #ffffff;
570
- z-index: 10;
571
- position: absolute;
572
- outline: none;
573
- }
574
- .rc-calendar-month-panel > div {
575
- height: 100%;
576
- display: -ms-flexbox;
577
- display: flex;
578
- -ms-flex-direction: column;
579
- flex-direction: column;
580
- }
581
- .rc-calendar-month-panel-hidden {
582
- display: none;
583
- }
584
- .rc-calendar-month-panel-header {
585
- padding: 0 10px;
586
- height: 34px;
587
- line-height: 30px;
588
- position: relative;
589
- text-align: center;
590
- -moz-user-select: none;
591
- -ms-user-select: none;
592
- user-select: none;
593
- -webkit-user-select: none;
594
- border-bottom: 1px solid #ccc;
595
- }
596
- .rc-calendar-month-panel-header > a {
597
- font-weight: bold;
598
- display: inline-block;
599
- padding: 4px 5px;
600
- text-align: center;
601
- width: 30px;
602
- }
603
- .rc-calendar-month-panel-header > a:hover {
604
- cursor: pointer;
605
- color: #23c0fa;
606
- }
607
- .rc-calendar-month-panel-prev-year-btn,
608
- .rc-calendar-month-panel-next-year-btn {
609
- position: absolute;
610
- top: 0;
611
- }
612
- .rc-calendar-month-panel-next-year-btn:after {
613
- content: '»';
614
- }
615
- .rc-calendar-month-panel-prev-year-btn {
616
- -webkit-user-select: none;
617
- -moz-user-select: none;
618
- -ms-user-select: none;
619
- user-select: none;
620
- left: 0;
621
- }
622
- .rc-calendar-month-panel-prev-year-btn:after {
623
- content: '«';
624
- }
625
- .rc-calendar-month-panel .rc-calendar-month-panel-year-select {
626
- width: 180px;
627
- }
628
- .rc-calendar-month-panel-year-select-arrow {
629
- display: none;
630
- }
631
- .rc-calendar-month-panel-next-year-btn {
632
- -webkit-user-select: none;
633
- -moz-user-select: none;
634
- -ms-user-select: none;
635
- user-select: none;
636
- right: 0;
637
- }
638
- .rc-calendar-month-panel-body {
639
- -ms-flex: 1;
640
- flex: 1;
641
- padding: 9px 10px 10px;
642
- }
643
- .rc-calendar-month-panel-footer {
644
- border-top: 1px solid #ccc;
645
- line-height: 38px;
646
- }
647
- .rc-calendar-month-panel-table {
648
- table-layout: fixed;
649
- width: 100%;
650
- height: 100%;
651
- border-collapse: separate;
652
- }
653
- .rc-calendar-month-panel-cell {
654
- text-align: center;
655
- }
656
- .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
657
- display: block;
658
- width: 46px;
659
- margin: 0 auto;
660
- color: #666;
661
- border-radius: 4px 4px;
662
- height: 36px;
663
- padding: 0;
664
- background: transparent;
665
- line-height: 36px;
666
- text-align: center;
667
- }
668
- .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
669
- background: #ebfaff;
670
- cursor: pointer;
671
- }
672
- .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
673
- color: #bfbfbf;
674
- }
675
- .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
676
- background: white;
677
- cursor: not-allowed;
678
- }
679
- .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
680
- background: #3fc7fa;
681
- color: #fff;
682
- }
683
- .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
684
- background: #3fc7fa;
685
- color: #fff;
686
- }
687
- .rc-calendar-month-header-wrap {
688
- position: relative;
689
- height: 308px;
690
- }
691
- .rc-calendar-year-panel {
692
- left: 0;
693
- top: 0;
694
- bottom: 0;
695
- right: 0;
696
- background: #ffffff;
697
- z-index: 10;
698
- position: absolute;
699
- outline: none;
700
- }
701
- .rc-calendar-year-panel > div {
702
- height: 100%;
703
- display: -ms-flexbox;
704
- display: flex;
705
- -ms-flex-direction: column;
706
- flex-direction: column;
707
- }
708
- .rc-calendar-year-panel-hidden {
709
- display: none;
710
- }
711
- .rc-calendar-year-panel-header {
712
- padding: 0 10px;
713
- height: 34px;
714
- line-height: 30px;
715
- position: relative;
716
- text-align: center;
717
- -moz-user-select: none;
718
- -ms-user-select: none;
719
- user-select: none;
720
- -webkit-user-select: none;
721
- border-bottom: 1px solid #ccc;
722
- }
723
- .rc-calendar-year-panel-header > a {
724
- font-weight: bold;
725
- display: inline-block;
726
- padding: 4px 5px;
727
- text-align: center;
728
- width: 30px;
729
- }
730
- .rc-calendar-year-panel-header > a:hover {
731
- cursor: pointer;
732
- color: #23c0fa;
733
- }
734
- .rc-calendar-year-panel-prev-decade-btn,
735
- .rc-calendar-year-panel-next-decade-btn {
736
- position: absolute;
737
- top: 0;
738
- }
739
- .rc-calendar-year-panel-next-decade-btn:after {
740
- content: '»';
741
- }
742
- .rc-calendar-year-panel-prev-decade-btn {
743
- -webkit-user-select: none;
744
- -moz-user-select: none;
745
- -ms-user-select: none;
746
- user-select: none;
747
- left: 0;
748
- }
749
- .rc-calendar-year-panel-prev-decade-btn:after {
750
- content: '«';
751
- }
752
- .rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
753
- width: 180px;
754
- }
755
- .rc-calendar-year-panel-decade-select-arrow {
756
- display: none;
757
- }
758
- .rc-calendar-year-panel-next-decade-btn {
759
- -webkit-user-select: none;
760
- -moz-user-select: none;
761
- -ms-user-select: none;
762
- user-select: none;
763
- right: 0;
764
- }
765
- .rc-calendar-year-panel-body {
766
- -ms-flex: 1;
767
- flex: 1;
768
- padding: 9px 10px 10px;
769
- }
770
- .rc-calendar-year-panel-footer {
771
- border-top: 1px solid #ccc;
772
- line-height: 38px;
773
- }
774
- .rc-calendar-year-panel-table {
775
- table-layout: fixed;
776
- width: 100%;
777
- height: 100%;
778
- border-collapse: separate;
779
- }
780
- .rc-calendar-year-panel-cell {
781
- text-align: center;
782
- }
783
- .rc-calendar-year-panel-year {
784
- display: block;
785
- width: 46px;
786
- margin: 0 auto;
787
- color: #666;
788
- border-radius: 4px 4px;
789
- height: 36px;
790
- padding: 0;
791
- background: transparent;
792
- line-height: 36px;
793
- text-align: center;
794
- }
795
- .rc-calendar-year-panel-year:hover {
796
- background: #ebfaff;
797
- cursor: pointer;
798
- }
799
- .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
800
- background: #3fc7fa;
801
- color: #fff;
802
- }
803
- .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
804
- background: #3fc7fa;
805
- color: #fff;
806
- }
807
- .rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
808
- .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
809
- -moz-user-select: none;
810
- -ms-user-select: none;
811
- user-select: none;
812
- -webkit-user-select: none;
813
- color: rgba(0, 0, 0, 0.25);
814
- }
815
- .rc-calendar-decade-panel {
816
- left: 0;
817
- top: 0;
818
- bottom: 0;
819
- right: 0;
820
- background: #ffffff;
821
- z-index: 10;
822
- position: absolute;
823
- outline: none;
824
- display: -ms-flexbox;
825
- display: flex;
826
- -ms-flex-direction: column;
827
- flex-direction: column;
828
- }
829
- .rc-calendar-decade-panel-hidden {
830
- display: none;
831
- }
832
- .rc-calendar-decade-panel-header {
833
- padding: 0 10px;
834
- height: 34px;
835
- line-height: 34px;
836
- position: relative;
837
- text-align: center;
838
- -moz-user-select: none;
839
- -ms-user-select: none;
840
- user-select: none;
841
- -webkit-user-select: none;
842
- border-bottom: 1px solid #ccc;
843
- }
844
- .rc-calendar-decade-panel-header > a {
845
- font-weight: bold;
846
- display: inline-block;
847
- padding: 1px 5px;
848
- text-align: center;
849
- width: 30px;
850
- }
851
- .rc-calendar-decade-panel-header > a:hover {
852
- cursor: pointer;
853
- color: #23c0fa;
854
- }
855
- .rc-calendar-decade-panel-prev-century-btn,
856
- .rc-calendar-decade-panel-next-century-btn {
857
- position: absolute;
858
- top: 0;
859
- }
860
- .rc-calendar-decade-panel-next-century-btn:after {
861
- content: '»';
862
- }
863
- .rc-calendar-decade-panel-prev-century-btn {
864
- -webkit-user-select: none;
865
- -moz-user-select: none;
866
- -ms-user-select: none;
867
- user-select: none;
868
- left: 0;
869
- }
870
- .rc-calendar-decade-panel-prev-century-btn:after {
871
- content: '«';
872
- }
873
- .rc-calendar-decade-panel-next-century-btn {
874
- -webkit-user-select: none;
875
- -moz-user-select: none;
876
- -ms-user-select: none;
877
- user-select: none;
878
- right: 0;
879
- }
880
- .rc-calendar-decade-panel-body {
881
- -ms-flex: 1;
882
- flex: 1;
883
- padding: 9px 10px 10px;
884
- }
885
- .rc-calendar-decade-panel-footer {
886
- border-top: 1px solid #ccc;
887
- line-height: 38px;
888
- }
889
- .rc-calendar-decade-panel-table {
890
- table-layout: fixed;
891
- width: 100%;
892
- height: 100%;
893
- border-collapse: separate;
894
- }
895
- .rc-calendar-decade-panel-cell {
896
- text-align: center;
897
- }
898
- .rc-calendar-decade-panel-decade {
899
- display: block;
900
- margin: 0 auto;
901
- color: #666;
902
- border-radius: 4px 4px;
903
- height: 36px;
904
- padding: 0;
905
- background: transparent;
906
- line-height: 36px;
907
- text-align: center;
908
- }
909
- .rc-calendar-decade-panel-decade:hover {
910
- background: #ebfaff;
911
- cursor: pointer;
912
- }
913
- .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
914
- background: #3fc7fa;
915
- color: #fff;
916
- }
917
- .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
918
- background: #3fc7fa;
919
- color: #fff;
920
- }
921
- .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
922
- .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
923
- -moz-user-select: none;
924
- -ms-user-select: none;
925
- user-select: none;
926
- -webkit-user-select: none;
927
- color: rgba(0, 0, 0, 0.25);
928
- }
929
- .rc-calendar-range {
930
- width: 502px;
931
- overflow: hidden;
932
- }
933
- .rc-calendar-range-part {
934
- width: 250px;
935
- position: relative;
936
- }
937
- .rc-calendar-range-part .rc-calendar-time-picker {
938
- top: 69px;
939
- }
940
- .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
941
- width: 77px;
942
- }
943
- .rc-calendar-range-left {
944
- float: left;
945
- }
946
- .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
947
- border-right: 1px solid #e9e9e9;
948
- }
949
- .rc-calendar-range-right {
950
- float: right;
951
- }
952
- .rc-calendar-range-right .rc-calendar-time-picker-panel {
953
- left: 21px;
954
- }
955
- .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
956
- border-left: 1px solid #e9e9e9;
957
- }
958
- .rc-calendar-range-middle {
959
- position: absolute;
960
- margin-left: -10px;
961
- text-align: center;
962
- height: 35px;
963
- line-height: 35px;
964
- }
965
- .rc-calendar-range .rc-calendar-date-panel::after {
966
- content: ".";
967
- display: block;
968
- height: 0;
969
- clear: both;
970
- visibility: hidden;
971
- }
972
- .rc-calendar-range .rc-calendar-input-wrap {
973
- height: 35px;
974
- }
975
- .rc-calendar-range .rc-calendar-input,
976
- .rc-calendar-range .rc-time-picker-input {
977
- padding: 1px 7px;
978
- height: 22px;
979
- }
980
- .rc-calendar-range .rc-calendar-body,
981
- .rc-calendar-range .rc-calendar-decade-panel-body,
982
- .rc-calendar-range .rc-calendar-year-panel-body,
983
- .rc-calendar-range .rc-calendar-month-panel-body {
984
- border-bottom: 1px solid #e9e9e9;
985
- }
986
- .rc-calendar-range.rc-calendar-week-number {
987
- width: 574px;
988
- }
989
- .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
990
- width: 286px;
991
- }
992
- .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
993
- top: 69px;
994
- }
995
- .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
996
- width: 89px;
997
- }
998
- .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
999
- left: 36px;
1000
- }
1001
- .rc-calendar-range .rc-calendar-year-panel,
1002
- .rc-calendar-range .rc-calendar-month-panel,
1003
- .rc-calendar-range .rc-calendar-decade-panel {
1004
- top: 35px;
1005
- }
1006
- .rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
1007
- top: 0;
1008
- }
1009
- .rc-calendar-range .rc-calendar-decade-panel-table,
1010
- .rc-calendar-range .rc-calendar-year-panel-table,
1011
- .rc-calendar-range .rc-calendar-month-panel-table {
1012
- height: 198px;
1013
- }
1014
- .rc-calendar-range .rc-calendar-in-range-cell {
1015
- background: #ebf4f8;
1016
- border-radius: 0;
1017
- }
1018
- .rc-calendar-range-bottom {
1019
- text-align: right;
1020
- }
1021
- .rc-calendar-range .rc-calendar-footer {
1022
- border-top: none;
1023
- padding: 0;
1024
- }
1025
- .rc-calendar-range .rc-calendar-footer-btn {
1026
- padding: 10px 12px 10px 0;
1027
- }
1028
- .rc-calendar-range .rc-calendar-ok-btn {
1029
- position: static;
1030
- }
1031
- .rc-calendar-range .rc-calendar-today-btn {
1032
- float: left;
1033
- }
1034
- .rc-calendar-full {
1035
- width: 275px;
1036
- }
1037
- .rc-calendar-full-header {
1038
- padding: 5px 10px;
1039
- text-align: center;
1040
- -moz-user-select: none;
1041
- -ms-user-select: none;
1042
- user-select: none;
1043
- -webkit-user-select: none;
1044
- border-bottom: 1px solid #ccc;
1045
- overflow: hidden;
1046
- }
1047
- .rc-calendar-full-header-month-select,
1048
- .rc-calendar-full-header-year-select {
1049
- width: 70px;
1050
- float: right;
1051
- margin-right: 5px;
1052
- }
1053
- .rc-calendar-full-header-switcher {
1054
- float: right;
1055
- display: inline-block;
1056
- }
1057
- .rc-calendar-full-header-switcher-normal:hover {
1058
- border-color: #23c0fa;
1059
- box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
1060
- cursor: pointer;
1061
- }
1062
- .rc-calendar-full-header-switcher-focus {
1063
- border-color: #3fc7fa;
1064
- background-color: #3fc7fa;
1065
- color: #fff;
1066
- }
1067
- .rc-calendar-full-header-switcher > span {
1068
- float: left;
1069
- height: 28px;
1070
- line-height: 24px;
1071
- border: 1px solid #d9d9d9;
1072
- padding: 0 10px;
1073
- color: #666;
1074
- }
1075
- .rc-calendar-full-header-switcher > span:first-child {
1076
- border-top-left-radius: 4px;
1077
- border-bottom-left-radius: 4px;
1078
- border-right: none;
1079
- }
1080
- .rc-calendar-full-header-switcher > span:last-child {
1081
- border-top-right-radius: 4px;
1082
- border-bottom-right-radius: 4px;
1083
- border-left: none;
1084
- }
1085
- .rc-calendar-fullscreen {
1086
- width: auto;
1087
- }
1088
- .rc-calendar-fullscreen .rc-calendar-full-header {
1089
- border-bottom: none;
1090
- }
1091
- .rc-calendar-fullscreen .rc-calendar-column-header {
1092
- text-align: right;
1093
- padding-right: 12px;
1094
- }
1095
- .rc-calendar-fullscreen .rc-calendar-cell {
1096
- padding: 0;
1097
- }
1098
- .rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
1099
- .rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
1100
- display: block;
1101
- height: 116px;
1102
- width: auto;
1103
- border-radius: 0;
1104
- margin: 0 4px;
1105
- border: none;
1106
- border-top: 2px solid #eee;
1107
- text-align: right;
1108
- padding-right: 8px;
1109
- }
1110
- .rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
1111
- .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1112
- background-color: #ebfaff;
1113
- color: #666;
1114
- }
1115
- .rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
1116
- .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1117
- border-top-color: #3FC7FA;
1118
- color: #3FC7FA;
1119
- }