##// END OF EJS Templates
sweetalert: updated theme.
marcink -
r4315:2cac6d75 default
parent child Browse files
Show More
@@ -5,80 +5,97 b''
5 5 padding: 0.625em;
6 6 overflow-y: hidden;
7 7 background: #fff;
8 box-shadow: 0 0 0.625em #d9d9d9;
8 box-shadow: none;
9 9 }
10
10 11 .swal2-popup.swal2-toast .swal2-header {
11 12 flex-direction: row;
12 13 }
14
13 15 .swal2-popup.swal2-toast .swal2-title {
14 16 flex-grow: 1;
15 17 justify-content: flex-start;
16 18 margin: 0 0.6em;
17 19 font-size: 1em;
18 20 }
21
19 22 .swal2-popup.swal2-toast .swal2-footer {
20 23 margin: 0.5em 0 0;
21 24 padding: 0.5em 0 0;
22 25 font-size: 0.8em;
23 26 }
27
24 28 .swal2-popup.swal2-toast .swal2-close {
25 29 position: static;
26 30 width: 0.8em;
27 31 height: 0.8em;
28 32 line-height: 0.8;
29 33 }
34
30 35 .swal2-popup.swal2-toast .swal2-content {
31 36 justify-content: flex-start;
32 37 font-size: 1em;
33 38 }
39
34 40 .swal2-popup.swal2-toast .swal2-icon {
35 41 width: 2em;
36 42 min-width: 2em;
37 43 height: 2em;
38 44 margin: 0;
39 45 }
46
40 47 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
41 48 display: flex;
42 49 align-items: center;
43 50 font-size: 1.8em;
44 51 font-weight: bold;
45 52 }
53
46 54 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
47 55 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
48 56 font-size: 0.25em;
49 57 }
50 58 }
59
51 60 .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
52 61 width: 2em;
53 62 height: 2em;
54 63 }
64
55 65 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
56 66 top: 0.875em;
57 67 width: 1.375em;
58 68 }
69
59 70 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
60 71 left: 0.3125em;
61 72 }
73
62 74 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
63 75 right: 0.3125em;
64 76 }
77
65 78 .swal2-popup.swal2-toast .swal2-actions {
66 79 flex-basis: auto !important;
67 80 width: auto;
68 81 height: auto;
69 82 margin: 0 0.3125em;
70 83 }
84
71 85 .swal2-popup.swal2-toast .swal2-styled {
72 86 margin: 0 0.3125em;
73 87 padding: 0.3125em 0.625em;
74 88 font-size: 1em;
75 89 }
90
76 91 .swal2-popup.swal2-toast .swal2-styled:focus {
77 92 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
78 93 }
94
79 95 .swal2-popup.swal2-toast .swal2-success {
80 96 border-color: @alert1;
81 97 }
98
82 99 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
83 100 position: absolute;
84 101 width: 1.6em;
@@ -86,6 +103,7 b''
86 103 transform: rotate(45deg);
87 104 border-radius: 50%;
88 105 }
106
89 107 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
90 108 top: -0.8em;
91 109 left: -0.5em;
@@ -93,50 +111,60 b''
93 111 transform-origin: 2em 2em;
94 112 border-radius: 4em 0 0 4em;
95 113 }
114
96 115 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
97 116 top: -0.25em;
98 117 left: 0.9375em;
99 118 transform-origin: 0 1.5em;
100 119 border-radius: 0 4em 4em 0;
101 120 }
121
102 122 .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
103 123 width: 2em;
104 124 height: 2em;
105 125 }
126
106 127 .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
107 128 top: 0;
108 129 left: 0.4375em;
109 130 width: 0.4375em;
110 131 height: 2.6875em;
111 132 }
133
112 134 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
113 135 height: 0.3125em;
114 136 }
137
115 138 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
116 139 top: 1.125em;
117 140 left: 0.1875em;
118 141 width: 0.75em;
119 142 }
143
120 144 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
121 145 top: 0.9375em;
122 146 right: 0.1875em;
123 147 width: 1.375em;
124 148 }
149
125 150 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
126 151 -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
127 animation: swal2-toast-animate-success-line-tip 0.75s;
152 animation: swal2-toast-animate-success-line-tip 0.75s;
128 153 }
154
129 155 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
130 156 -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
131 animation: swal2-toast-animate-success-line-long 0.75s;
157 animation: swal2-toast-animate-success-line-long 0.75s;
132 158 }
159
133 160 .swal2-popup.swal2-toast.swal2-show {
134 161 -webkit-animation: swal2-toast-show 0.5s;
135 animation: swal2-toast-show 0.5s;
162 animation: swal2-toast-show 0.5s;
136 163 }
164
137 165 .swal2-popup.swal2-toast.swal2-hide {
138 166 -webkit-animation: swal2-toast-hide 0.1s forwards;
139 animation: swal2-toast-hide 0.1s forwards;
167 animation: swal2-toast-hide 0.1s forwards;
140 168 }
141 169
142 170 .swal2-container {
@@ -155,85 +183,111 b''
155 183 transition: background-color 0.1s;
156 184 -webkit-overflow-scrolling: touch;
157 185 }
186
158 187 .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
159 188 background: rgba(0, 0, 0, 0.4);
160 189 }
190
161 191 .swal2-container.swal2-backdrop-hide {
162 192 background: transparent !important;
163 193 }
194
164 195 .swal2-container.swal2-top {
165 196 align-items: flex-start;
166 197 }
198
167 199 .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
168 200 align-items: flex-start;
169 201 justify-content: flex-start;
170 202 }
203
171 204 .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
172 205 align-items: flex-start;
173 206 justify-content: flex-end;
174 207 }
208
175 209 .swal2-container.swal2-center {
176 210 align-items: center;
177 211 }
212
178 213 .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
179 214 align-items: center;
180 215 justify-content: flex-start;
181 216 }
217
182 218 .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
183 219 align-items: center;
184 220 justify-content: flex-end;
185 221 }
222
186 223 .swal2-container.swal2-bottom {
187 224 align-items: flex-end;
188 225 }
226
189 227 .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
190 228 align-items: flex-end;
191 229 justify-content: flex-start;
192 230 }
231
193 232 .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
194 233 align-items: flex-end;
195 234 justify-content: flex-end;
196 235 }
197 .swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
236
237 .swal2-container.swal2-bottom > :first-child,
238 .swal2-container.swal2-bottom-start > :first-child,
239 .swal2-container.swal2-bottom-left > :first-child,
240 .swal2-container.swal2-bottom-end > :first-child,
241 .swal2-container.swal2-bottom-right > :first-child {
198 242 margin-top: auto;
199 243 }
244
200 245 .swal2-container.swal2-grow-fullscreen > .swal2-modal {
201 246 display: flex !important;
202 247 flex: 1;
203 248 align-self: stretch;
204 249 justify-content: center;
205 250 }
251
206 252 .swal2-container.swal2-grow-row > .swal2-modal {
207 253 display: flex !important;
208 254 flex: 1;
209 255 align-content: center;
210 256 justify-content: center;
211 257 }
258
212 259 .swal2-container.swal2-grow-column {
213 260 flex: 1;
214 261 flex-direction: column;
215 262 }
263
216 264 .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
217 265 align-items: center;
218 266 }
267
219 268 .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
220 269 align-items: flex-start;
221 270 }
271
222 272 .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
223 273 align-items: flex-end;
224 274 }
275
225 276 .swal2-container.swal2-grow-column > .swal2-modal {
226 277 display: flex !important;
227 278 flex: 1;
228 279 align-content: center;
229 280 justify-content: center;
230 281 }
282
231 283 .swal2-container.swal2-no-transition {
232 284 transition: none !important;
233 285 }
286
234 287 .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
235 288 margin: auto;
236 289 }
290
237 291 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
238 292 .swal2-container .swal2-modal {
239 293 margin: 0 !important;
@@ -250,14 +304,16 b''
250 304 max-width: 100%;
251 305 padding: 1.25em;
252 306 border: none;
253 border-radius: 0.3125em;
307 border-radius: 0;
254 308 background: #fff;
255 309 font-family: inherit;
256 310 font-size: 1rem;
257 311 }
312
258 313 .swal2-popup:focus {
259 314 outline: none;
260 315 }
316
261 317 .swal2-popup.swal2-loading {
262 318 overflow-y: hidden;
263 319 }
@@ -290,15 +346,19 b''
290 346 width: 100%;
291 347 margin: 1.25em auto 0;
292 348 }
349
293 350 .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
294 351 opacity: 0.4;
295 352 }
353
296 354 .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
297 355 background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
298 356 }
357
299 358 .swal2-actions:not(.swal2-loading) .swal2-styled:active {
300 359 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
301 360 }
361
302 362 .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
303 363 box-sizing: border-box;
304 364 width: 2.5em;
@@ -306,7 +366,7 b''
306 366 margin: 0.46875em;
307 367 padding: 0;
308 368 -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
309 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
369 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
310 370 border: 0.25em solid transparent;
311 371 border-radius: 100%;
312 372 border-color: transparent;
@@ -314,14 +374,16 b''
314 374 color: transparent !important;
315 375 cursor: default;
316 376 -webkit-user-select: none;
317 -moz-user-select: none;
318 -ms-user-select: none;
319 user-select: none;
377 -moz-user-select: none;
378 -ms-user-select: none;
379 user-select: none;
320 380 }
381
321 382 .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
322 383 margin-right: 30px;
323 384 margin-left: 30px;
324 385 }
386
325 387 .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
326 388 content: "";
327 389 display: inline-block;
@@ -329,7 +391,7 b''
329 391 height: 15px;
330 392 margin-left: 5px;
331 393 -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
332 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
394 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
333 395 border: 3px solid #999999;
334 396 border-radius: 50%;
335 397 border-right-color: transparent;
@@ -342,29 +404,34 b''
342 404 box-shadow: none;
343 405 font-weight: 500;
344 406 }
407
345 408 .swal2-styled:not([disabled]) {
346 409 cursor: pointer;
347 410 }
411
348 412 .swal2-styled.swal2-confirm {
349 413 border: 0;
350 border-radius: 0.25em;
414 border-radius: 0;
351 415 background: initial;
352 416 background-color: @alert4;
353 417 color: #fff;
354 418 font-size: 1.0625em;
355 419 }
420
356 421 .swal2-styled.swal2-cancel {
357 422 border: 0;
358 border-radius: 0.25em;
423 border-radius: 0;
359 424 background: initial;
360 425 background-color: #aaa;
361 426 color: #fff;
362 427 font-size: 1.0625em;
363 428 }
429
364 430 .swal2-styled:focus {
365 431 outline: none;
366 432 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
367 433 }
434
368 435 .swal2-styled::-moz-focus-inner {
369 436 border: 0;
370 437 }
@@ -385,8 +452,8 b''
385 452 left: 0;
386 453 height: 0.25em;
387 454 overflow: hidden;
388 border-bottom-right-radius: 0.3125em;
389 border-bottom-left-radius: 0.3125em;
455 border-bottom-right-radius: 0;
456 border-bottom-left-radius: 0;
390 457 }
391 458
392 459 .swal2-timer-progress-bar {
@@ -403,6 +470,7 b''
403 470 .swal2-close {
404 471 position: absolute;
405 472 z-index: 2;
473 /* 1617 */
406 474 top: 0;
407 475 right: 0;
408 476 align-items: center;
@@ -421,11 +489,13 b''
421 489 line-height: 1.2;
422 490 cursor: pointer;
423 491 }
492
424 493 .swal2-close:hover {
425 494 transform: none;
426 495 background: transparent;
427 496 color: #f27474;
428 497 }
498
429 499 .swal2-close::-moz-focus-inner {
430 500 border: 0;
431 501 }
@@ -457,20 +527,22 b''
457 527 .swal2-textarea {
458 528 box-sizing: border-box;
459 529 width: 100%;
460 transition: border-color 0.3s, box-shadow 0.3s;
530 transition: initial;
461 531 border: 1px solid #d9d9d9;
462 border-radius: 0.1875em;
532 border-radius: 0;
463 533 background: inherit;
464 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
534 box-shadow: none;
465 535 color: inherit;
466 536 font-size: 1.125em;
467 537 }
538
468 539 .swal2-input.swal2-inputerror,
469 540 .swal2-file.swal2-inputerror,
470 541 .swal2-textarea.swal2-inputerror {
471 542 border-color: #f27474 !important;
472 543 box-shadow: 0 0 2px #f27474 !important;
473 544 }
545
474 546 .swal2-input:focus,
475 547 .swal2-file:focus,
476 548 .swal2-textarea:focus {
@@ -478,18 +550,23 b''
478 550 outline: none;
479 551 box-shadow: 0 0 3px #c4e6f5;
480 552 }
553
481 554 .swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
482 555 color: #cccccc;
483 556 }
557
484 558 .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
485 559 color: #cccccc;
486 560 }
561
487 562 .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
488 563 color: #cccccc;
489 564 }
565
490 566 .swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
491 567 color: #cccccc;
492 568 }
569
493 570 .swal2-input::placeholder,
494 571 .swal2-file::placeholder,
495 572 .swal2-textarea::placeholder {
@@ -500,15 +577,18 b''
500 577 margin: 1em auto;
501 578 background: #fff;
502 579 }
580
503 581 .swal2-range input {
504 582 width: 80%;
505 583 }
584
506 585 .swal2-range output {
507 586 width: 20%;
508 587 color: inherit;
509 588 font-weight: 600;
510 589 text-align: center;
511 590 }
591
512 592 .swal2-range input,
513 593 .swal2-range output {
514 594 height: 2.625em;
@@ -521,6 +601,7 b''
521 601 height: 2.625em;
522 602 padding: 0 0.75em;
523 603 }
604
524 605 .swal2-input[type=number] {
525 606 max-width: 10em;
526 607 }
@@ -551,11 +632,13 b''
551 632 background: #fff;
552 633 color: inherit;
553 634 }
635
554 636 .swal2-radio label,
555 637 .swal2-checkbox label {
556 638 margin: 0 0.6em;
557 639 font-size: 1.125em;
558 640 }
641
559 642 .swal2-radio input,
560 643 .swal2-checkbox input {
561 644 margin: 0 0.4em;
@@ -572,6 +655,7 b''
572 655 font-size: 1em;
573 656 font-weight: 300;
574 657 }
658
575 659 .swal2-validation-message::before {
576 660 content: "!";
577 661 display: inline-block;
@@ -600,23 +684,27 b''
600 684 line-height: 5em;
601 685 cursor: default;
602 686 -webkit-user-select: none;
603 -moz-user-select: none;
604 -ms-user-select: none;
605 user-select: none;
687 -moz-user-select: none;
688 -ms-user-select: none;
689 user-select: none;
606 690 }
691
607 692 .swal2-icon .swal2-icon-content {
608 693 display: flex;
609 694 align-items: center;
610 695 font-size: 3.75em;
611 696 }
697
612 698 .swal2-icon.swal2-error {
613 699 border-color: @alert2;
614 700 color: @alert2;
615 701 }
702
616 703 .swal2-icon.swal2-error .swal2-x-mark {
617 704 position: relative;
618 705 flex-grow: 1;
619 706 }
707
620 708 .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
621 709 display: block;
622 710 position: absolute;
@@ -626,38 +714,47 b''
626 714 border-radius: 0.125em;
627 715 background-color: @alert2;
628 716 }
717
629 718 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
630 719 left: 1.0625em;
631 720 transform: rotate(45deg);
632 721 }
722
633 723 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
634 724 right: 1em;
635 725 transform: rotate(-45deg);
636 726 }
727
637 728 .swal2-icon.swal2-error.swal2-icon-show {
638 729 //-webkit-animation: swal2-animate-error-icon 0.5s;
639 730 // animation: swal2-animate-error-icon 0.5s;
640 731 }
732
641 733 .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
642 734 //-webkit-animation: swal2-animate-error-x-mark 0.5s;
643 735 // animation: swal2-animate-error-x-mark 0.5s;
644 736 }
737
645 738 .swal2-icon.swal2-warning {
646 739 border-color: @alert3;
647 740 color: @alert3;
648 741 }
742
649 743 .swal2-icon.swal2-info {
650 744 border-color: #9de0f6;
651 745 color: #3fc3ee;
652 746 }
747
653 748 .swal2-icon.swal2-question {
654 749 border-color: #c9dae1;
655 750 color: #87adbd;
656 751 }
752
657 753 .swal2-icon.swal2-success {
658 754 border-color: @alert1;
659 755 color: @alert1;
660 756 }
757
661 758 .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
662 759 position: absolute;
663 760 width: 3.75em;
@@ -665,6 +762,7 b''
665 762 transform: rotate(45deg);
666 763 border-radius: 50%;
667 764 }
765
668 766 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
669 767 top: -0.4375em;
670 768 left: -2.0635em;
@@ -672,6 +770,7 b''
672 770 transform-origin: 3.75em 3.75em;
673 771 border-radius: 7.5em 0 0 7.5em;
674 772 }
773
675 774 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
676 775 top: -0.6875em;
677 776 left: 1.875em;
@@ -679,6 +778,7 b''
679 778 transform-origin: 0 3.75em;
680 779 border-radius: 0 7.5em 7.5em 0;
681 780 }
781
682 782 .swal2-icon.swal2-success .swal2-success-ring {
683 783 position: absolute;
684 784 z-index: 2;
@@ -690,6 +790,7 b''
690 790 border: 0.25em solid rgba(165, 220, 134, 0.3);
691 791 border-radius: 50%;
692 792 }
793
693 794 .swal2-icon.swal2-success .swal2-success-fix {
694 795 position: absolute;
695 796 z-index: 1;
@@ -699,6 +800,7 b''
699 800 height: 5.625em;
700 801 transform: rotate(-45deg);
701 802 }
803
702 804 .swal2-icon.swal2-success [class^=swal2-success-line] {
703 805 display: block;
704 806 position: absolute;
@@ -707,29 +809,34 b''
707 809 border-radius: 0.125em;
708 810 background-color: @alert1;
709 811 }
812
710 813 .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
711 814 top: 2.875em;
712 815 left: 0.8125em;
713 816 width: 1.5625em;
714 817 transform: rotate(45deg);
715 818 }
819
716 820 .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
717 821 top: 2.375em;
718 822 right: 0.5em;
719 823 width: 2.9375em;
720 824 transform: rotate(-45deg);
721 825 }
826
722 827 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
723 828 -webkit-animation: swal2-animate-success-line-tip 0.75s;
724 animation: swal2-animate-success-line-tip 0.75s;
829 animation: swal2-animate-success-line-tip 0.75s;
725 830 }
831
726 832 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
727 833 -webkit-animation: swal2-animate-success-line-long 0.75s;
728 animation: swal2-animate-success-line-long 0.75s;
834 animation: swal2-animate-success-line-long 0.75s;
729 835 }
836
730 837 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
731 838 -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
732 animation: swal2-rotate-success-circular-line 4.25s ease-in;
839 animation: swal2-rotate-success-circular-line 4.25s ease-in;
733 840 }
734 841
735 842 .swal2-progress-steps {
@@ -739,10 +846,12 b''
739 846 background: inherit;
740 847 font-weight: 600;
741 848 }
849
742 850 .swal2-progress-steps li {
743 851 display: inline-block;
744 852 position: relative;
745 853 }
854
746 855 .swal2-progress-steps .swal2-progress-step {
747 856 z-index: 20;
748 857 width: 2em;
@@ -753,16 +862,20 b''
753 862 line-height: 2em;
754 863 text-align: center;
755 864 }
865
756 866 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
757 867 background: #3085d6;
758 868 }
869
759 870 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
760 871 background: #add8e6;
761 872 color: #fff;
762 873 }
874
763 875 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
764 876 background: #add8e6;
765 877 }
878
766 879 .swal2-progress-steps .swal2-progress-step-line {
767 880 z-index: 10;
768 881 width: 2.5em;
@@ -777,12 +890,12 b''
777 890
778 891 .swal2-show {
779 892 -webkit-animation: swal2-show 0.3s;
780 animation: swal2-show 0.3s;
893 animation: swal2-show 0.3s;
781 894 }
782 895
783 896 .swal2-hide {
784 897 -webkit-animation: swal2-hide 0.15s forwards;
785 animation: swal2-hide 0.15s forwards;
898 animation: swal2-hide 0.15s forwards;
786 899 }
787 900
788 901 .swal2-noanimation {
@@ -801,6 +914,7 b''
801 914 right: auto;
802 915 left: 0;
803 916 }
917
804 918 .swal2-rtl .swal2-timer-progress-bar {
805 919 right: 0;
806 920 left: auto;
@@ -810,23 +924,28 b''
810 924 .swal2-range input {
811 925 width: 100% !important;
812 926 }
927
813 928 .swal2-range output {
814 929 display: none;
815 930 }
816 931 }
932
817 933 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
818 934 .swal2-range input {
819 935 width: 100% !important;
820 936 }
937
821 938 .swal2-range output {
822 939 display: none;
823 940 }
824 941 }
942
825 943 @-moz-document url-prefix() {
826 944 .swal2-close:focus {
827 945 outline: 2px solid rgba(50, 100, 150, 0.4);
828 946 }
829 947 }
948
830 949 @-webkit-keyframes swal2-toast-show {
831 950 0% {
832 951 transform: translateY(-0.625em) rotateZ(2deg);
@@ -841,6 +960,7 b''
841 960 transform: translateY(0) rotateZ(0deg);
842 961 }
843 962 }
963
844 964 @keyframes swal2-toast-show {
845 965 0% {
846 966 transform: translateY(-0.625em) rotateZ(2deg);
@@ -855,18 +975,21 b''
855 975 transform: translateY(0) rotateZ(0deg);
856 976 }
857 977 }
978
858 979 @-webkit-keyframes swal2-toast-hide {
859 980 100% {
860 981 transform: rotateZ(1deg);
861 982 opacity: 0;
862 983 }
863 984 }
985
864 986 @keyframes swal2-toast-hide {
865 987 100% {
866 988 transform: rotateZ(1deg);
867 989 opacity: 0;
868 990 }
869 991 }
992
870 993 @-webkit-keyframes swal2-toast-animate-success-line-tip {
871 994 0% {
872 995 top: 0.5625em;
@@ -894,6 +1017,7 b''
894 1017 width: 0.75em;
895 1018 }
896 1019 }
1020
897 1021 @keyframes swal2-toast-animate-success-line-tip {
898 1022 0% {
899 1023 top: 0.5625em;
@@ -921,6 +1045,7 b''
921 1045 width: 0.75em;
922 1046 }
923 1047 }
1048
924 1049 @-webkit-keyframes swal2-toast-animate-success-line-long {
925 1050 0% {
926 1051 top: 1.625em;
@@ -943,6 +1068,7 b''
943 1068 width: 1.375em;
944 1069 }
945 1070 }
1071
946 1072 @keyframes swal2-toast-animate-success-line-long {
947 1073 0% {
948 1074 top: 1.625em;
@@ -965,6 +1091,7 b''
965 1091 width: 1.375em;
966 1092 }
967 1093 }
1094
968 1095 @-webkit-keyframes swal2-show {
969 1096 0% {
970 1097 transform: scale(0.7);
@@ -979,6 +1106,7 b''
979 1106 transform: scale(1);
980 1107 }
981 1108 }
1109
982 1110 @keyframes swal2-show {
983 1111 0% {
984 1112 transform: scale(0.7);
@@ -993,6 +1121,7 b''
993 1121 transform: scale(1);
994 1122 }
995 1123 }
1124
996 1125 @-webkit-keyframes swal2-hide {
997 1126 0% {
998 1127 transform: scale(1);
@@ -1003,6 +1132,7 b''
1003 1132 opacity: 0;
1004 1133 }
1005 1134 }
1135
1006 1136 @keyframes swal2-hide {
1007 1137 0% {
1008 1138 transform: scale(1);
@@ -1013,6 +1143,7 b''
1013 1143 opacity: 0;
1014 1144 }
1015 1145 }
1146
1016 1147 @-webkit-keyframes swal2-animate-success-line-tip {
1017 1148 0% {
1018 1149 top: 1.1875em;
@@ -1040,6 +1171,7 b''
1040 1171 width: 1.5625em;
1041 1172 }
1042 1173 }
1174
1043 1175 @keyframes swal2-animate-success-line-tip {
1044 1176 0% {
1045 1177 top: 1.1875em;
@@ -1067,6 +1199,7 b''
1067 1199 width: 1.5625em;
1068 1200 }
1069 1201 }
1202
1070 1203 @-webkit-keyframes swal2-animate-success-line-long {
1071 1204 0% {
1072 1205 top: 3.375em;
@@ -1089,6 +1222,7 b''
1089 1222 width: 2.9375em;
1090 1223 }
1091 1224 }
1225
1092 1226 @keyframes swal2-animate-success-line-long {
1093 1227 0% {
1094 1228 top: 3.375em;
@@ -1111,6 +1245,7 b''
1111 1245 width: 2.9375em;
1112 1246 }
1113 1247 }
1248
1114 1249 @-webkit-keyframes swal2-rotate-success-circular-line {
1115 1250 0% {
1116 1251 transform: rotate(-45deg);
@@ -1125,6 +1260,7 b''
1125 1260 transform: rotate(-405deg);
1126 1261 }
1127 1262 }
1263
1128 1264 @keyframes swal2-rotate-success-circular-line {
1129 1265 0% {
1130 1266 transform: rotate(-45deg);
@@ -1139,6 +1275,7 b''
1139 1275 transform: rotate(-405deg);
1140 1276 }
1141 1277 }
1278
1142 1279 @-webkit-keyframes swal2-animate-error-x-mark {
1143 1280 0% {
1144 1281 margin-top: 1.625em;
@@ -1160,6 +1297,7 b''
1160 1297 opacity: 1;
1161 1298 }
1162 1299 }
1300
1163 1301 @keyframes swal2-animate-error-x-mark {
1164 1302 0% {
1165 1303 margin-top: 1.625em;
@@ -1181,6 +1319,7 b''
1181 1319 opacity: 1;
1182 1320 }
1183 1321 }
1322
1184 1323 @-webkit-keyframes swal2-animate-error-icon {
1185 1324 0% {
1186 1325 transform: rotateX(100deg);
@@ -1191,6 +1330,7 b''
1191 1330 opacity: 1;
1192 1331 }
1193 1332 }
1333
1194 1334 @keyframes swal2-animate-error-icon {
1195 1335 0% {
1196 1336 transform: rotateX(100deg);
@@ -1201,6 +1341,7 b''
1201 1341 opacity: 1;
1202 1342 }
1203 1343 }
1344
1204 1345 @-webkit-keyframes swal2-rotate-loading {
1205 1346 0% {
1206 1347 transform: rotate(0deg);
@@ -1209,6 +1350,7 b''
1209 1350 transform: rotate(360deg);
1210 1351 }
1211 1352 }
1353
1212 1354 @keyframes swal2-rotate-loading {
1213 1355 0% {
1214 1356 transform: rotate(0deg);
@@ -1217,12 +1359,15 b''
1217 1359 transform: rotate(360deg);
1218 1360 }
1219 1361 }
1362
1220 1363 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1221 1364 overflow: hidden;
1222 1365 }
1366
1223 1367 body.swal2-height-auto {
1224 1368 height: auto !important;
1225 1369 }
1370
1226 1371 body.swal2-no-backdrop .swal2-container {
1227 1372 top: auto;
1228 1373 right: auto;
@@ -1231,64 +1376,79 b' body.swal2-no-backdrop .swal2-container '
1231 1376 max-width: calc(100% - 0.625em * 2);
1232 1377 background-color: transparent !important;
1233 1378 }
1379
1234 1380 body.swal2-no-backdrop .swal2-container > .swal2-modal {
1235 1381 box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
1236 1382 }
1383
1237 1384 body.swal2-no-backdrop .swal2-container.swal2-top {
1238 1385 top: 0;
1239 1386 left: 50%;
1240 1387 transform: translateX(-50%);
1241 1388 }
1389
1242 1390 body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
1243 1391 top: 0;
1244 1392 left: 0;
1245 1393 }
1394
1246 1395 body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
1247 1396 top: 0;
1248 1397 right: 0;
1249 1398 }
1399
1250 1400 body.swal2-no-backdrop .swal2-container.swal2-center {
1251 1401 top: 50%;
1252 1402 left: 50%;
1253 1403 transform: translate(-50%, -50%);
1254 1404 }
1405
1255 1406 body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
1256 1407 top: 50%;
1257 1408 left: 0;
1258 1409 transform: translateY(-50%);
1259 1410 }
1411
1260 1412 body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
1261 1413 top: 50%;
1262 1414 right: 0;
1263 1415 transform: translateY(-50%);
1264 1416 }
1417
1265 1418 body.swal2-no-backdrop .swal2-container.swal2-bottom {
1266 1419 bottom: 0;
1267 1420 left: 50%;
1268 1421 transform: translateX(-50%);
1269 1422 }
1423
1270 1424 body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
1271 1425 bottom: 0;
1272 1426 left: 0;
1273 1427 }
1428
1274 1429 body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
1275 1430 right: 0;
1276 1431 bottom: 0;
1277 1432 }
1433
1278 1434 @media print {
1279 1435 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1280 1436 overflow-y: scroll !important;
1281 1437 }
1438
1282 1439 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
1283 1440 display: none;
1284 1441 }
1442
1285 1443 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
1286 1444 position: static !important;
1287 1445 }
1288 1446 }
1447
1289 1448 body.swal2-toast-shown .swal2-container {
1290 1449 background-color: transparent;
1291 1450 }
1451
1292 1452 body.swal2-toast-shown .swal2-container.swal2-top {
1293 1453 top: 0;
1294 1454 right: auto;
@@ -1296,18 +1456,21 b' body.swal2-toast-shown .swal2-container.'
1296 1456 left: 50%;
1297 1457 transform: translateX(-50%);
1298 1458 }
1459
1299 1460 body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
1300 1461 top: 0;
1301 1462 right: 0;
1302 1463 bottom: auto;
1303 1464 left: auto;
1304 1465 }
1466
1305 1467 body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
1306 1468 top: 0;
1307 1469 right: auto;
1308 1470 bottom: auto;
1309 1471 left: 0;
1310 1472 }
1473
1311 1474 body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
1312 1475 top: 50%;
1313 1476 right: auto;
@@ -1315,6 +1478,7 b' body.swal2-toast-shown .swal2-container.'
1315 1478 left: 0;
1316 1479 transform: translateY(-50%);
1317 1480 }
1481
1318 1482 body.swal2-toast-shown .swal2-container.swal2-center {
1319 1483 top: 50%;
1320 1484 right: auto;
@@ -1322,6 +1486,7 b' body.swal2-toast-shown .swal2-container.'
1322 1486 left: 50%;
1323 1487 transform: translate(-50%, -50%);
1324 1488 }
1489
1325 1490 body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
1326 1491 top: 50%;
1327 1492 right: 0;
@@ -1329,12 +1494,14 b' body.swal2-toast-shown .swal2-container.'
1329 1494 left: auto;
1330 1495 transform: translateY(-50%);
1331 1496 }
1497
1332 1498 body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
1333 1499 top: auto;
1334 1500 right: auto;
1335 1501 bottom: 0;
1336 1502 left: 0;
1337 1503 }
1504
1338 1505 body.swal2-toast-shown .swal2-container.swal2-bottom {
1339 1506 top: auto;
1340 1507 right: auto;
@@ -1342,30 +1509,36 b' body.swal2-toast-shown .swal2-container.'
1342 1509 left: 50%;
1343 1510 transform: translateX(-50%);
1344 1511 }
1512
1345 1513 body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
1346 1514 top: auto;
1347 1515 right: 0;
1348 1516 bottom: 0;
1349 1517 left: auto;
1350 1518 }
1519
1351 1520 body.swal2-toast-column .swal2-toast {
1352 1521 flex-direction: column;
1353 1522 align-items: stretch;
1354 1523 }
1524
1355 1525 body.swal2-toast-column .swal2-toast .swal2-actions {
1356 1526 flex: 1;
1357 1527 align-self: stretch;
1358 1528 height: 2.2em;
1359 1529 margin-top: 0.3125em;
1360 1530 }
1531
1361 1532 body.swal2-toast-column .swal2-toast .swal2-loading {
1362 1533 justify-content: center;
1363 1534 }
1535
1364 1536 body.swal2-toast-column .swal2-toast .swal2-input {
1365 1537 height: 2em;
1366 1538 margin: 0.3125em auto;
1367 1539 font-size: 1em;
1368 1540 }
1541
1369 1542 body.swal2-toast-column .swal2-toast .swal2-validation-message {
1370 1543 font-size: 1em;
1371 1544 } No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now