PluginProbe
WP Directory Kit / 1.3.2
WP Directory Kit v1.3.2
1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 1.4.0 1.4.1 All 35 releases
wpdirectorykit / public / js / jquery-confirm / css / jquery-confirm.css

jquery-confirm.css in WP Directory Kit 1.3.2, at public/js/jquery-confirm/css/jquery-confirm.css

1,141 lines 28.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!
2 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
3 * Author: boniface pereira
4 * Website: www.craftpip.com
5 * Contact: hey@craftpip.com
6 *
7 * Copyright 2013-2019 jquery-confirm
8 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
9 */
10 @-webkit-keyframes jconfirm-spin {
11 from {
12 -webkit-transform: rotate(0deg);
13 transform: rotate(0deg);
14 }
15 to {
16 -webkit-transform: rotate(360deg);
17 transform: rotate(360deg);
18 }
19 }
20
21 @keyframes jconfirm-spin {
22 from {
23 -webkit-transform: rotate(0deg);
24 transform: rotate(0deg);
25 }
26 to {
27 -webkit-transform: rotate(360deg);
28 transform: rotate(360deg);
29 }
30 }
31
32 body[class*=jconfirm-no-scroll-] {
33 overflow: hidden !important;
34 }
35
36 .jconfirm {
37 position: fixed;
38 top: 0;
39 left: 0;
40 right: 0;
41 bottom: 0;
42 z-index: 99999999;
43 font-family: inherit;
44 overflow: hidden;
45 }
46
47 .jconfirm .jconfirm-bg {
48 position: fixed;
49 top: 0;
50 left: 0;
51 right: 0;
52 bottom: 0;
53 -webkit-transition: opacity .4s;
54 transition: opacity .4s;
55 }
56
57 .jconfirm .jconfirm-bg.jconfirm-bg-h {
58 opacity: 0 !important;
59 }
60
61 .jconfirm .jconfirm-scrollpane {
62 -webkit-perspective: 500px;
63 perspective: 500px;
64 -webkit-perspective-origin: center;
65 perspective-origin: center;
66 display: table;
67 width: 100%;
68 height: 100%;
69 }
70
71 .jconfirm .jconfirm-row {
72 display: table-row;
73 width: 100%;
74 }
75
76 .jconfirm .jconfirm-cell {
77 display: table-cell;
78 vertical-align: middle;
79 }
80
81 .jconfirm .jconfirm-holder {
82 max-height: 100%;
83 padding: 50px 0;
84 }
85
86 .jconfirm .jconfirm-box-container {
87 -webkit-transition: -webkit-transform;
88 transition: -webkit-transform;
89 transition: transform;
90 transition: transform, -webkit-transform;
91 }
92
93 .jconfirm .jconfirm-box-container.jconfirm-no-transition {
94 -webkit-transition: none !important;
95 transition: none !important;
96 }
97
98 .jconfirm .jconfirm-box {
99 background: white;
100 border-radius: 4px;
101 position: relative;
102 outline: none;
103 padding: 15px 15px 0;
104 overflow: hidden;
105 margin-left: auto;
106 margin-right: auto;
107 }
108
109 @-webkit-keyframes type-blue {
110 1%,
111 100% {
112 border-color: #3498db;
113 }
114 50% {
115 border-color: #5faee3;
116 }
117 }
118
119 @keyframes type-blue {
120 1%,
121 100% {
122 border-color: #3498db;
123 }
124 50% {
125 border-color: #5faee3;
126 }
127 }
128
129 @-webkit-keyframes type-green {
130 1%,
131 100% {
132 border-color: #2ecc71;
133 }
134 50% {
135 border-color: #54d98c;
136 }
137 }
138
139 @keyframes type-green {
140 1%,
141 100% {
142 border-color: #2ecc71;
143 }
144 50% {
145 border-color: #54d98c;
146 }
147 }
148
149 @-webkit-keyframes type-red {
150 1%,
151 100% {
152 border-color: #e74c3c;
153 }
154 50% {
155 border-color: #ed7669;
156 }
157 }
158
159 @keyframes type-red {
160 1%,
161 100% {
162 border-color: #e74c3c;
163 }
164 50% {
165 border-color: #ed7669;
166 }
167 }
168
169 @-webkit-keyframes type-orange {
170 1%,
171 100% {
172 border-color: #f1c40f;
173 }
174 50% {
175 border-color: #f4d03f;
176 }
177 }
178
179 @keyframes type-orange {
180 1%,
181 100% {
182 border-color: #f1c40f;
183 }
184 50% {
185 border-color: #f4d03f;
186 }
187 }
188
189 @-webkit-keyframes type-purple {
190 1%,
191 100% {
192 border-color: #9b59b6;
193 }
194 50% {
195 border-color: #b07cc6;
196 }
197 }
198
199 @keyframes type-purple {
200 1%,
201 100% {
202 border-color: #9b59b6;
203 }
204 50% {
205 border-color: #b07cc6;
206 }
207 }
208
209 @-webkit-keyframes type-dark {
210 1%,
211 100% {
212 border-color: #34495e;
213 }
214 50% {
215 border-color: #46627f;
216 }
217 }
218
219 @keyframes type-dark {
220 1%,
221 100% {
222 border-color: #34495e;
223 }
224 50% {
225 border-color: #46627f;
226 }
227 }
228
229 .jconfirm .jconfirm-box.jconfirm-type-animated {
230 -webkit-animation-duration: 2s;
231 animation-duration: 2s;
232 -webkit-animation-iteration-count: infinite;
233 animation-iteration-count: infinite;
234 }
235
236 .jconfirm .jconfirm-box.jconfirm-type-blue {
237 border-top: solid 7px #3498db;
238 -webkit-animation-name: type-blue;
239 animation-name: type-blue;
240 }
241
242 .jconfirm .jconfirm-box.jconfirm-type-green {
243 border-top: solid 7px #2ecc71;
244 -webkit-animation-name: type-green;
245 animation-name: type-green;
246 }
247
248 .jconfirm .jconfirm-box.jconfirm-type-red {
249 border-top: solid 7px #e74c3c;
250 -webkit-animation-name: type-red;
251 animation-name: type-red;
252 }
253
254 .jconfirm .jconfirm-box.jconfirm-type-orange {
255 border-top: solid 7px #f1c40f;
256 -webkit-animation-name: type-orange;
257 animation-name: type-orange;
258 }
259
260 .jconfirm .jconfirm-box.jconfirm-type-purple {
261 border-top: solid 7px #9b59b6;
262 -webkit-animation-name: type-purple;
263 animation-name: type-purple;
264 }
265
266 .jconfirm .jconfirm-box.jconfirm-type-dark {
267 border-top: solid 7px #34495e;
268 -webkit-animation-name: type-dark;
269 animation-name: type-dark;
270 }
271
272 .jconfirm .jconfirm-box.loading {
273 height: 120px;
274 }
275
276 .jconfirm .jconfirm-box.loading:before {
277 content: '';
278 position: absolute;
279 left: 0;
280 background: white;
281 right: 0;
282 top: 0;
283 bottom: 0;
284 border-radius: 10px;
285 z-index: 1;
286 }
287
288 .jconfirm .jconfirm-box.loading:after {
289 opacity: 0.6;
290 content: '';
291 height: 30px;
292 width: 30px;
293 border: solid 3px transparent;
294 position: absolute;
295 left: 50%;
296 margin-left: -15px;
297 border-radius: 50%;
298 -webkit-animation: jconfirm-spin 1s infinite linear;
299 animation: jconfirm-spin 1s infinite linear;
300 border-bottom-color: dodgerblue;
301 top: 50%;
302 margin-top: -15px;
303 z-index: 2;
304 }
305
306 .jconfirm .jconfirm-box div.jconfirm-closeIcon {
307 height: 20px;
308 width: 20px;
309 position: absolute;
310 top: 10px;
311 right: 10px;
312 cursor: pointer;
313 opacity: .6;
314 text-align: center;
315 font-size: 27px !important;
316 line-height: 14px !important;
317 display: none;
318 z-index: 1;
319 }
320
321 .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
322 display: none;
323 }
324
325 .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
326 font-size: 16px;
327 }
328
329 .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
330 font-size: 16px;
331 }
332
333 .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
334 font-size: 16px;
335 }
336
337 .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
338 opacity: 1;
339 }
340
341 .jconfirm .jconfirm-box div.jconfirm-title-c {
342 display: block;
343 font-size: 22px;
344 line-height: 20px;
345 -webkit-user-select: none;
346 -moz-user-select: none;
347 -ms-user-select: none;
348 user-select: none;
349 cursor: default;
350 padding-bottom: 15px;
351 }
352
353 .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
354 cursor: move;
355 }
356
357 .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
358 font-size: inherit;
359 display: inline-block;
360 vertical-align: middle;
361 }
362
363 .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
364 vertical-align: middle;
365 }
366
367 .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
368 display: none;
369 }
370
371 .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
372 -webkit-user-select: none;
373 -moz-user-select: none;
374 -ms-user-select: none;
375 user-select: none;
376 font-size: inherit;
377 font-family: inherit;
378 display: inline-block;
379 vertical-align: middle;
380 }
381
382 .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
383 display: none;
384 }
385
386 .jconfirm .jconfirm-box div.jconfirm-content-pane {
387 margin-bottom: 15px;
388 height: auto;
389 -webkit-transition: height 0.4s ease-in;
390 transition: height 0.4s ease-in;
391 display: inline-block;
392 width: 100%;
393 position: relative;
394 overflow-x: hidden;
395 overflow-y: auto;
396 }
397
398 .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
399 overflow-y: hidden;
400 }
401
402 .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
403 width: 3px;
404 }
405
406 .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
407 background: rgba(0, 0, 0, 0.1);
408 }
409
410 .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
411 background: #666;
412 border-radius: 3px;
413 }
414
415 .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
416 overflow: auto;
417 }
418
419 .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
420 max-width: 100%;
421 height: auto;
422 }
423
424 .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
425 display: none;
426 }
427
428 .jconfirm .jconfirm-box .jconfirm-buttons {
429 padding-bottom: 11px;
430 }
431
432 .jconfirm .jconfirm-box .jconfirm-buttons > button {
433 margin-bottom: 4px;
434 margin-left: 2px;
435 margin-right: 2px;
436 }
437
438 .jconfirm .jconfirm-box .jconfirm-buttons button {
439 display: inline-block;
440 padding: 6px 12px;
441 font-size: 14px;
442 font-weight: 400;
443 line-height: 1.42857143;
444 text-align: center;
445 white-space: nowrap;
446 vertical-align: middle;
447 -ms-touch-action: manipulation;
448 touch-action: manipulation;
449 cursor: pointer;
450 -webkit-user-select: none;
451 -moz-user-select: none;
452 -ms-user-select: none;
453 user-select: none;
454 border-radius: 4px;
455 min-height: 1em;
456 -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
457 transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
458 transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
459 transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
460 -webkit-tap-highlight-color: transparent;
461 border: none;
462 background-image: none;
463 }
464
465 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
466 background-color: #3498db;
467 color: #FFF;
468 text-shadow: none;
469 -webkit-transition: background .2s;
470 transition: background .2s;
471 }
472
473 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
474 background-color: #2980b9;
475 color: #FFF;
476 }
477
478 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
479 background-color: #2ecc71;
480 color: #FFF;
481 text-shadow: none;
482 -webkit-transition: background .2s;
483 transition: background .2s;
484 }
485
486 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
487 background-color: #27ae60;
488 color: #FFF;
489 }
490
491 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
492 background-color: #e74c3c;
493 color: #FFF;
494 text-shadow: none;
495 -webkit-transition: background .2s;
496 transition: background .2s;
497 }
498
499 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
500 background-color: #c0392b;
501 color: #FFF;
502 }
503
504 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
505 background-color: #f1c40f;
506 color: #FFF;
507 text-shadow: none;
508 -webkit-transition: background .2s;
509 transition: background .2s;
510 }
511
512 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
513 background-color: #f39c12;
514 color: #FFF;
515 }
516
517 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
518 background-color: #ecf0f1;
519 color: #000;
520 text-shadow: none;
521 -webkit-transition: background .2s;
522 transition: background .2s;
523 }
524
525 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
526 background-color: #bdc3c7;
527 color: #000;
528 }
529
530 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
531 background-color: #9b59b6;
532 color: #FFF;
533 text-shadow: none;
534 -webkit-transition: background .2s;
535 transition: background .2s;
536 }
537
538 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
539 background-color: #8e44ad;
540 color: #FFF;
541 }
542
543 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
544 background-color: #34495e;
545 color: #FFF;
546 text-shadow: none;
547 -webkit-transition: background .2s;
548 transition: background .2s;
549 }
550
551 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
552 background-color: #2c3e50;
553 color: #FFF;
554 }
555
556 .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
557 color: #e74c3c !important;
558 }
559
560 .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
561 color: #3498db !important;
562 }
563
564 .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
565 color: #2ecc71 !important;
566 }
567
568 .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
569 color: #9b59b6 !important;
570 }
571
572 .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
573 color: #f1c40f !important;
574 }
575
576 .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
577 color: #34495e !important;
578 }
579
580 .jconfirm .jconfirm-clear {
581 clear: both;
582 }
583
584 .jconfirm.jconfirm-rtl {
585 direction: rtl;
586 }
587
588 .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
589 left: 5px;
590 right: auto;
591 }
592
593 .jconfirm.jconfirm-white .jconfirm-bg,
594 .jconfirm.jconfirm-light .jconfirm-bg {
595 background-color: #444;
596 opacity: .2;
597 }
598
599 .jconfirm.jconfirm-white .jconfirm-box,
600 .jconfirm.jconfirm-light .jconfirm-box {
601 -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
602 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
603 border-radius: 5px;
604 }
605
606 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
607 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
608 margin-right: 8px;
609 margin-left: 0px;
610 }
611
612 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
613 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
614 float: right;
615 }
616
617 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
618 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
619 text-transform: uppercase;
620 font-size: 14px;
621 font-weight: bold;
622 text-shadow: none;
623 }
624
625 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
626 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
627 -webkit-box-shadow: none;
628 box-shadow: none;
629 color: #333;
630 }
631
632 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
633 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
634 background: #ddd;
635 }
636
637 .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
638 .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
639 margin-left: 8px;
640 margin-right: 0px;
641 }
642
643 .jconfirm.jconfirm-black .jconfirm-bg,
644 .jconfirm.jconfirm-dark .jconfirm-bg {
645 background-color: darkslategray;
646 opacity: .4;
647 }
648
649 .jconfirm.jconfirm-black .jconfirm-box,
650 .jconfirm.jconfirm-dark .jconfirm-box {
651 -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
652 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
653 background: #444;
654 border-radius: 5px;
655 color: white;
656 }
657
658 .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
659 .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
660 margin-right: 8px;
661 margin-left: 0px;
662 }
663
664 .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
665 .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
666 float: right;
667 }
668
669 .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
670 .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
671 border: none;
672 background-image: none;
673 text-transform: uppercase;
674 font-size: 14px;
675 font-weight: bold;
676 text-shadow: none;
677 -webkit-transition: background .1s;
678 transition: background .1s;
679 color: white;
680 }
681
682 .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
683 .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
684 -webkit-box-shadow: none;
685 box-shadow: none;
686 color: #fff;
687 background: none;
688 }
689
690 .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
691 .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
692 background: #666;
693 }
694
695 .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
696 .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
697 margin-left: 8px;
698 margin-right: 0px;
699 }
700
701 .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
702 -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
703 animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
704 -webkit-transform: translate3d(0, 0, 0);
705 transform: translate3d(0, 0, 0);
706 }
707
708 .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
709 -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
710 animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
711 -webkit-transform: translate3d(0, 0, 0);
712 transform: translate3d(0, 0, 0);
713 }
714
715 @-webkit-keyframes shake {
716 10%,
717 90% {
718 -webkit-transform: translate3d(-2px, 0, 0);
719 transform: translate3d(-2px, 0, 0);
720 }
721 20%,
722 80% {
723 -webkit-transform: translate3d(4px, 0, 0);
724 transform: translate3d(4px, 0, 0);
725 }
726 30%,
727 50%,
728 70% {
729 -webkit-transform: translate3d(-8px, 0, 0);
730 transform: translate3d(-8px, 0, 0);
731 }
732 40%,
733 60% {
734 -webkit-transform: translate3d(8px, 0, 0);
735 transform: translate3d(8px, 0, 0);
736 }
737 }
738
739 @keyframes shake {
740 10%,
741 90% {
742 -webkit-transform: translate3d(-2px, 0, 0);
743 transform: translate3d(-2px, 0, 0);
744 }
745 20%,
746 80% {
747 -webkit-transform: translate3d(4px, 0, 0);
748 transform: translate3d(4px, 0, 0);
749 }
750 30%,
751 50%,
752 70% {
753 -webkit-transform: translate3d(-8px, 0, 0);
754 transform: translate3d(-8px, 0, 0);
755 }
756 40%,
757 60% {
758 -webkit-transform: translate3d(8px, 0, 0);
759 transform: translate3d(8px, 0, 0);
760 }
761 }
762
763 @-webkit-keyframes glow {
764 0%,
765 100% {
766 -webkit-box-shadow: 0 0 0px red;
767 box-shadow: 0 0 0px red;
768 }
769 50% {
770 -webkit-box-shadow: 0 0 30px red;
771 box-shadow: 0 0 30px red;
772 }
773 }
774
775 @keyframes glow {
776 0%,
777 100% {
778 -webkit-box-shadow: 0 0 0px red;
779 box-shadow: 0 0 0px red;
780 }
781 50% {
782 -webkit-box-shadow: 0 0 30px red;
783 box-shadow: 0 0 30px red;
784 }
785 }
786
787 /*Transition rules*/
788 .jconfirm {
789 -webkit-perspective: 400px;
790 perspective: 400px;
791 }
792
793 .jconfirm .jconfirm-box {
794 opacity: 1;
795 -webkit-transition-property: all;
796 transition-property: all;
797 }
798
799 .jconfirm .jconfirm-box.jconfirm-animation-top,
800 .jconfirm .jconfirm-box.jconfirm-animation-left,
801 .jconfirm .jconfirm-box.jconfirm-animation-right,
802 .jconfirm .jconfirm-box.jconfirm-animation-bottom,
803 .jconfirm .jconfirm-box.jconfirm-animation-opacity,
804 .jconfirm .jconfirm-box.jconfirm-animation-zoom,
805 .jconfirm .jconfirm-box.jconfirm-animation-scale,
806 .jconfirm .jconfirm-box.jconfirm-animation-none,
807 .jconfirm .jconfirm-box.jconfirm-animation-rotate,
808 .jconfirm .jconfirm-box.jconfirm-animation-rotatex,
809 .jconfirm .jconfirm-box.jconfirm-animation-rotatey,
810 .jconfirm .jconfirm-box.jconfirm-animation-scaley,
811 .jconfirm .jconfirm-box.jconfirm-animation-scalex {
812 opacity: 0;
813 }
814
815 .jconfirm .jconfirm-box.jconfirm-animation-rotate {
816 -webkit-transform: rotate(90deg);
817 transform: rotate(90deg);
818 }
819
820 .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
821 -webkit-transform: rotateX(90deg);
822 transform: rotateX(90deg);
823 -webkit-transform-origin: center;
824 transform-origin: center;
825 }
826
827 .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
828 -webkit-transform: rotateX(-90deg);
829 transform: rotateX(-90deg);
830 -webkit-transform-origin: center;
831 transform-origin: center;
832 }
833
834 .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
835 -webkit-transform: rotatey(90deg);
836 transform: rotatey(90deg);
837 -webkit-transform-origin: center;
838 transform-origin: center;
839 }
840
841 .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
842 -webkit-transform: rotatey(-90deg);
843 transform: rotatey(-90deg);
844 -webkit-transform-origin: center;
845 transform-origin: center;
846 }
847
848 .jconfirm .jconfirm-box.jconfirm-animation-scaley {
849 -webkit-transform: scaley(1.5);
850 transform: scaley(1.5);
851 -webkit-transform-origin: center;
852 transform-origin: center;
853 }
854
855 .jconfirm .jconfirm-box.jconfirm-animation-scalex {
856 -webkit-transform: scalex(1.5);
857 transform: scalex(1.5);
858 -webkit-transform-origin: center;
859 transform-origin: center;
860 }
861
862 .jconfirm .jconfirm-box.jconfirm-animation-top {
863 -webkit-transform: translate(0px, -100px);
864 transform: translate(0px, -100px);
865 }
866
867 .jconfirm .jconfirm-box.jconfirm-animation-left {
868 -webkit-transform: translate(-100px, 0px);
869 transform: translate(-100px, 0px);
870 }
871
872 .jconfirm .jconfirm-box.jconfirm-animation-right {
873 -webkit-transform: translate(100px, 0px);
874 transform: translate(100px, 0px);
875 }
876
877 .jconfirm .jconfirm-box.jconfirm-animation-bottom {
878 -webkit-transform: translate(0px, 100px);
879 transform: translate(0px, 100px);
880 }
881
882 .jconfirm .jconfirm-box.jconfirm-animation-zoom {
883 -webkit-transform: scale(1.2);
884 transform: scale(1.2);
885 }
886
887 .jconfirm .jconfirm-box.jconfirm-animation-scale {
888 -webkit-transform: scale(0.5);
889 transform: scale(0.5);
890 }
891
892 .jconfirm .jconfirm-box.jconfirm-animation-none {
893 visibility: hidden;
894 }
895
896 .jconfirm.jconfirm-supervan .jconfirm-bg {
897 background-color: rgba(54, 70, 93, 0.95);
898 }
899
900 .jconfirm.jconfirm-supervan .jconfirm-box {
901 background-color: transparent;
902 }
903
904 .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
905 border: none;
906 }
907
908 .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
909 border: none;
910 }
911
912 .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
913 border: none;
914 }
915
916 .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
917 border: none;
918 }
919
920 .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
921 border: none;
922 }
923
924 .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
925 border: none;
926 }
927
928 .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
929 color: white;
930 }
931
932 .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
933 text-align: center;
934 color: white;
935 font-size: 28px;
936 font-weight: normal;
937 }
938
939 .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
940 padding-bottom: 25px;
941 }
942
943 .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
944 margin-right: 8px;
945 margin-left: 0px;
946 }
947
948 .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
949 margin-bottom: 25px;
950 }
951
952 .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
953 text-align: center;
954 color: white;
955 }
956
957 .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
958 text-align: center;
959 }
960
961 .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
962 font-size: 16px;
963 border-radius: 2px;
964 background: #303f53;
965 text-shadow: none;
966 border: none;
967 color: white;
968 padding: 10px;
969 min-width: 100px;
970 }
971
972 .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
973 margin-left: 8px;
974 margin-right: 0px;
975 }
976
977 .jconfirm.jconfirm-material .jconfirm-bg {
978 background-color: rgba(0, 0, 0, 0.67);
979 }
980
981 .jconfirm.jconfirm-material .jconfirm-box {
982 background-color: white;
983 -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
984 box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
985 padding: 30px 25px 10px 25px;
986 }
987
988 .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
989 margin-right: 8px;
990 margin-left: 0px;
991 }
992
993 .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
994 color: rgba(0, 0, 0, 0.87);
995 }
996
997 .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
998 color: rgba(0, 0, 0, 0.87);
999 font-size: 22px;
1000 font-weight: bold;
1001 }
1002
1003 .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
1004 color: rgba(0, 0, 0, 0.87);
1005 }
1006
1007 .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
1008 text-align: right;
1009 }
1010
1011 .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
1012 text-transform: uppercase;
1013 font-weight: 500;
1014 }
1015
1016 .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
1017 margin-left: 8px;
1018 margin-right: 0px;
1019 }
1020
1021 .jconfirm.jconfirm-bootstrap .jconfirm-bg {
1022 background-color: rgba(0, 0, 0, 0.21);
1023 }
1024
1025 .jconfirm.jconfirm-bootstrap .jconfirm-box {
1026 background-color: white;
1027 -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
1028 box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
1029 border: solid 1px rgba(0, 0, 0, 0.4);
1030 padding: 15px 0 0;
1031 }
1032
1033 .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
1034 margin-right: 8px;
1035 margin-left: 0px;
1036 }
1037
1038 .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
1039 color: rgba(0, 0, 0, 0.87);
1040 }
1041
1042 .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
1043 color: rgba(0, 0, 0, 0.87);
1044 font-size: 22px;
1045 font-weight: bold;
1046 padding-left: 15px;
1047 padding-right: 15px;
1048 }
1049
1050 .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
1051 color: rgba(0, 0, 0, 0.87);
1052 padding: 0px 15px;
1053 }
1054
1055 .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
1056 text-align: right;
1057 padding: 10px;
1058 margin: -5px 0 0px;
1059 border-top: solid 1px #ddd;
1060 overflow: hidden;
1061 border-radius: 0 0 4px 4px;
1062 }
1063
1064 .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
1065 font-weight: 500;
1066 }
1067
1068 .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
1069 margin-left: 8px;
1070 margin-right: 0px;
1071 }
1072
1073 .jconfirm.jconfirm-modern .jconfirm-bg {
1074 background-color: slategray;
1075 opacity: .6;
1076 }
1077
1078 .jconfirm.jconfirm-modern .jconfirm-box {
1079 background-color: white;
1080 -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
1081 box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
1082 padding: 30px 30px 15px;
1083 }
1084
1085 .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
1086 color: rgba(0, 0, 0, 0.87);
1087 top: 15px;
1088 right: 15px;
1089 }
1090
1091 .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
1092 color: rgba(0, 0, 0, 0.87);
1093 font-size: 24px;
1094 font-weight: bold;
1095 text-align: center;
1096 margin-bottom: 10px;
1097 }
1098
1099 .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
1100 -webkit-transition: -webkit-transform .5s;
1101 transition: -webkit-transform .5s;
1102 transition: transform .5s;
1103 transition: transform .5s, -webkit-transform .5s;
1104 -webkit-transform: scale(0);
1105 transform: scale(0);
1106 display: block;
1107 margin-right: 0px;
1108 margin-left: 0px;
1109 margin-bottom: 10px;
1110 font-size: 69px;
1111 color: #aaa;
1112 }
1113
1114 .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
1115 text-align: center;
1116 font-size: 15px;
1117 color: #777;
1118 margin-bottom: 25px;
1119 }
1120
1121 .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
1122 text-align: center;
1123 }
1124
1125 .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
1126 font-weight: bold;
1127 text-transform: uppercase;
1128 -webkit-transition: background .1s;
1129 transition: background .1s;
1130 padding: 10px 20px;
1131 }
1132
1133 .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
1134 margin-left: 4px;
1135 }
1136
1137 .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
1138 -webkit-transform: scale(1);
1139 transform: scale(1);
1140 }
1141