alertifyjs-rails 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,798 @@
1
+ .alertify .ajs-dimmer {
2
+ position: fixed;
3
+ z-index: 1981;
4
+ top: 0;
5
+ left: 0;
6
+ bottom: 0;
7
+ right: 0;
8
+ padding: 0;
9
+ margin: 0;
10
+ background-color: #252525;
11
+ opacity: .5;
12
+ }
13
+ .alertify .ajs-modal {
14
+ position: fixed;
15
+ top: 0;
16
+ left: 0;
17
+ right: 0;
18
+ bottom: 0;
19
+ padding: 0;
20
+ overflow-y: auto;
21
+ z-index: 1981;
22
+ }
23
+ .alertify .ajs-dialog {
24
+ position: relative;
25
+ margin: 5% auto;
26
+ min-height: 110px;
27
+ max-width: 500px;
28
+ padding: 24px 24px 0 24px;
29
+ outline: 0;
30
+ }
31
+ .alertify .ajs-reset {
32
+ position: absolute !important;
33
+ display: inline !important;
34
+ width: 0 !important;
35
+ height: 0 !important;
36
+ opacity: 0 !important;
37
+ }
38
+ .alertify .ajs-commands {
39
+ position: absolute;
40
+ left: 4px;
41
+ margin: -14px 0 0 24px;
42
+ z-index: 1;
43
+ }
44
+ .alertify .ajs-commands button {
45
+ display: none;
46
+ width: 10px;
47
+ height: 10px;
48
+ margin-right: 10px;
49
+ padding: 10px;
50
+ border: 0;
51
+ background-color: transparent;
52
+ background-repeat: no-repeat;
53
+ background-position: center;
54
+ cursor: pointer;
55
+ }
56
+ .alertify .ajs-commands button.ajs-close {
57
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
58
+ }
59
+ .alertify .ajs-commands button.ajs-maximize {
60
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
61
+ }
62
+ .alertify .ajs-header {
63
+ margin: -24px;
64
+ margin-bottom: 0;
65
+ padding: 16px 24px;
66
+ }
67
+ .alertify .ajs-body {
68
+ min-height: 56px;
69
+ }
70
+ .alertify .ajs-body .ajs-content {
71
+ padding: 16px 16px 16px 24px;
72
+ }
73
+ .alertify .ajs-footer {
74
+ padding: 4px;
75
+ margin-right: -24px;
76
+ margin-left: -24px;
77
+ }
78
+ .alertify .ajs-footer .ajs-buttons.ajs-primary {
79
+ text-align: left;
80
+ }
81
+ .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
82
+ margin: 4px;
83
+ }
84
+ .alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
85
+ float: right;
86
+ clear: none;
87
+ text-align: right;
88
+ }
89
+ .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
90
+ margin: 4px;
91
+ }
92
+ .alertify .ajs-footer .ajs-buttons .ajs-button {
93
+ min-width: 88px;
94
+ min-height: 35px;
95
+ }
96
+ .alertify .ajs-footer .ajs-handle {
97
+ position: absolute;
98
+ display: none;
99
+ width: 10px;
100
+ height: 10px;
101
+ left: 0;
102
+ bottom: 0;
103
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
104
+ -webkit-transform: scaleX(-1);
105
+ transform: scaleX(-1);
106
+ cursor: sw-resize;
107
+ }
108
+ .alertify.ajs-no-overflow .ajs-body .ajs-content {
109
+ overflow: hidden !important;
110
+ }
111
+ .alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
112
+ right: 0;
113
+ left: 0;
114
+ padding: 0;
115
+ }
116
+ .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
117
+ margin-right: -24px;
118
+ margin-left: -24px;
119
+ }
120
+ .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
121
+ padding: 0;
122
+ }
123
+ .alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
124
+ right: 0;
125
+ left: 0;
126
+ }
127
+ .alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
128
+ .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
129
+ display: inline-block;
130
+ }
131
+ .alertify.ajs-closable .ajs-commands button.ajs-close {
132
+ display: inline-block;
133
+ }
134
+ .alertify.ajs-maximized .ajs-dialog {
135
+ width: 100% !important;
136
+ height: 100% !important;
137
+ max-width: none !important;
138
+ margin: 0 auto !important;
139
+ top: 0 !important;
140
+ right: 0 !important;
141
+ }
142
+ .alertify.ajs-maximized.ajs-modeless .ajs-modal {
143
+ position: fixed !important;
144
+ min-height: 100% !important;
145
+ max-height: none !important;
146
+ margin: 0 !important;
147
+ }
148
+ .alertify.ajs-maximized .ajs-commands button.ajs-maximize {
149
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
150
+ }
151
+ .alertify.ajs-resizable .ajs-dialog,
152
+ .alertify.ajs-maximized .ajs-dialog {
153
+ padding: 0;
154
+ }
155
+ .alertify.ajs-resizable .ajs-commands,
156
+ .alertify.ajs-maximized .ajs-commands {
157
+ margin: 14px 0 0 24px;
158
+ }
159
+ .alertify.ajs-resizable .ajs-header,
160
+ .alertify.ajs-maximized .ajs-header {
161
+ position: absolute;
162
+ top: 0;
163
+ right: 0;
164
+ left: 0;
165
+ margin: 0;
166
+ padding: 16px 24px;
167
+ }
168
+ .alertify.ajs-resizable .ajs-body,
169
+ .alertify.ajs-maximized .ajs-body {
170
+ min-height: 224px;
171
+ display: inline-block;
172
+ }
173
+ .alertify.ajs-resizable .ajs-body .ajs-content,
174
+ .alertify.ajs-maximized .ajs-body .ajs-content {
175
+ position: absolute;
176
+ top: 50px;
177
+ left: 24px;
178
+ bottom: 50px;
179
+ right: 24px;
180
+ overflow: auto;
181
+ }
182
+ .alertify.ajs-resizable .ajs-footer,
183
+ .alertify.ajs-maximized .ajs-footer {
184
+ position: absolute;
185
+ right: 0;
186
+ left: 0;
187
+ bottom: 0;
188
+ margin: 0;
189
+ }
190
+ .alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
191
+ min-width: 548px;
192
+ }
193
+ .alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
194
+ display: block;
195
+ }
196
+ .alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
197
+ cursor: move;
198
+ }
199
+ .alertify.ajs-modeless .ajs-dimmer,
200
+ .alertify.ajs-modeless .ajs-reset {
201
+ display: none;
202
+ }
203
+ .alertify.ajs-modeless .ajs-modal {
204
+ overflow: visible;
205
+ max-width: none;
206
+ max-height: 0;
207
+ }
208
+ .alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
209
+ display: inline-block;
210
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
211
+ }
212
+ .alertify.ajs-modeless.ajs-unpinned .ajs-modal {
213
+ position: absolute;
214
+ }
215
+ .alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
216
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
217
+ }
218
+ .alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
219
+ max-height: 500px;
220
+ overflow: auto;
221
+ }
222
+ .ajs-no-overflow {
223
+ overflow: hidden !important;
224
+ outline: none;
225
+ }
226
+ .ajs-no-selection,
227
+ .ajs-no-selection * {
228
+ -webkit-user-select: none;
229
+ -moz-user-select: none;
230
+ -ms-user-select: none;
231
+ user-select: none;
232
+ }
233
+ @media screen and (max-width: 568px) {
234
+ .alertify .ajs-dialog {
235
+ min-width: 150px;
236
+ }
237
+ .alertify:not(.ajs-maximized) .ajs-modal {
238
+ padding: 0 5%;
239
+ }
240
+ .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
241
+ min-width: initial;
242
+ }
243
+ }
244
+ .alertify .ajs-dimmer,
245
+ .alertify .ajs-modal {
246
+ -webkit-transform: translate3d(0, 0, 0);
247
+ transform: translate3d(0, 0, 0);
248
+ -webkit-transition-property: opacity, visibility;
249
+ transition-property: opacity, visibility;
250
+ -webkit-transition-timing-function: linear;
251
+ transition-timing-function: linear;
252
+ -webkit-transition-duration: 250ms;
253
+ transition-duration: 250ms;
254
+ }
255
+ .alertify.ajs-hidden .ajs-dimmer,
256
+ .alertify.ajs-hidden .ajs-modal {
257
+ visibility: hidden;
258
+ opacity: 0;
259
+ }
260
+ .alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
261
+ -webkit-animation-duration: 500ms;
262
+ animation-duration: 500ms;
263
+ }
264
+ .alertify.ajs-out.ajs-hidden .ajs-dialog {
265
+ -webkit-animation-duration: 250ms;
266
+ animation-duration: 250ms;
267
+ }
268
+ .alertify .ajs-dialog.ajs-shake {
269
+ -webkit-animation-name: shake;
270
+ animation-name: shake;
271
+ -webkit-animation-duration: .1s;
272
+ animation-duration: .1s;
273
+ -webkit-animation-fill-mode: both;
274
+ animation-fill-mode: both;
275
+ }
276
+ @-webkit-keyframes shake {
277
+ 0%,
278
+ 100% {
279
+ -webkit-transform: translate3d(0, 0, 0);
280
+ transform: translate3d(0, 0, 0);
281
+ }
282
+ 10%,
283
+ 30%,
284
+ 50%,
285
+ 70%,
286
+ 90% {
287
+ -webkit-transform: translate3d(10px, 0, 0);
288
+ transform: translate3d(10px, 0, 0);
289
+ }
290
+ 20%,
291
+ 40%,
292
+ 60%,
293
+ 80% {
294
+ -webkit-transform: translate3d(-10px, 0, 0);
295
+ transform: translate3d(-10px, 0, 0);
296
+ }
297
+ }
298
+ @keyframes shake {
299
+ 0%,
300
+ 100% {
301
+ -webkit-transform: translate3d(0, 0, 0);
302
+ transform: translate3d(0, 0, 0);
303
+ }
304
+ 10%,
305
+ 30%,
306
+ 50%,
307
+ 70%,
308
+ 90% {
309
+ -webkit-transform: translate3d(10px, 0, 0);
310
+ transform: translate3d(10px, 0, 0);
311
+ }
312
+ 20%,
313
+ 40%,
314
+ 60%,
315
+ 80% {
316
+ -webkit-transform: translate3d(-10px, 0, 0);
317
+ transform: translate3d(-10px, 0, 0);
318
+ }
319
+ }
320
+ .alertify.ajs-slide.ajs-hidden .ajs-dialog {
321
+ margin: -100% auto !important;
322
+ }
323
+ .alertify.ajs-slide .ajs-dialog {
324
+ -webkit-transition-property: margin, visibility;
325
+ transition-property: margin, visibility;
326
+ }
327
+ .alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
328
+ -webkit-transition-duration: 500ms;
329
+ transition-duration: 500ms;
330
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
331
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
332
+ }
333
+ .alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
334
+ -webkit-transition-duration: 250ms;
335
+ transition-duration: 250ms;
336
+ -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
337
+ transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
338
+ }
339
+ .alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
340
+ -webkit-animation-name: zoomIn;
341
+ animation-name: zoomIn;
342
+ }
343
+ .alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
344
+ -webkit-animation-name: zoomOut;
345
+ animation-name: zoomOut;
346
+ }
347
+ .alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
348
+ -webkit-animation-name: fadeIn;
349
+ animation-name: fadeIn;
350
+ }
351
+ .alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
352
+ -webkit-animation-name: fadeOut;
353
+ animation-name: fadeOut;
354
+ }
355
+ .alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
356
+ -webkit-animation-name: pulseIn;
357
+ animation-name: pulseIn;
358
+ }
359
+ .alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
360
+ -webkit-animation-name: pulseOut;
361
+ animation-name: pulseOut;
362
+ }
363
+ .alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
364
+ -webkit-animation-name: flipInX;
365
+ animation-name: flipInX;
366
+ }
367
+ .alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
368
+ -webkit-animation-name: flipOutX;
369
+ animation-name: flipOutX;
370
+ }
371
+ .alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
372
+ -webkit-animation-name: flipInY;
373
+ animation-name: flipInY;
374
+ }
375
+ .alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
376
+ -webkit-animation-name: flipOutY;
377
+ animation-name: flipOutY;
378
+ }
379
+ @-webkit-keyframes pulseIn {
380
+ 0%,
381
+ 20%,
382
+ 40%,
383
+ 60%,
384
+ 80%,
385
+ 100% {
386
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
387
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
388
+ }
389
+ 0% {
390
+ opacity: 0;
391
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
392
+ transform: scale3d(0.3, 0.3, 0.3);
393
+ }
394
+ 20% {
395
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
396
+ transform: scale3d(1.1, 1.1, 1.1);
397
+ }
398
+ 40% {
399
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
400
+ transform: scale3d(0.9, 0.9, 0.9);
401
+ }
402
+ 60% {
403
+ opacity: 1;
404
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
405
+ transform: scale3d(1.03, 1.03, 1.03);
406
+ }
407
+ 80% {
408
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
409
+ transform: scale3d(0.97, 0.97, 0.97);
410
+ }
411
+ 100% {
412
+ opacity: 1;
413
+ -webkit-transform: scale3d(1, 1, 1);
414
+ transform: scale3d(1, 1, 1);
415
+ }
416
+ }
417
+ @keyframes pulseIn {
418
+ 0%,
419
+ 20%,
420
+ 40%,
421
+ 60%,
422
+ 80%,
423
+ 100% {
424
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
425
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
426
+ }
427
+ 0% {
428
+ opacity: 0;
429
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
430
+ transform: scale3d(0.3, 0.3, 0.3);
431
+ }
432
+ 20% {
433
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
434
+ transform: scale3d(1.1, 1.1, 1.1);
435
+ }
436
+ 40% {
437
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
438
+ transform: scale3d(0.9, 0.9, 0.9);
439
+ }
440
+ 60% {
441
+ opacity: 1;
442
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
443
+ transform: scale3d(1.03, 1.03, 1.03);
444
+ }
445
+ 80% {
446
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
447
+ transform: scale3d(0.97, 0.97, 0.97);
448
+ }
449
+ 100% {
450
+ opacity: 1;
451
+ -webkit-transform: scale3d(1, 1, 1);
452
+ transform: scale3d(1, 1, 1);
453
+ }
454
+ }
455
+ @-webkit-keyframes pulseOut {
456
+ 20% {
457
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
458
+ transform: scale3d(0.9, 0.9, 0.9);
459
+ }
460
+ 50%,
461
+ 55% {
462
+ opacity: 1;
463
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
464
+ transform: scale3d(1.1, 1.1, 1.1);
465
+ }
466
+ 100% {
467
+ opacity: 0;
468
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
469
+ transform: scale3d(0.3, 0.3, 0.3);
470
+ }
471
+ }
472
+ @keyframes pulseOut {
473
+ 20% {
474
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
475
+ transform: scale3d(0.9, 0.9, 0.9);
476
+ }
477
+ 50%,
478
+ 55% {
479
+ opacity: 1;
480
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
481
+ transform: scale3d(1.1, 1.1, 1.1);
482
+ }
483
+ 100% {
484
+ opacity: 0;
485
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
486
+ transform: scale3d(0.3, 0.3, 0.3);
487
+ }
488
+ }
489
+ @-webkit-keyframes zoomIn {
490
+ 0% {
491
+ opacity: 0;
492
+ -webkit-transform: scale3d(0.25, 0.25, 0.25);
493
+ transform: scale3d(0.25, 0.25, 0.25);
494
+ }
495
+ 100% {
496
+ opacity: 1;
497
+ -webkit-transform: scale3d(1, 1, 1);
498
+ transform: scale3d(1, 1, 1);
499
+ }
500
+ }
501
+ @keyframes zoomIn {
502
+ 0% {
503
+ opacity: 0;
504
+ -webkit-transform: scale3d(0.25, 0.25, 0.25);
505
+ transform: scale3d(0.25, 0.25, 0.25);
506
+ }
507
+ 100% {
508
+ opacity: 1;
509
+ -webkit-transform: scale3d(1, 1, 1);
510
+ transform: scale3d(1, 1, 1);
511
+ }
512
+ }
513
+ @-webkit-keyframes zoomOut {
514
+ 0% {
515
+ opacity: 1;
516
+ -webkit-transform: scale3d(1, 1, 1);
517
+ transform: scale3d(1, 1, 1);
518
+ }
519
+ 100% {
520
+ opacity: 0;
521
+ -webkit-transform: scale3d(0.25, 0.25, 0.25);
522
+ transform: scale3d(0.25, 0.25, 0.25);
523
+ }
524
+ }
525
+ @keyframes zoomOut {
526
+ 0% {
527
+ opacity: 1;
528
+ -webkit-transform: scale3d(1, 1, 1);
529
+ transform: scale3d(1, 1, 1);
530
+ }
531
+ 100% {
532
+ opacity: 0;
533
+ -webkit-transform: scale3d(0.25, 0.25, 0.25);
534
+ transform: scale3d(0.25, 0.25, 0.25);
535
+ }
536
+ }
537
+ @-webkit-keyframes fadeIn {
538
+ 0% {
539
+ opacity: 0;
540
+ }
541
+ 100% {
542
+ opacity: 1;
543
+ }
544
+ }
545
+ @keyframes fadeIn {
546
+ 0% {
547
+ opacity: 0;
548
+ }
549
+ 100% {
550
+ opacity: 1;
551
+ }
552
+ }
553
+ @-webkit-keyframes fadeOut {
554
+ 0% {
555
+ opacity: 1;
556
+ }
557
+ 100% {
558
+ opacity: 0;
559
+ }
560
+ }
561
+ @keyframes fadeOut {
562
+ 0% {
563
+ opacity: 1;
564
+ }
565
+ 100% {
566
+ opacity: 0;
567
+ }
568
+ }
569
+ @-webkit-keyframes flipInX {
570
+ 0% {
571
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
572
+ transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
573
+ -webkit-transition-timing-function: ease-in;
574
+ transition-timing-function: ease-in;
575
+ opacity: 0;
576
+ }
577
+ 40% {
578
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
579
+ transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
580
+ -webkit-transition-timing-function: ease-in;
581
+ transition-timing-function: ease-in;
582
+ }
583
+ 60% {
584
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
585
+ transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
586
+ opacity: 1;
587
+ }
588
+ 80% {
589
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
590
+ transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
591
+ }
592
+ 100% {
593
+ -webkit-transform: perspective(400px);
594
+ transform: perspective(400px);
595
+ }
596
+ }
597
+ @keyframes flipInX {
598
+ 0% {
599
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
600
+ transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
601
+ -webkit-transition-timing-function: ease-in;
602
+ transition-timing-function: ease-in;
603
+ opacity: 0;
604
+ }
605
+ 40% {
606
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
607
+ transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
608
+ -webkit-transition-timing-function: ease-in;
609
+ transition-timing-function: ease-in;
610
+ }
611
+ 60% {
612
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
613
+ transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
614
+ opacity: 1;
615
+ }
616
+ 80% {
617
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
618
+ transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
619
+ }
620
+ 100% {
621
+ -webkit-transform: perspective(400px);
622
+ transform: perspective(400px);
623
+ }
624
+ }
625
+ @-webkit-keyframes flipOutX {
626
+ 0% {
627
+ -webkit-transform: perspective(400px);
628
+ transform: perspective(400px);
629
+ }
630
+ 30% {
631
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
632
+ transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
633
+ opacity: 1;
634
+ }
635
+ 100% {
636
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
637
+ transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
638
+ opacity: 0;
639
+ }
640
+ }
641
+ @keyframes flipOutX {
642
+ 0% {
643
+ -webkit-transform: perspective(400px);
644
+ transform: perspective(400px);
645
+ }
646
+ 30% {
647
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
648
+ transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
649
+ opacity: 1;
650
+ }
651
+ 100% {
652
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
653
+ transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
654
+ opacity: 0;
655
+ }
656
+ }
657
+ @-webkit-keyframes flipInY {
658
+ 0% {
659
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
660
+ transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
661
+ -webkit-transition-timing-function: ease-in;
662
+ transition-timing-function: ease-in;
663
+ opacity: 0;
664
+ }
665
+ 40% {
666
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
667
+ transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
668
+ -webkit-transition-timing-function: ease-in;
669
+ transition-timing-function: ease-in;
670
+ }
671
+ 60% {
672
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
673
+ transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
674
+ opacity: 1;
675
+ }
676
+ 80% {
677
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
678
+ transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
679
+ }
680
+ 100% {
681
+ -webkit-transform: perspective(400px);
682
+ transform: perspective(400px);
683
+ }
684
+ }
685
+ @keyframes flipInY {
686
+ 0% {
687
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
688
+ transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
689
+ -webkit-transition-timing-function: ease-in;
690
+ transition-timing-function: ease-in;
691
+ opacity: 0;
692
+ }
693
+ 40% {
694
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
695
+ transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
696
+ -webkit-transition-timing-function: ease-in;
697
+ transition-timing-function: ease-in;
698
+ }
699
+ 60% {
700
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
701
+ transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
702
+ opacity: 1;
703
+ }
704
+ 80% {
705
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
706
+ transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
707
+ }
708
+ 100% {
709
+ -webkit-transform: perspective(400px);
710
+ transform: perspective(400px);
711
+ }
712
+ }
713
+ @-webkit-keyframes flipOutY {
714
+ 0% {
715
+ -webkit-transform: perspective(400px);
716
+ transform: perspective(400px);
717
+ }
718
+ 30% {
719
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
720
+ transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
721
+ opacity: 1;
722
+ }
723
+ 100% {
724
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
725
+ transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
726
+ opacity: 0;
727
+ }
728
+ }
729
+ @keyframes flipOutY {
730
+ 0% {
731
+ -webkit-transform: perspective(400px);
732
+ transform: perspective(400px);
733
+ }
734
+ 30% {
735
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
736
+ transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
737
+ opacity: 1;
738
+ }
739
+ 100% {
740
+ -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
741
+ transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
742
+ opacity: 0;
743
+ }
744
+ }
745
+ .alertify-notifier {
746
+ position: fixed;
747
+ width: 0;
748
+ overflow: visible;
749
+ z-index: 1982;
750
+ -webkit-transform: translate3d(0, 0, 0);
751
+ transform: translate3d(0, 0, 0);
752
+ }
753
+ .alertify-notifier .ajs-message {
754
+ position: relative;
755
+ width: 260px;
756
+ max-height: 0;
757
+ padding: 0;
758
+ opacity: 0;
759
+ margin: 0;
760
+ -webkit-transition-duration: 250ms;
761
+ transition-duration: 250ms;
762
+ -webkit-transition-timing-function: linear;
763
+ transition-timing-function: linear;
764
+ }
765
+ .alertify-notifier .ajs-message.ajs-visible {
766
+ -webkit-transition-duration: 500ms;
767
+ transition-duration: 500ms;
768
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
769
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
770
+ opacity: 1;
771
+ max-height: 100%;
772
+ padding: 15px;
773
+ margin-top: 10px;
774
+ }
775
+ .alertify-notifier.ajs-top {
776
+ top: 10px;
777
+ }
778
+ .alertify-notifier.ajs-bottom {
779
+ bottom: 10px;
780
+ }
781
+ .alertify-notifier.ajs-right {
782
+ left: 10px;
783
+ }
784
+ .alertify-notifier.ajs-right .ajs-message {
785
+ left: -320px;
786
+ }
787
+ .alertify-notifier.ajs-right .ajs-message.ajs-visible {
788
+ left: 290px;
789
+ }
790
+ .alertify-notifier.ajs-left {
791
+ right: 10px;
792
+ }
793
+ .alertify-notifier.ajs-left .ajs-message {
794
+ right: -300px;
795
+ }
796
+ .alertify-notifier.ajs-left .ajs-message.ajs-visible {
797
+ right: 0;
798
+ }