hexo-theme-shokax 0.3.12 → 0.3.13

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,2002 +0,0 @@
1
- /*!
2
- * Twikoo v1.6.4
3
- * (c) 2020-2022 iMaeGoo
4
- * Released under the MIT License.
5
- * Last Update: 8/5/2022, 9:24:31 AM
6
- */
7
-
8
- .tk-avatar {
9
- flex-shrink: 0;
10
- height: 2.5rem;
11
- width: 2.5rem;
12
- overflow: hidden;
13
- text-align: center;
14
- border-radius: 5px;
15
- margin-right: 1rem;
16
- }
17
-
18
- .tk-comment .tk-submit .tk-avatar,
19
- .tk-replies .tk-avatar {
20
- height: 1.6rem;
21
- width: 1.6rem;
22
- }
23
-
24
- .tk-avatar.tk-has-avatar {
25
- background-color: rgba(144, 147, 153, 0.13);
26
- }
27
-
28
- .tk-avatar.tk-clickable {
29
- cursor: pointer;
30
- }
31
-
32
- .tk-avatar .tk-avatar-img {
33
- height: 2.5rem;
34
- color: #c0c4cc;
35
- }
36
-
37
- .tk-comment .tk-submit .tk-avatar .tk-avatar-img,
38
- .tk-replies .tk-avatar .tk-avatar-img {
39
- height: 1.6rem;
40
- }
41
-
42
-
43
- .tk-meta-input {
44
- display: flex;
45
- }
46
-
47
- .tk-meta-input .el-input {
48
- width: auto;
49
- width: calc((100% - 1rem) / 3); /* Fix Safari */
50
- flex: 1;
51
- }
52
-
53
- .tk-meta-input .el-input + .el-input {
54
- margin-left: 0.5rem;
55
- }
56
-
57
- .tk-meta-input .el-input .el-input-group__prepend {
58
- padding: 0 1rem;
59
- }
60
-
61
- .tk-meta-input .el-input input:invalid {
62
- border: 1px solid #f56c6c;
63
- box-shadow: none;
64
- }
65
-
66
- @media screen and (max-width: 767px) {
67
- .tk-meta-input {
68
- flex-direction: column;
69
- }
70
-
71
- .tk-meta-input .el-input {
72
- width: auto;
73
- }
74
-
75
- .tk-meta-input .el-input + .el-input {
76
- margin-left: 0;
77
- margin-top: 0.5rem;
78
- }
79
- }
80
-
81
-
82
- .tk-submit {
83
- display: flex;
84
- flex-direction: column;
85
- }
86
-
87
- .tk-row {
88
- display: flex;
89
- flex-direction: row;
90
- }
91
-
92
- .tk-col {
93
- flex: 1;
94
- display: flex;
95
- flex-direction: column;
96
- }
97
-
98
- .tk-meta-input {
99
- margin-bottom: 0.5rem;
100
- }
101
-
102
- .tk-row.actions {
103
- position: relative;
104
- margin-top: 1rem;
105
- margin-bottom: 1rem;
106
- margin-left: 3.5rem;
107
- align-items: center;
108
- justify-content: flex-end;
109
- }
110
-
111
- .tk-row-actions-start {
112
- flex: 1;
113
- display: flex;
114
- align-items: center;
115
- }
116
-
117
- .tk-submit-action-icon {
118
- align-self: center;
119
- display: inline-block;
120
- width: 1.25em;
121
- line-height: 0;
122
- margin-right: 10px;
123
- cursor: pointer;
124
- flex-shrink: 0;
125
- }
126
-
127
- .tk-submit-action-icon svg:hover {
128
- opacity: 0.8;
129
- }
130
-
131
- .tk-submit-action-icon.__markdown {
132
- color: #909399;
133
- }
134
-
135
- .tk-error-message {
136
- word-break: break-all;
137
- color: #ff0000;
138
- font-size: 0.75em;
139
- flex-shrink: 1;
140
- }
141
-
142
- .tk-input-image {
143
- display: none;
144
- }
145
-
146
- .tk-input {
147
- flex: 1;
148
- }
149
-
150
- .tk-input .el-textarea__inner {
151
- background-position: right bottom;
152
- background-repeat: no-repeat;
153
- }
154
-
155
- .tk-preview-container {
156
- margin-left: 3rem;
157
- margin-bottom: 1rem;
158
- padding: 5px 15px;
159
- border: 1px solid rgba(128, 128, 128, 0.31);
160
- border-radius: 4px;
161
- word-break: normal;
162
- overflow-wrap: anywhere;
163
- }
164
-
165
-
166
- .tk-action {
167
- display: flex;
168
- align-items: center;
169
- }
170
-
171
- .tk-action-link {
172
- margin-left: 0.5rem;
173
- color: #409eff;
174
- text-decoration: none;
175
- display: flex;
176
- align-items: center;
177
- }
178
-
179
- .tk-action-link .tk-action-icon-solid {
180
- display: none;
181
- }
182
-
183
- .tk-action-link.tk-liked .tk-action-icon,
184
- .tk-action-link:hover .tk-action-icon {
185
- display: none;
186
- }
187
-
188
- .tk-action-link.tk-liked .tk-action-icon-solid,
189
- .tk-action-link:hover .tk-action-icon-solid {
190
- display: block;
191
- }
192
-
193
- .tk-action-count {
194
- margin-left: 0.25rem;
195
- font-size: 0.75rem;
196
- height: 1.5rem;
197
- line-height: 1.5rem;
198
- }
199
-
200
- .tk-action-icon {
201
- display: inline-block;
202
- height: 1em;
203
- width: 1em;
204
- line-height: 0;
205
- color: #409eff;
206
- }
207
-
208
-
209
- .tk-main {
210
- flex: 1;
211
- width: 0;
212
- }
213
-
214
- .tk-row {
215
- flex: 1;
216
- display: flex;
217
- flex-direction: row;
218
- justify-content: space-between;
219
- }
220
-
221
- .tk-nick-link {
222
- color: inherit;
223
- text-decoration: none;
224
- }
225
-
226
- .tk-replies .tk-nick-link {
227
- font-size: .9em;
228
- }
229
-
230
- .tk-nick-link:hover {
231
- color: #409eff;
232
- }
233
-
234
- .tk-actions {
235
- display: none;
236
- margin-left: 1em;
237
- }
238
-
239
- .tk-comment:hover .tk-actions {
240
- display: inline;
241
- }
242
-
243
- .tk-extras {
244
- color: #999999;
245
- font-size: 0.875em;
246
- display: flex;
247
- flex-wrap: wrap;
248
- }
249
-
250
- .tk-extra {
251
- margin-top: 0.5rem;
252
- margin-right: 0.75rem;
253
- display: flex;
254
- align-items: center;
255
- }
256
-
257
- .tk-icon.__comment {
258
- height: 1em;
259
- width: 1em;
260
- line-height: 1;
261
- }
262
-
263
- .tk-extra-text {
264
- line-height: 1;
265
- }
266
-
267
- .tk-tag {
268
- display: inline-block;
269
- padding: 0 0.5em;
270
- font-size: 0.75em;
271
- background-color: #f2f6fc;
272
- }
273
-
274
- .tk-tag-green {
275
- background-color: rgba(103, 194, 58, 0.13);
276
- border: 1px solid rgba(103, 194, 58, 0.50);
277
- border-radius: 2px;
278
- color: #67c23a;
279
- }
280
-
281
- .tk-tag-yellow {
282
- background-color: rgba(230, 162, 60, 0.13);
283
- border: 1px solid rgba(230, 162, 60, 0.50);
284
- border-radius: 2px;
285
- color: #e6a23c;
286
- }
287
-
288
- .tk-tag-blue {
289
- background-color: rgba(64, 158, 255, 0.13);
290
- border: 1px solid rgba(64, 158, 255, 0.50);
291
- border-radius: 2px;
292
- color: #409eff;
293
- }
294
-
295
- .tk-tag-red {
296
- background-color: rgba(245, 108, 108, 0.13);
297
- border: 1px solid rgba(245, 108, 108, 0.50);
298
- border-radius: 2px;
299
- color: #f56c6c;
300
- }
301
-
302
- .tk-comment {
303
- margin-top: 1rem;
304
- display: flex;
305
- flex-direction: row;
306
- word-break: break-all;
307
- }
308
-
309
- .tk-content {
310
- margin-top: 0.5rem;
311
- overflow: auto;
312
- max-height: 500px;
313
- }
314
-
315
- .tk-replies .tk-content {
316
- font-size: .9em;
317
- }
318
-
319
- .tk-comment .vemoji {
320
- max-height: 2em;
321
- vertical-align: middle;
322
- }
323
-
324
- .tk-replies {
325
- max-height: 200px;
326
- overflow: hidden;
327
- position: relative;
328
- }
329
-
330
- .tk-replies-expand {
331
- max-height: none;
332
- }
333
-
334
- .tk-submit {
335
- margin-top: 1rem;
336
- }
337
-
338
- .tk-expand {
339
- font-size: 0.75em;
340
- }
341
-
342
-
343
- .tk-comments-title {
344
- font-size: 1.25rem;
345
- font-weight: bold;
346
- margin-bottom: 1rem;
347
- display: flex;
348
- align-items: baseline;
349
- justify-content: space-between;
350
- }
351
-
352
- .tk-comments-count.__hidden {
353
- visibility: hidden;
354
- }
355
-
356
- .tk-comments-container {
357
- min-height: 10rem;
358
- display: flex;
359
- flex-direction: column;
360
- }
361
-
362
- .tk-comments-no {
363
- flex: 1;
364
- text-align: center;
365
- display: flex;
366
- align-items: center;
367
- justify-content: center;
368
- }
369
-
370
- .tk-comments-error {
371
- font-size: 0.75em;
372
- color: #ff0000;
373
- }
374
-
375
- .tk-icon.__comments {
376
- display: inline-flex;
377
- align-items: center;
378
- justify-content: center;
379
- vertical-align: sub;
380
- margin-left: 0.5em;
381
- height: 0.75em;
382
- width: 0.75em;
383
- line-height: 0;
384
- cursor: pointer;
385
- color: #409eff;
386
- }
387
-
388
-
389
- .tk-footer {
390
- width: 100%;
391
- text-align: end;
392
- font-size: 0.75em;
393
- color: #999999;
394
- margin-top: 1em;
395
- }
396
-
397
-
398
- .tk-pagination,
399
- .tk-pagination-pagers {
400
- display: flex;
401
- }
402
-
403
- .tk-pagination {
404
- width: 100%;
405
- align-items: center;
406
- justify-content: space-between;
407
- flex-wrap: wrap;
408
- }
409
-
410
- .tk-pagination-options {
411
- display: flex;
412
- align-items: center;
413
- }
414
-
415
- .tk-pagination-pager {
416
- width: 2em;
417
- height: 2em;
418
- display: flex;
419
- align-items: center;
420
- justify-content: center;
421
- cursor: pointer;
422
- }
423
-
424
- .tk-pagination-pager.__current {
425
- background-color: #409eff;
426
- pointer-events: none;
427
- }
428
-
429
- .tk-pagination .el-input {
430
- width: 50px;
431
- }
432
-
433
- .tk-pagination .el-input .el-input__inner {
434
- padding: 0;
435
- height: 28px;
436
- text-align: center;
437
- -moz-appearance: textfield;
438
- appearance: textfield;
439
- }
440
-
441
- .tk-pagination .el-input .el-input__inner::-webkit-inner-spin-button,
442
- .tk-pagination .el-input .el-input__inner::-webkit-outer-spin-button {
443
- -webkit-appearance: none;
444
- appearance: none;
445
- margin: 0;
446
- }
447
-
448
-
449
- .tk-admin-comment {
450
- display: flex;
451
- flex-direction: column;
452
- align-items: center;
453
- }
454
-
455
- .tk-admin-comment a {
456
- color: currentColor;
457
- text-decoration: underline;
458
- }
459
-
460
- .tk-admin-warn {
461
- margin-bottom: 1em;
462
- }
463
-
464
- .tk-admin-comment-filter {
465
- width: 100%;
466
- display: flex;
467
- align-items: center;
468
- justify-content: flex-start;
469
- }
470
-
471
- .tk-admin-comment-filter-keyword {
472
- flex: 1;
473
- }
474
-
475
- .tk-admin-comment-filter-type {
476
- height: 32px;
477
- margin: 0 0.5em;
478
- padding: 0 0.5em;
479
- color: #ffffff;
480
- background: none;
481
- border: 1px solid rgba(144, 147, 153, 0.31);
482
- border-radius: 4px;
483
- position: relative;
484
- -moz-appearance: none;
485
- -webkit-appearance: none;
486
- }
487
-
488
- .tk-admin-comment-filter-type:focus {
489
- border-color: #409eff;
490
- }
491
-
492
- .tk-admin-comment-filter-type option {
493
- color: initial;
494
- }
495
-
496
- .tk-admin-comment-list {
497
- margin-top: 1em;
498
- }
499
-
500
- .tk-admin-comment-list,
501
- .tk-admin-comment-item {
502
- width: 100%;
503
- display: flex;
504
- flex-direction: column;
505
- justify-content: stretch;
506
- }
507
-
508
- .tk-admin-comment-meta {
509
- display: flex;
510
- align-items: center;
511
- flex-wrap: wrap;
512
- margin-bottom: 0.5em;
513
- }
514
-
515
- .tk-admin-comment .tk-avatar {
516
- margin-right: 0.5em;
517
- }
518
-
519
- .tk-admin-actions {
520
- display: flex;
521
- margin-bottom: 1em;
522
- }
523
-
524
-
525
- .tk-admin-config-groups {
526
- overflow-y: auto;
527
- padding-right: 0.5em;
528
- }
529
-
530
- .tk-admin-config-groups .tk-admin-config-group,
531
- .tk-admin-config-groups .tk-admin-config-group-title {
532
- background: transparent;
533
- color: #FFFFFF !important;
534
- }
535
-
536
- .tk-admin-config-group-title {
537
- margin-top: 1em;
538
- font-size: 1.25rem;
539
- font-weight: bold;
540
- }
541
-
542
- .tk-admin-config-item {
543
- display: grid;
544
- align-items: center;
545
- grid-template-columns: 30% 70%;
546
- margin-top: 1em;
547
- }
548
-
549
- .tk-admin-config-title {
550
- text-align: right;
551
- margin-right: 1em;
552
- overflow: hidden;
553
- text-overflow: ellipsis;
554
- white-space: nowrap;
555
- }
556
-
557
- .tk-admin-config-desc {
558
- margin-top: 0.5em;
559
- font-size: 0.75em;
560
- overflow-wrap: break-word;
561
- }
562
-
563
- .tk-admin-config-actions {
564
- display: flex;
565
- align-items: center;
566
- justify-content: center;
567
- margin-top: 1em;
568
- }
569
-
570
- .tk-admin-config-message {
571
- margin-top: 0.5em;
572
- text-align: center;
573
- }
574
-
575
- .tk-admin-config-email-test-desc {
576
- margin: 1em 0;
577
- }
578
-
579
-
580
- .tk-admin-import {
581
- display: flex;
582
- flex-direction: column;
583
- }
584
-
585
- .tk-admin-import-label {
586
- margin-top: 1em;
587
- font-size: 1.25rem;
588
- font-weight: bold;
589
- }
590
-
591
- .tk-admin-import select,
592
- .tk-admin-import input,
593
- .tk-admin-import .el-button,
594
- .tk-admin-import .el-textarea {
595
- margin-top: 1em;
596
- }
597
-
598
-
599
- .tk-admin-container {
600
- position: absolute;
601
- top: 0;
602
- left: 0;
603
- width: 100%;
604
- height: 100%;
605
- overflow: hidden;
606
- pointer-events: none;
607
- }
608
-
609
- .tk-admin {
610
- position: absolute;
611
- top: 0;
612
- left: 100%;
613
- width: 100%;
614
- height: 100%;
615
- overflow-y: auto;
616
- pointer-events: all;
617
- color: #ffffff;
618
- background-color: rgba(0, 0, 0, 0.60);
619
- backdrop-filter: blur(5px);
620
- transition: all 0.5s ease;
621
- visibility: hidden;
622
- }
623
-
624
- .tk-admin::-webkit-scrollbar {
625
- width: 5px;
626
- background-color: transparent;
627
- }
628
-
629
- .tk-admin::-webkit-scrollbar-track {
630
- background-color: transparent;
631
- }
632
-
633
- .tk-admin::-webkit-scrollbar-thumb {
634
- background-color: rgba(255, 255, 255, 0.31);
635
- }
636
-
637
- .tk-admin.__show {
638
- left: 0;
639
- visibility: visible;
640
- }
641
-
642
- .tk-admin-close {
643
- position: sticky;
644
- float: right;
645
- display: block;
646
- top: 0;
647
- right: 0;
648
- width: 1rem;
649
- height: 1rem;
650
- padding: 1rem;
651
- box-sizing: content-box;
652
- color: #ffffff;
653
- }
654
-
655
- .tk-login,
656
- .tk-regist {
657
- display: flex;
658
- flex-direction: column;
659
- align-items: center;
660
- }
661
-
662
- .tk-login-title {
663
- color: #ffffff;
664
- font-size: 1.25rem;
665
- text-align: center;
666
- margin-top: 10rem;
667
- }
668
-
669
- .tk-password,
670
- .tk-login-msg {
671
- color: #ffffff;
672
- width: 80%;
673
- text-align: center;
674
- margin-top: 1rem;
675
- }
676
-
677
- .tk-password .el-input__inner {
678
- min-width: 100px;
679
- }
680
-
681
- .tk-login-msg a {
682
- color: #ffffff;
683
- margin-left: 1em;
684
- text-decoration: underline;
685
- }
686
-
687
- .tk-regist-button {
688
- margin-top: 1rem;
689
- }
690
-
691
- .tk-panel {
692
- color: #ffffff !important;
693
- padding: 2rem;
694
- }
695
-
696
- .tk-panel-title {
697
- font-size: 1.5rem;
698
- display: flex;
699
- align-items: flex-end;
700
- justify-content: space-between;
701
- }
702
-
703
- .tk-panel-logout {
704
- color: #ffffff;
705
- font-size: 1rem;
706
- text-decoration: underline;
707
- }
708
-
709
- .tk-panel .tk-tabs {
710
- display: flex;
711
- margin-bottom: 1em;
712
- border-bottom: 2px solid #c0c4cc;
713
- }
714
-
715
- .tk-panel .tk-tab {
716
- color: #c0c4cc;
717
- cursor: pointer;
718
- line-height: 2em;
719
- margin-right: 2em;
720
- margin-bottom: -2px;
721
- }
722
-
723
- .tk-panel .tk-tab.__active {
724
- color: #ffffff;
725
- border-bottom: 2px solid #ffffff;
726
- }
727
-
728
-
729
- .twikoo {
730
- position: relative;
731
- }
732
-
733
- .twikoo svg {
734
- width: 100%;
735
- height: 100%;
736
- fill: currentColor;
737
- }
738
-
739
- /* 全局 CSS */
740
- .tk-expand {
741
- width: 100%;
742
- cursor: pointer;
743
- padding: 0.75em;
744
- text-align: center;
745
- transition: all 0.5s;
746
- }
747
-
748
- .tk-expand:hover {
749
- background-color: rgba(0, 0, 0, 0.13);
750
- }
751
-
752
- .tk-expand:active {
753
- background-color: rgba(0, 0, 0, 0.19);
754
- }
755
-
756
- .tk-content img {
757
- max-width: 300px;
758
- max-height: 300px;
759
- vertical-align: middle;
760
- }
761
-
762
- .tk-owo-emotion,
763
- .twikoo .OwO-item img {
764
- width: 3em;
765
- height: auto;
766
- display: inline-block;
767
- }
768
-
769
- /* element-ui overwrite */
770
- .twikoo .el-input__inner,
771
- .twikoo .el-textarea__inner {
772
- color: currentColor;
773
- background-color: transparent;
774
- border-color: rgba(144, 147, 153, 0.31);
775
- }
776
-
777
- .twikoo .el-input__inner:hover,
778
- .twikoo .el-textarea__inner:hover {
779
- border-color: rgba(144, 147, 153, 0.50);
780
- }
781
-
782
- .twikoo .el-input__inner:focus,
783
- .twikoo .el-textarea__inner:focus {
784
- border-color: #409eff;
785
- }
786
-
787
- .twikoo .el-input-group__append,
788
- .twikoo .el-input-group__prepend {
789
- color: currentColor;
790
- background-clip: padding-box;
791
- background-color: rgba(144, 147, 153, 0.13);
792
- border-color: rgba(144, 147, 153, 0.31);
793
- }
794
-
795
- .twikoo .el-button:not(.el-button--primary):not(.el-button--text) {
796
- color: currentColor;
797
- background-color: rgba(144, 147, 153, 0.063);
798
- border-color: rgba(144, 147, 153, 0.31);
799
- }
800
-
801
- .twikoo .el-button:not(.el-button--primary):not(.el-button--text):active,
802
- .twikoo .el-button:not(.el-button--primary):not(.el-button--text):focus,
803
- .twikoo .el-button:not(.el-button--primary):not(.el-button--text):hover {
804
- color: #409eff;
805
- background-color: rgba(64, 158, 255, 0.063);
806
- border-color: rgba(64, 158, 255, 0.50);
807
- }
808
-
809
- .twikoo .el-button--primary.is-disabled,
810
- .twikoo .el-button--primary.is-disabled:active,
811
- .twikoo .el-button--primary.is-disabled:focus,
812
- .twikoo .el-button--primary.is-disabled:hover {
813
- color: rgba(255, 255, 255, 0.63);
814
- background-color: rgba(64, 158, 255, 0.50);
815
- border-color: transparent;
816
- }
817
-
818
- .twikoo .el-loading-mask {
819
- background-color: transparent;
820
- backdrop-filter: opacity(20%);
821
- }
822
-
823
- .twikoo .el-textarea .el-input__count {
824
- color: currentColor;
825
- background: transparent;
826
- }
827
-
828
- .tk-admin-warn {
829
- padding: 1rem 1.5rem;
830
- background-color: #fff7d0;
831
- border-left: 0.5rem solid #e7c000;
832
- color: #6b5900;
833
- align-self: stretch;
834
- }
835
-
836
- .el-button {
837
- display: inline-block;
838
- line-height: 1;
839
- white-space: nowrap;
840
- cursor: pointer;
841
- background: #FFF;
842
- border: 1px solid #DCDFE6;
843
- color: #606266;
844
- -webkit-appearance: none;
845
- text-align: center;
846
- -webkit-box-sizing: border-box;
847
- box-sizing: border-box;
848
- outline: 0;
849
- margin: 0;
850
- -webkit-transition: .1s;
851
- transition: .1s;
852
- font-weight: 500;
853
- -moz-user-select: none;
854
- -webkit-user-select: none;
855
- -ms-user-select: none;
856
- padding: 12px 20px;
857
- font-size: 14px;
858
- border-radius: 4px
859
- }
860
-
861
- .el-button + .el-button {
862
- margin-left: 10px
863
- }
864
-
865
- .el-button:focus, .el-button:hover {
866
- color: #409EFF;
867
- border-color: #c6e2ff;
868
- background-color: #ecf5ff
869
- }
870
-
871
- .el-button:active {
872
- color: #3a8ee6;
873
- border-color: #3a8ee6;
874
- outline: 0
875
- }
876
-
877
- .el-button::-moz-focus-inner {
878
- border: 0
879
- }
880
-
881
- .el-button [class*=el-icon-] + span {
882
- margin-left: 5px
883
- }
884
-
885
- .el-button.is-plain:focus, .el-button.is-plain:hover {
886
- background: #FFF;
887
- border-color: #409EFF;
888
- color: #409EFF
889
- }
890
-
891
- .el-button.is-active, .el-button.is-plain:active {
892
- color: #3a8ee6;
893
- border-color: #3a8ee6
894
- }
895
-
896
- .el-button.is-plain:active {
897
- background: #FFF;
898
- outline: 0
899
- }
900
-
901
- .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
902
- color: #C0C4CC;
903
- cursor: not-allowed;
904
- background-image: none;
905
- background-color: #FFF;
906
- border-color: #EBEEF5
907
- }
908
-
909
- .el-button.is-disabled.el-button--text {
910
- background-color: transparent
911
- }
912
-
913
- .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
914
- background-color: #FFF;
915
- border-color: #EBEEF5;
916
- color: #C0C4CC
917
- }
918
-
919
- .el-button.is-loading {
920
- position: relative;
921
- pointer-events: none
922
- }
923
-
924
- .el-button.is-loading:before {
925
- pointer-events: none;
926
- content: '';
927
- position: absolute;
928
- left: -1px;
929
- top: -1px;
930
- right: -1px;
931
- bottom: -1px;
932
- border-radius: inherit;
933
- background-color: rgba(255, 255, 255, .35)
934
- }
935
-
936
- .el-button.is-round {
937
- border-radius: 20px;
938
- padding: 12px 23px
939
- }
940
-
941
- .el-button.is-circle {
942
- border-radius: 50%;
943
- padding: 12px
944
- }
945
-
946
- .el-button--primary {
947
- color: #FFF;
948
- background-color: #409EFF;
949
- border-color: #409EFF
950
- }
951
-
952
- .el-button--primary:focus, .el-button--primary:hover {
953
- background: #66b1ff;
954
- border-color: #66b1ff;
955
- color: #FFF
956
- }
957
-
958
- .el-button--primary:active {
959
- background: #3a8ee6;
960
- border-color: #3a8ee6;
961
- color: #FFF;
962
- outline: 0
963
- }
964
-
965
- .el-button--primary.is-active {
966
- background: #3a8ee6;
967
- border-color: #3a8ee6;
968
- color: #FFF
969
- }
970
-
971
- .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
972
- color: #FFF;
973
- background-color: #a0cfff;
974
- border-color: #a0cfff
975
- }
976
-
977
- .el-button--primary.is-plain {
978
- color: #409EFF;
979
- background: #ecf5ff;
980
- border-color: #b3d8ff
981
- }
982
-
983
- .el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
984
- background: #409EFF;
985
- border-color: #409EFF;
986
- color: #FFF
987
- }
988
-
989
- .el-button--primary.is-plain:active {
990
- background: #3a8ee6;
991
- border-color: #3a8ee6;
992
- color: #FFF;
993
- outline: 0
994
- }
995
-
996
- .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {
997
- color: #8cc5ff;
998
- background-color: #ecf5ff;
999
- border-color: #d9ecff
1000
- }
1001
-
1002
- .el-button--success {
1003
- color: #FFF;
1004
- background-color: #67C23A;
1005
- border-color: #67C23A
1006
- }
1007
-
1008
- .el-button--success:focus, .el-button--success:hover {
1009
- background: #85ce61;
1010
- border-color: #85ce61;
1011
- color: #FFF
1012
- }
1013
-
1014
- .el-button--success.is-active, .el-button--success:active {
1015
- background: #5daf34;
1016
- border-color: #5daf34;
1017
- color: #FFF
1018
- }
1019
-
1020
- .el-button--success:active {
1021
- outline: 0
1022
- }
1023
-
1024
- .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
1025
- color: #FFF;
1026
- background-color: #b3e19d;
1027
- border-color: #b3e19d
1028
- }
1029
-
1030
- .el-button--success.is-plain {
1031
- color: #67C23A;
1032
- background: #f0f9eb;
1033
- border-color: #c2e7b0
1034
- }
1035
-
1036
- .el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
1037
- background: #67C23A;
1038
- border-color: #67C23A;
1039
- color: #FFF
1040
- }
1041
-
1042
- .el-button--success.is-plain:active {
1043
- background: #5daf34;
1044
- border-color: #5daf34;
1045
- color: #FFF;
1046
- outline: 0
1047
- }
1048
-
1049
- .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover {
1050
- color: #a4da89;
1051
- background-color: #f0f9eb;
1052
- border-color: #e1f3d8
1053
- }
1054
-
1055
- .el-button--warning {
1056
- color: #FFF;
1057
- background-color: #E6A23C;
1058
- border-color: #E6A23C
1059
- }
1060
-
1061
- .el-button--warning:focus, .el-button--warning:hover {
1062
- background: #ebb563;
1063
- border-color: #ebb563;
1064
- color: #FFF
1065
- }
1066
-
1067
- .el-button--warning.is-active, .el-button--warning:active {
1068
- background: #cf9236;
1069
- border-color: #cf9236;
1070
- color: #FFF
1071
- }
1072
-
1073
- .el-button--warning:active {
1074
- outline: 0
1075
- }
1076
-
1077
- .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
1078
- color: #FFF;
1079
- background-color: #f3d19e;
1080
- border-color: #f3d19e
1081
- }
1082
-
1083
- .el-button--warning.is-plain {
1084
- color: #E6A23C;
1085
- background: #fdf6ec;
1086
- border-color: #f5dab1
1087
- }
1088
-
1089
- .el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
1090
- background: #E6A23C;
1091
- border-color: #E6A23C;
1092
- color: #FFF
1093
- }
1094
-
1095
- .el-button--warning.is-plain:active {
1096
- background: #cf9236;
1097
- border-color: #cf9236;
1098
- color: #FFF;
1099
- outline: 0
1100
- }
1101
-
1102
- .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover {
1103
- color: #f0c78a;
1104
- background-color: #fdf6ec;
1105
- border-color: #faecd8
1106
- }
1107
-
1108
- .el-button--danger {
1109
- color: #FFF;
1110
- background-color: #F56C6C;
1111
- border-color: #F56C6C
1112
- }
1113
-
1114
- .el-button--danger:focus, .el-button--danger:hover {
1115
- background: #f78989;
1116
- border-color: #f78989;
1117
- color: #FFF
1118
- }
1119
-
1120
- .el-button--danger.is-active, .el-button--danger:active {
1121
- background: #dd6161;
1122
- border-color: #dd6161;
1123
- color: #FFF
1124
- }
1125
-
1126
- .el-button--danger:active {
1127
- outline: 0
1128
- }
1129
-
1130
- .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
1131
- color: #FFF;
1132
- background-color: #fab6b6;
1133
- border-color: #fab6b6
1134
- }
1135
-
1136
- .el-button--danger.is-plain {
1137
- color: #F56C6C;
1138
- background: #fef0f0;
1139
- border-color: #fbc4c4
1140
- }
1141
-
1142
- .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
1143
- background: #F56C6C;
1144
- border-color: #F56C6C;
1145
- color: #FFF
1146
- }
1147
-
1148
- .el-button--danger.is-plain:active {
1149
- background: #dd6161;
1150
- border-color: #dd6161;
1151
- color: #FFF;
1152
- outline: 0
1153
- }
1154
-
1155
- .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover {
1156
- color: #f9a7a7;
1157
- background-color: #fef0f0;
1158
- border-color: #fde2e2
1159
- }
1160
-
1161
- .el-button--info {
1162
- color: #FFF;
1163
- background-color: #909399;
1164
- border-color: #909399
1165
- }
1166
-
1167
- .el-button--info:focus, .el-button--info:hover {
1168
- background: #a6a9ad;
1169
- border-color: #a6a9ad;
1170
- color: #FFF
1171
- }
1172
-
1173
- .el-button--info.is-active, .el-button--info:active {
1174
- background: #82848a;
1175
- border-color: #82848a;
1176
- color: #FFF
1177
- }
1178
-
1179
- .el-button--info:active {
1180
- outline: 0
1181
- }
1182
-
1183
- .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
1184
- color: #FFF;
1185
- background-color: #c8c9cc;
1186
- border-color: #c8c9cc
1187
- }
1188
-
1189
- .el-button--info.is-plain {
1190
- color: #909399;
1191
- background: #f4f4f5;
1192
- border-color: #d3d4d6
1193
- }
1194
-
1195
- .el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
1196
- background: #909399;
1197
- border-color: #909399;
1198
- color: #FFF
1199
- }
1200
-
1201
- .el-button--info.is-plain:active {
1202
- background: #82848a;
1203
- border-color: #82848a;
1204
- color: #FFF;
1205
- outline: 0
1206
- }
1207
-
1208
- .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover {
1209
- color: #bcbec2;
1210
- background-color: #f4f4f5;
1211
- border-color: #e9e9eb
1212
- }
1213
-
1214
- .el-button--medium {
1215
- padding: 10px 20px;
1216
- font-size: 14px;
1217
- border-radius: 4px
1218
- }
1219
-
1220
- .el-button--mini, .el-button--small {
1221
- font-size: 12px;
1222
- border-radius: 3px
1223
- }
1224
-
1225
- .el-button--medium.is-round {
1226
- padding: 10px 20px
1227
- }
1228
-
1229
- .el-button--medium.is-circle {
1230
- padding: 10px
1231
- }
1232
-
1233
- .el-button--small, .el-button--small.is-round {
1234
- padding: 9px 15px
1235
- }
1236
-
1237
- .el-button--small.is-circle {
1238
- padding: 9px
1239
- }
1240
-
1241
- .el-button--mini, .el-button--mini.is-round {
1242
- padding: 7px 15px
1243
- }
1244
-
1245
- .el-button--mini.is-circle {
1246
- padding: 7px
1247
- }
1248
-
1249
- .el-button--text {
1250
- border-color: transparent;
1251
- color: #409EFF;
1252
- background: 0 0;
1253
- padding-left: 0;
1254
- padding-right: 0
1255
- }
1256
-
1257
- .el-button--text:focus, .el-button--text:hover {
1258
- color: #66b1ff;
1259
- border-color: transparent;
1260
- background-color: transparent
1261
- }
1262
-
1263
- .el-button--text:active {
1264
- color: #3a8ee6;
1265
- border-color: transparent;
1266
- background-color: transparent
1267
- }
1268
-
1269
- .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover {
1270
- border-color: transparent
1271
- }
1272
-
1273
- .el-button-group .el-button--danger:last-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:last-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:last-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:last-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:last-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child), .el-button-group > .el-dropdown > .el-button {
1274
- border-left-color: rgba(255, 255, 255, .5)
1275
- }
1276
-
1277
- .el-button-group .el-button--danger:first-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:first-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:first-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:first-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:first-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
1278
- border-right-color: rgba(255, 255, 255, .5)
1279
- }
1280
-
1281
- .el-button-group {
1282
- display: inline-block;
1283
- vertical-align: middle
1284
- }
1285
-
1286
- .el-button-group::after, .el-button-group::before {
1287
- display: table;
1288
- content: ""
1289
- }
1290
-
1291
- .el-button-group::after {
1292
- clear: both
1293
- }
1294
-
1295
- .el-button-group > .el-button {
1296
- float: left;
1297
- position: relative
1298
- }
1299
-
1300
- .el-button-group > .el-button + .el-button {
1301
- margin-left: 0
1302
- }
1303
-
1304
- .el-button-group > .el-button.is-disabled {
1305
- z-index: 1
1306
- }
1307
-
1308
- .el-button-group > .el-button:first-child {
1309
- border-top-right-radius: 0;
1310
- border-bottom-right-radius: 0
1311
- }
1312
-
1313
- .el-button-group > .el-button:last-child {
1314
- border-top-left-radius: 0;
1315
- border-bottom-left-radius: 0
1316
- }
1317
-
1318
- .el-button-group > .el-button:first-child:last-child {
1319
- border-radius: 4px
1320
- }
1321
-
1322
- .el-button-group > .el-button:first-child:last-child.is-round {
1323
- border-radius: 20px
1324
- }
1325
-
1326
- .el-button-group > .el-button:first-child:last-child.is-circle {
1327
- border-radius: 50%
1328
- }
1329
-
1330
- .el-button-group > .el-button:not(:first-child):not(:last-child) {
1331
- border-radius: 0
1332
- }
1333
-
1334
- .el-button-group > .el-button:not(:last-child) {
1335
- margin-right: -1px
1336
- }
1337
-
1338
- .el-button-group > .el-button.is-active, .el-button-group > .el-button:not(.is-disabled):active, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):hover {
1339
- z-index: 1
1340
- }
1341
-
1342
- .el-button-group > .el-dropdown > .el-button {
1343
- border-top-left-radius: 0;
1344
- border-bottom-left-radius: 0
1345
- }
1346
-
1347
- .el-input__inner, .el-textarea__inner {
1348
- background-image: none;
1349
- -webkit-box-sizing: border-box;
1350
- -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
1351
- }
1352
-
1353
- .el-textarea {
1354
- position: relative;
1355
- display: inline-block;
1356
- width: 100%;
1357
- vertical-align: bottom;
1358
- font-size: 14px
1359
- }
1360
-
1361
- .el-textarea__inner {
1362
- display: block;
1363
- resize: vertical;
1364
- padding: 5px 15px;
1365
- line-height: 1.5;
1366
- box-sizing: border-box;
1367
- width: 100%;
1368
- font-size: inherit;
1369
- color: #606266;
1370
- background-color: #FFF;
1371
- border: 1px solid #DCDFE6;
1372
- border-radius: 4px;
1373
- transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
1374
- }
1375
-
1376
- .el-textarea__inner::-webkit-input-placeholder {
1377
- color: #C0C4CC
1378
- }
1379
-
1380
- .el-textarea__inner:-ms-input-placeholder {
1381
- color: #C0C4CC
1382
- }
1383
-
1384
- .el-textarea__inner::-ms-input-placeholder {
1385
- color: #C0C4CC
1386
- }
1387
-
1388
- .el-textarea__inner::placeholder {
1389
- color: #C0C4CC
1390
- }
1391
-
1392
- .el-textarea__inner:hover {
1393
- border-color: #C0C4CC
1394
- }
1395
-
1396
- .el-textarea__inner:focus {
1397
- outline: 0;
1398
- border-color: #409EFF
1399
- }
1400
-
1401
- .el-textarea .el-input__count {
1402
- color: #909399;
1403
- background: #FFF;
1404
- position: absolute;
1405
- font-size: 12px;
1406
- bottom: 5px;
1407
- right: 10px
1408
- }
1409
-
1410
- .el-textarea.is-disabled .el-textarea__inner {
1411
- background-color: #F5F7FA;
1412
- border-color: #E4E7ED;
1413
- color: #C0C4CC;
1414
- cursor: not-allowed
1415
- }
1416
-
1417
- .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
1418
- color: #C0C4CC
1419
- }
1420
-
1421
- .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
1422
- color: #C0C4CC
1423
- }
1424
-
1425
- .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
1426
- color: #C0C4CC
1427
- }
1428
-
1429
- .el-textarea.is-disabled .el-textarea__inner::placeholder {
1430
- color: #C0C4CC
1431
- }
1432
-
1433
- .el-textarea.is-exceed .el-textarea__inner {
1434
- border-color: #F56C6C
1435
- }
1436
-
1437
- .el-textarea.is-exceed .el-input__count {
1438
- color: #F56C6C
1439
- }
1440
-
1441
- .el-input {
1442
- position: relative;
1443
- font-size: 14px;
1444
- display: inline-block;
1445
- width: 100%
1446
- }
1447
-
1448
- .el-input::-webkit-scrollbar {
1449
- z-index: 11;
1450
- width: 6px
1451
- }
1452
-
1453
- .el-input::-webkit-scrollbar:horizontal {
1454
- height: 6px
1455
- }
1456
-
1457
- .el-input::-webkit-scrollbar-thumb {
1458
- border-radius: 5px;
1459
- width: 6px;
1460
- background: #b4bccc
1461
- }
1462
-
1463
- .el-input::-webkit-scrollbar-corner {
1464
- background: #fff
1465
- }
1466
-
1467
- .el-input::-webkit-scrollbar-track {
1468
- background: #fff
1469
- }
1470
-
1471
- .el-input::-webkit-scrollbar-track-piece {
1472
- background: #fff;
1473
- width: 6px
1474
- }
1475
-
1476
- .el-input .el-input__clear {
1477
- color: #C0C4CC;
1478
- font-size: 14px;
1479
- cursor: pointer;
1480
- -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
1481
- transition: color .2s cubic-bezier(.645, .045, .355, 1)
1482
- }
1483
-
1484
- .el-input .el-input__clear:hover {
1485
- color: #909399
1486
- }
1487
-
1488
- .el-input .el-input__count {
1489
- height: 100%;
1490
- display: -webkit-inline-box;
1491
- display: -ms-inline-flexbox;
1492
- display: inline-flex;
1493
- -webkit-box-align: center;
1494
- -ms-flex-align: center;
1495
- align-items: center;
1496
- color: #909399;
1497
- font-size: 12px
1498
- }
1499
-
1500
- .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input, .el-input__inner {
1501
- font-size: inherit
1502
- }
1503
-
1504
- .el-input .el-input__count .el-input__count-inner {
1505
- background: #FFF;
1506
- line-height: initial;
1507
- display: inline-block;
1508
- padding: 0 5px
1509
- }
1510
-
1511
- .el-input__inner {
1512
- -webkit-appearance: none;
1513
- background-color: #FFF;
1514
- border-radius: 4px;
1515
- border: 1px solid #DCDFE6;
1516
- box-sizing: border-box;
1517
- color: #606266;
1518
- display: inline-block;
1519
- height: 40px;
1520
- line-height: 40px;
1521
- outline: 0;
1522
- padding: 0 15px;
1523
- transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
1524
- width: 100%
1525
- }
1526
-
1527
- .el-input__prefix, .el-input__suffix {
1528
- position: absolute;
1529
- top: 0;
1530
- -webkit-transition: all .3s;
1531
- text-align: center;
1532
- height: 100%;
1533
- color: #C0C4CC
1534
- }
1535
-
1536
- .el-input__inner::-ms-reveal {
1537
- display: none
1538
- }
1539
-
1540
- .el-input__inner::-webkit-input-placeholder {
1541
- color: #C0C4CC
1542
- }
1543
-
1544
- .el-input__inner:-ms-input-placeholder {
1545
- color: #C0C4CC
1546
- }
1547
-
1548
- .el-input__inner::-ms-input-placeholder {
1549
- color: #C0C4CC
1550
- }
1551
-
1552
- .el-input__inner::placeholder {
1553
- color: #C0C4CC
1554
- }
1555
-
1556
- .el-input__inner:hover {
1557
- border-color: #C0C4CC
1558
- }
1559
-
1560
- .el-input.is-active .el-input__inner, .el-input__inner:focus {
1561
- border-color: #409EFF;
1562
- outline: 0
1563
- }
1564
-
1565
- .el-input__suffix {
1566
- right: 5px;
1567
- transition: all .3s;
1568
- pointer-events: none
1569
- }
1570
-
1571
- .el-input__suffix-inner {
1572
- pointer-events: all
1573
- }
1574
-
1575
- .el-input__prefix {
1576
- left: 5px;
1577
- transition: all .3s
1578
- }
1579
-
1580
- .el-input__icon {
1581
- height: 100%;
1582
- width: 25px;
1583
- text-align: center;
1584
- -webkit-transition: all .3s;
1585
- transition: all .3s;
1586
- line-height: 40px
1587
- }
1588
-
1589
- .el-input__icon:after {
1590
- content: '';
1591
- height: 100%;
1592
- width: 0;
1593
- display: inline-block;
1594
- vertical-align: middle
1595
- }
1596
-
1597
- .el-input__validateIcon {
1598
- pointer-events: none
1599
- }
1600
-
1601
- .el-input.is-disabled .el-input__inner {
1602
- background-color: #F5F7FA;
1603
- border-color: #E4E7ED;
1604
- color: #C0C4CC;
1605
- cursor: not-allowed
1606
- }
1607
-
1608
- .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
1609
- color: #C0C4CC
1610
- }
1611
-
1612
- .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
1613
- color: #C0C4CC
1614
- }
1615
-
1616
- .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
1617
- color: #C0C4CC
1618
- }
1619
-
1620
- .el-input.is-disabled .el-input__inner::placeholder {
1621
- color: #C0C4CC
1622
- }
1623
-
1624
- .el-input.is-disabled .el-input__icon {
1625
- cursor: not-allowed
1626
- }
1627
-
1628
- .el-input.is-exceed .el-input__inner {
1629
- border-color: #F56C6C
1630
- }
1631
-
1632
- .el-input.is-exceed .el-input__suffix .el-input__count {
1633
- color: #F56C6C
1634
- }
1635
-
1636
- .el-input--suffix .el-input__inner {
1637
- padding-right: 30px
1638
- }
1639
-
1640
- .el-input--prefix .el-input__inner {
1641
- padding-left: 30px
1642
- }
1643
-
1644
- .el-input--medium {
1645
- font-size: 14px
1646
- }
1647
-
1648
- .el-input--medium .el-input__inner {
1649
- height: 36px;
1650
- line-height: 36px
1651
- }
1652
-
1653
- .el-input--medium .el-input__icon {
1654
- line-height: 36px
1655
- }
1656
-
1657
- .el-input--small {
1658
- font-size: 13px
1659
- }
1660
-
1661
- .el-input--small .el-input__inner {
1662
- height: 32px;
1663
- line-height: 32px
1664
- }
1665
-
1666
- .el-input--small .el-input__icon {
1667
- line-height: 32px
1668
- }
1669
-
1670
- .el-input--mini {
1671
- font-size: 12px
1672
- }
1673
-
1674
- .el-input--mini .el-input__inner {
1675
- height: 28px;
1676
- line-height: 28px
1677
- }
1678
-
1679
- .el-input--mini .el-input__icon {
1680
- line-height: 28px
1681
- }
1682
-
1683
- .el-input-group {
1684
- line-height: normal;
1685
- display: inline-table;
1686
- width: 100%;
1687
- border-collapse: separate;
1688
- border-spacing: 0
1689
- }
1690
-
1691
- .el-input-group > .el-input__inner {
1692
- vertical-align: middle;
1693
- display: table-cell
1694
- }
1695
-
1696
- .el-input-group__append, .el-input-group__prepend {
1697
- background-color: #F5F7FA;
1698
- color: #909399;
1699
- vertical-align: middle;
1700
- display: table-cell;
1701
- position: relative;
1702
- border: 1px solid #DCDFE6;
1703
- border-radius: 4px;
1704
- padding: 0 20px;
1705
- width: 1px;
1706
- white-space: nowrap
1707
- }
1708
-
1709
- .el-input-group--prepend .el-input__inner, .el-input-group__append {
1710
- border-top-left-radius: 0;
1711
- border-bottom-left-radius: 0
1712
- }
1713
-
1714
- .el-input-group--append .el-input__inner, .el-input-group__prepend {
1715
- border-top-right-radius: 0;
1716
- border-bottom-right-radius: 0
1717
- }
1718
-
1719
- .el-input-group__append:focus, .el-input-group__prepend:focus {
1720
- outline: 0
1721
- }
1722
-
1723
- .el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
1724
- display: inline-block;
1725
- margin: -10px -20px
1726
- }
1727
-
1728
- .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
1729
- border-color: transparent;
1730
- background-color: transparent;
1731
- color: inherit;
1732
- border-top: 0;
1733
- border-bottom: 0
1734
- }
1735
-
1736
- .el-input-group__prepend {
1737
- border-right: 0
1738
- }
1739
-
1740
- .el-input-group__append {
1741
- border-left: 0
1742
- }
1743
-
1744
- .el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
1745
- border-color: transparent
1746
- }
1747
-
1748
- .el-input__inner::-ms-clear {
1749
- display: none;
1750
- width: 0;
1751
- height: 0
1752
- }
1753
-
1754
- .el-loading-parent--relative {
1755
- position: relative !important
1756
- }
1757
-
1758
- .el-loading-parent--hidden {
1759
- overflow: hidden !important
1760
- }
1761
-
1762
- .el-loading-mask {
1763
- position: absolute;
1764
- z-index: 2000;
1765
- background-color: rgba(255, 255, 255, .9);
1766
- margin: 0;
1767
- top: 0;
1768
- right: 0;
1769
- bottom: 0;
1770
- left: 0;
1771
- -webkit-transition: opacity .3s;
1772
- transition: opacity .3s
1773
- }
1774
-
1775
- .el-loading-mask.is-fullscreen {
1776
- position: fixed
1777
- }
1778
-
1779
- .el-loading-mask.is-fullscreen .el-loading-spinner {
1780
- margin-top: -25px
1781
- }
1782
-
1783
- .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
1784
- height: 50px;
1785
- width: 50px
1786
- }
1787
-
1788
- .el-loading-spinner {
1789
- top: 50%;
1790
- margin-top: -21px;
1791
- width: 100%;
1792
- text-align: center;
1793
- position: absolute
1794
- }
1795
-
1796
- .el-loading-spinner .el-loading-text {
1797
- color: #409EFF;
1798
- margin: 3px 0;
1799
- font-size: 14px
1800
- }
1801
-
1802
- .el-loading-spinner .circular {
1803
- height: 42px;
1804
- width: 42px;
1805
- -webkit-animation: loading-rotate 2s linear infinite;
1806
- animation: loading-rotate 2s linear infinite
1807
- }
1808
-
1809
- .el-loading-spinner .path {
1810
- -webkit-animation: loading-dash 1.5s ease-in-out infinite;
1811
- animation: loading-dash 1.5s ease-in-out infinite;
1812
- stroke-dasharray: 90, 150;
1813
- stroke-dashoffset: 0;
1814
- stroke-width: 2;
1815
- stroke: #409EFF;
1816
- stroke-linecap: round
1817
- }
1818
-
1819
- .el-loading-spinner i {
1820
- color: #409EFF
1821
- }
1822
-
1823
- .el-loading-fade-enter, .el-loading-fade-leave-active {
1824
- opacity: 0
1825
- }
1826
-
1827
- @-webkit-keyframes loading-rotate {
1828
- 100% {
1829
- -webkit-transform: rotate(360deg);
1830
- transform: rotate(360deg)
1831
- }
1832
- }
1833
-
1834
- @keyframes loading-rotate {
1835
- 100% {
1836
- -webkit-transform: rotate(360deg);
1837
- transform: rotate(360deg)
1838
- }
1839
- }
1840
-
1841
- @-webkit-keyframes loading-dash {
1842
- 0% {
1843
- stroke-dasharray: 1, 200;
1844
- stroke-dashoffset: 0
1845
- }
1846
- 50% {
1847
- stroke-dasharray: 90, 150;
1848
- stroke-dashoffset: -40px
1849
- }
1850
- 100% {
1851
- stroke-dasharray: 90, 150;
1852
- stroke-dashoffset: -120px
1853
- }
1854
- }
1855
-
1856
- @keyframes loading-dash {
1857
- 0% {
1858
- stroke-dasharray: 1, 200;
1859
- stroke-dashoffset: 0
1860
- }
1861
- 50% {
1862
- stroke-dasharray: 90, 150;
1863
- stroke-dashoffset: -40px
1864
- }
1865
- 100% {
1866
- stroke-dasharray: 90, 150;
1867
- stroke-dashoffset: -120px
1868
- }
1869
- }
1870
-
1871
- /*!
1872
- * OwO v1.0.2
1873
- * Source: https://github.com/DIYgod/OwO/blob/master/dist/OwO.min.css
1874
- * Author: DIYgod
1875
- * Modified by: iMaeGoo
1876
- * Released under the MIT License.
1877
- */
1878
-
1879
- .OwO {
1880
- -webkit-user-select: none;
1881
- -moz-user-select: none;
1882
- -ms-user-select: none;
1883
- user-select: none;
1884
- }
1885
-
1886
- .OwO.OwO-open .OwO-body {
1887
- display: block;
1888
- }
1889
-
1890
- .OwO .OwO-logo {
1891
- width: 1.125em;
1892
- display: flex;
1893
- }
1894
-
1895
- .OwO .OwO-body {
1896
- display: none;
1897
- position: absolute;
1898
- left: 0;
1899
- right: 0;
1900
- max-width: 500px;
1901
- color: #4a4a4a;
1902
- background-color: #ffffff;
1903
- border: 1px solid rgba(144, 147, 153, 0.31);
1904
- top: 2em;
1905
- border-radius: 0 4px 4px;
1906
- z-index: 1000;
1907
- }
1908
-
1909
- .night .OwO .OwO-body,
1910
- .darkmode .OwO .OwO-body,
1911
- .DarkMode .OwO .OwO-body,
1912
- [data-theme="dark"] .OwO .OwO-body,
1913
- [data-user-color-scheme="dark"] .OwO .OwO-body {
1914
- color: #ffffff;
1915
- background-color: #4a4a4a;
1916
- }
1917
-
1918
- .OwO .OwO-body .OwO-items {
1919
- -webkit-user-select: none;
1920
- -moz-user-select: none;
1921
- -ms-user-select: none;
1922
- user-select: none;
1923
- display: none;
1924
- padding: 10px;
1925
- padding-right: 0;
1926
- margin: 0;
1927
- overflow: auto;
1928
- font-size: 0;
1929
- }
1930
-
1931
- .OwO .OwO-body .OwO-items .OwO-item {
1932
- list-style-type: none;
1933
- padding: 5px 10px;
1934
- border-radius: 5px;
1935
- display: inline-block;
1936
- font-size: 12px;
1937
- line-height: 14px;
1938
- margin: 0 10px 12px 0;
1939
- cursor: pointer;
1940
- -webkit-transition: .3s;
1941
- transition: .3s;
1942
- }
1943
-
1944
- .OwO .OwO-body .OwO-items .OwO-item:hover {
1945
- background-color: rgba(144, 147, 153, 0.13);
1946
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
1947
- }
1948
-
1949
- .OwO .OwO-body .OwO-items-emoji .OwO-item {
1950
- font-size: 20px;
1951
- line-height: 19px;
1952
- }
1953
-
1954
- .OwO .OwO-body .OwO-items-image .OwO-item {
1955
- max-width: calc(25% - 10px);
1956
- box-sizing: border-box;
1957
- }
1958
-
1959
- .OwO .OwO-body .OwO-items-image .OwO-item img {
1960
- max-width: 100%;
1961
- }
1962
-
1963
- .OwO .OwO-body .OwO-items-show {
1964
- display: block;
1965
- }
1966
-
1967
- .OwO .OwO-body .OwO-bar {
1968
- width: 100%;
1969
- border-top: 1px solid rgba(144, 147, 153, 0.31);
1970
- border-radius: 0 0 4px 4px;
1971
- }
1972
-
1973
- .OwO .OwO-body .OwO-bar .OwO-packages {
1974
- margin: 0;
1975
- padding: 0;
1976
- font-size: 0;
1977
- }
1978
-
1979
- .OwO .OwO-body .OwO-bar .OwO-packages li {
1980
- list-style-type: none;
1981
- display: inline-block;
1982
- line-height: 30px;
1983
- font-size: 14px;
1984
- padding: 0 10px;
1985
- cursor: pointer;
1986
- margin-right: 3px;
1987
- }
1988
-
1989
- .OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
1990
- border-radius: 0 0 0 3px;
1991
- }
1992
-
1993
- .OwO .OwO-body .OwO-bar .OwO-packages li:hover {
1994
- background-color: rgba(144, 147, 153, 0.13);
1995
- }
1996
-
1997
- .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
1998
- background-color: rgba(144, 147, 153, 0.13);
1999
- -webkit-transition: .3s;
2000
- transition: .3s;
2001
- }
2002
-