Minted
1
.daftplugPublic .daftplugPublicNavigationTabBar {
2
position: fixed;
3
display: flex;
4
justify-content: center;
5
align-items: center;
6
bottom: 0;
7
margin: 0;
8
padding: 0;
9
width: 100%;
10
z-index: 999999999;
11
height: 58px;
12
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
13
}
14
15
.daftplugPublic .daftplugPublicNavigationTabBar_list {
16
position: relative;
17
display: flex;
18
align-items: center;
19
justify-content: space-around;
20
list-style: none;
21
width: 95%;
22
height: 100%;
23
margin: 0;
24
padding: 0;
25
}
26
27
.daftplugPublic .daftplugPublicNavigationTabBar_item {
28
margin: 0;
29
padding: 0;
30
}
31
32
.daftplugPublic .daftplugPublicNavigationTabBar_link {
33
position: relative;
34
display: flex;
35
justify-content: center;
36
align-items: center;
37
margin: -10px;
38
padding: 10px;
39
border-radius: 50%;
40
cursor: pointer;
41
z-index: 1;
42
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
43
}
44
45
.daftplugPublic .daftplugPublicNavigationTabBar_icon {
46
width: 24px;
47
}
48
49
.daftplugPublic .daftplugPublicNavigationTabBar_search {
50
display: none;
51
position: absolute;
52
top: 0;
53
bottom: 0;
54
left: 0;
55
right: 0;
56
width: 100%;
57
height: 100%;
58
z-index: 9999;
59
}
60
61
.daftplugPublic .daftplugPublicNavigationTabBar_searchForm {
62
height: 100%;
63
width: 100%;
64
border: 0;
65
margin: 0;
66
outline: 0;
67
}
68
69
.daftplugPublic .daftplugPublicNavigationTabBar_searchField {
70
height: 100%;
71
width: 100%;
72
border: 0;
73
margin: 0;
74
outline: 0;
75
padding: 10px;
76
font-family: inherit;
77
font-size: 15px;
78
border-radius: 0;
79
box-shadow: none;
80
-webkit-appearance: none;
81
opacity: 1;
82
z-index: 1;
83
visibility: visible;
84
}
85
86
.daftplugPublic .daftplugPublicNavigationTabBar_cartcount {
87
position: absolute;
88
font-size: 8px;
89
padding: 0;
90
margin: 0;
91
color: #fff;
92
font-weight: 700;
93
background-color: #ff0000;
94
border-radius: 50%;
95
line-height: 15px;
96
top: 8px;
97
right: 5px;
98
height: 14px;
99
min-width: 14px;
100
text-align: center;
101
}
102
103
.daftplugPublic .daftplugPublicPushButton {
104
position: fixed;
105
display: none;
106
white-space: nowrap;
107
height: 60px;
108
text-align: center;
109
justify-content: center;
110
align-items: center;
111
width: 60px;
112
margin: 0;
113
padding: 0;
114
outline: none;
115
border: none;
116
border-radius: 50%;
117
vertical-align: middle;
118
text-decoration: none;
119
box-shadow: 0 14px 26px -12px rgba(0, 0, 0, .15), 0 4px 23px 0 rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .15);
120
cursor: pointer;
121
z-index: 999999999;
122
}
123
124
.daftplugPublic .daftplugPublicPushButton_icon {
125
display: none;
126
width: 27px;
127
height: 27px;
128
stroke-width: 2.2;
129
vertical-align: middle;
130
border: none;
131
outline: none;
132
}
133
134
.daftplugPublic .daftplugPublicPushButton.-loading {
135
pointer-events: none;
136
}
137
138
.daftplugPublic .daftplugPublicPushButton.-on .daftplugPublicPushButton_icon.-iconBell,
139
.daftplugPublic .daftplugPublicPushButton.-off .daftplugPublicPushButton_icon.-iconBellOff {
140
display: inline-block;
141
}
142
143
.daftplugPublic .daftplugPublicPushButton.-loading .daftplugPublicPushButton_icon.-iconLoading {
144
display: inline-block;
145
-webkit-animation: daftplugTurn 1.2s linear infinite forwards, daftplugPath 1.2s linear infinite forwards;
146
animation: daftplugTurn 1.2s linear infinite forwards, daftplugPath 1.2s linear infinite forwards;
147
}
148
149
.daftplugPublic .daftplugPublicRotateNotice {
150
display: none;
151
justify-content: center;
152
align-items: center;
153
flex-direction: column;
154
position: fixed;
155
left: 0;
156
top: 0;
157
right: 0;
158
bottom: 0;
159
background: black;
160
z-index: 999999999999999999;
161
pointer-events: none;
162
}
163
164
.daftplugPublic .daftplugPublicRotateNotice_phone {
165
height: 50px;
166
width: 100px;
167
border: 3px solid #fff;
168
border-radius: 10px;
169
animation: daftplugRotate 1.5s ease-in-out infinite alternate;
170
}
171
172
.daftplugPublic .daftplugPublicRotateNotice_text {
173
color: #fff;
174
font-size: 1em;
175
margin-top: 40px;
176
}
177
178
.daftplugPublic .daftplugPublicPreloader {
179
display: flex;
180
justify-content: center;
181
align-items: center;
182
position: fixed;
183
top: 0;
184
left: 0;
185
right: 0;
186
bottom: 0;
187
z-index: 9999999999999999;
188
}
189
190
.daftplugPublic .daftplugPublicPreloader.-default .daftplugPublicPreloader_icon {
191
width: 150px;
192
height: 150px;
193
background-repeat: no-repeat;
194
background-position: center;
195
-webkit-animation: daftplugBounce .4s infinite alternate;
196
-moz-animation: daftplugBounce .4s infinite alternate;
197
animation: daftplugBounce .4s infinite alternate;
198
}
199
200
.daftplugPublic .daftplugPublicPreloader.-spinner .daftplugPublicPreloader_spins {
201
position: relative;
202
margin: 75px auto;
203
width: 150px;
204
height: 150px;
205
display: block;
206
overflow: hidden;
207
will-change: transform;
208
}
209
210
.daftplugPublic .daftplugPublicPreloader.-spinner .daftplugPublicPreloader_spins div {
211
height: 100%;
212
border: 2px solid transparent;
213
border-radius: 50%;
214
padding: 4px;
215
-webkit-animation: daftplugSpinnerRotate 4s infinite linear;
216
animation: daftplugSpinnerRotate 4s infinite linear;
217
}
218
219
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body {
220
position: absolute;
221
top: 50%;
222
margin-left: -50px;
223
left: 50%;
224
animation: daftplugSpeeder .4s linear infinite;
225
}
226
227
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span {
228
height: 5px;
229
width: 35px;
230
background: #000;
231
position: absolute;
232
top: -19px;
233
left: 60px;
234
border-radius: 2px 10px 1px 0;
235
}
236
237
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_base span {
238
position: absolute;
239
width: 0;
240
height: 0;
241
border-top: 6px solid transparent;
242
border-right: 100px solid #000;
243
border-bottom: 6px solid transparent;
244
}
245
246
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_base span::before {
247
content: "";
248
height: 22px;
249
width: 22px;
250
border-radius: 50%;
251
background: #000;
252
position: absolute;
253
right: -110px;
254
top: -16px;
255
}
256
257
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_base span::after {
258
content: "";
259
position: absolute;
260
width: 0;
261
height: 0;
262
border-top: 0 solid transparent;
263
border-right: 55px solid #000;
264
border-bottom: 16px solid transparent;
265
top: -16px;
266
right: -98px;
267
}
268
269
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_face {
270
position: absolute;
271
height: 12px;
272
width: 20px;
273
background: #000;
274
border-radius: 20px 20px 0 0;
275
transform: rotate(-40deg);
276
right: -125px;
277
top: -15px;
278
}
279
280
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_face::after {
281
content: "";
282
height: 12px;
283
width: 12px;
284
background: #000;
285
right: 4px;
286
top: 7px;
287
position: absolute;
288
transform: rotate(40deg);
289
transform-origin: 50% 50%;
290
border-radius: 0 0 0 2px;
291
}
292
293
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(1),
294
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(2),
295
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(3),
296
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(4) {
297
width: 30px;
298
height: 1px;
299
background: #000;
300
position: absolute;
301
animation: daftplugFazer1 .2s linear infinite;
302
}
303
304
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(2) {
305
top: 3px;
306
animation: daftplugFazer2 .4s linear infinite;
307
}
308
309
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(3) {
310
top: 1px;
311
animation: daftplugFazer3 .4s linear infinite;
312
animation-delay: -1s;
313
}
314
315
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(4) {
316
top: 4px;
317
animation: daftplugFazer4 1s linear infinite;
318
animation-delay: -1s;
319
}
320
321
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers {
322
position: absolute;
323
width: 100%;
324
height: 100%;
325
}
326
327
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span {
328
position: absolute;
329
height: 2px;
330
width: 20%;
331
background: #000;
332
}
333
334
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(1) {
335
top: 20%;
336
animation: daftplugFazers1 .6s linear infinite;
337
animation-delay: -5s;
338
}
339
340
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(2) {
341
top: 40%;
342
animation: daftplugFazers2 .8s linear infinite;
343
animation-delay: -1s;
344
}
345
346
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(3) {
347
top: 60%;
348
animation: daftplugFazers3 .6s linear infinite;
349
}
350
351
.daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(4) {
352
top: 80%;
353
animation: daftplugFazers4 .5s linear infinite;
354
animation-delay: -3s;
355
}
356
357
.daftplugPublic .daftplugPublicPreloader.-percent .daftplugPublicPreloader_counter {
358
font-size: 38px;
359
color: #fff;
360
}
361
362
.daftplugPublic .daftplugPublicPreloader.-percent .daftplugPublicPreloader_progress {
363
width: 400px;
364
max-width: 85vw;
365
height: 4px;
366
position: absolute;
367
bottom: 20vh;
368
left: 50%;
369
border-radius: 4px;
370
background: rgba(255,255,255,0.5);
371
transform: translate(-50%, -50%);
372
overflow: hidden;
373
}
374
375
.daftplugPublic .daftplugPublicPreloader.-percent .daftplugPublicPreloader_fill {
376
display: block;
377
width: 0;
378
height: 4px;
379
background: #fff;
380
}
381
382
.daftplugPublic .daftplugPublicInstallButton {
383
display: none;
384
vertical-align: middle;
385
text-decoration: none;
386
font-size: 15px;
387
font-weight: 500;
388
line-height: 35px;
389
padding: 0 17px;
390
height: 35px;
391
border: none;
392
outline: none;
393
border-radius: 30px;
394
cursor: pointer;
395
}
396
397
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome,
398
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2,
399
.daftplugPublic .daftplugPublicFullscreenOverlay.-firefox,
400
.daftplugPublic .daftplugPublicFullscreenOverlay.-safari,
401
.daftplugPublic .daftplugPublicHeaderOverlay,
402
.daftplugPublic .daftplugPublicMenuOverlay,
403
.daftplugPublic .daftplugPublicCheckoutOverlay,
404
.daftplugPublic .daftplugPublicPostOverlay {
405
display: none;
406
}
407
408
.daftplugPublic .daftplugPublicFullscreenOverlay {
409
width: 100vw;
410
height: 100vh;
411
position: fixed;
412
top: 0;
413
text-align: center;
414
color: #fff;
415
padding: 10vh 5vw;
416
box-sizing: border-box;
417
z-index: 9999999999999999;
418
background-color: rgba(0, 0, 0, 0.75);
419
}
420
421
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome .daftplugPublicFullscreenOverlay_close,
422
.daftplugPublic .daftplugPublicFullscreenOverlay.-safari .daftplugPublicFullscreenOverlay_close {
423
margin: -45px 0 40px;
424
opacity: 0.8;
425
text-align: right;
426
text-decoration: underline;
427
cursor: pointer;
428
}
429
430
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2 .daftplugPublicFullscreenOverlay_close,
431
.daftplugPublic .daftplugPublicFullscreenOverlay.-firefox .daftplugPublicFullscreenOverlay_close {
432
margin-top: 55px;
433
opacity: 0.8;
434
text-align: center;
435
text-decoration: underline;
436
cursor: pointer;
437
}
438
439
.daftplugPublic .daftplugPublicFullscreenOverlay_logo {
440
background-repeat: no-repeat;
441
background-position: center 0;
442
padding-top: 130px;
443
margin: 0 45px;
444
background-size: 120px;
445
font-size: 24px;
446
margin-top: 15vh;
447
}
448
449
.daftplugPublic .daftplugPublicFullscreenOverlay_icon.-pointer {
450
margin-top: 5vh;
451
background: url('../img/image-mobileicons.png') no-repeat top left;
452
background-position: center -40px;
453
width: 100%;
454
height: 50px;
455
background-size: 40px;
456
-webkit-animation-duration: 0.5s;
457
animation-duration: 0.5s;
458
-webkit-animation-name: daftplugTopToBottom;
459
animation-name: daftplugTopToBottom;
460
-webkit-animation-iteration-count: infinite;
461
animation-iteration-count: infinite;
462
-webkit-animation-direction: alternate;
463
animation-direction: alternate;
464
}
465
466
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2 .daftplugPublicFullscreenOverlay_icon.-pointer {
467
margin-top: -8vh;
468
margin-left: 12px;
469
background-position: right -344px;
470
}
471
472
.daftplugPublic .daftplugPublicFullscreenOverlay.-firefox .daftplugPublicFullscreenOverlay_icon.-pointer {
473
margin-top: -8vh;
474
background-position: right -344px;
475
width: 77%;
476
}
477
478
.daftplugPublic .daftplugPublicFullscreenOverlay_icon.-home {
479
vertical-align: text-bottom;
480
width: 35px;
481
height: 35px;
482
display: inline-block;
483
background-size: cover;
484
background-image: url('../img/image-mobileicons.png');
485
}
486
487
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2 .daftplugPublicFullscreenOverlay_icon.-home {
488
background-position: center -113px;
489
}
490
491
.daftplugPublic .daftplugPublicFullscreenOverlay.-firefox .daftplugPublicFullscreenOverlay_icon.-home {
492
width: 47px;
493
height: 27px;
494
background-position: center 33px;
495
}
496
497
.daftplugPublic .daftplugPublicFullscreenOverlay.-chrome .daftplugPublicFullscreenOverlay_button {
498
background-color: transparent;
499
margin: 5vh auto;
500
display: inline-block;
501
font-weight: 600;
502
color: #fff;
503
border: 2px solid #fff;
504
padding: 10px 16px;
505
font-size: 16px;
506
border-radius: 6px;
507
cursor: pointer;
508
}
509
510
.daftplugPublic .daftplugPublicFullscreenOverlay_text {
511
padding-top: 3vh;
512
line-height: 1.5;
513
font-size: 18px;
514
}
515
516
.daftplugPublic .daftplugPublicFullscreenOverlay.-safari .daftplugPublicFullscreenOverlay_text {
517
padding-top: 10vh;
518
line-height: 1.5;
519
font-size: 18px;
520
}
521
522
.daftplugPublic .daftplugPublicHeaderOverlay {
523
-webkit-box-align: center;
524
-ms-flex-align: center;
525
align-items: center;
526
justify-content: space-between;
527
padding: 16px 12px;
528
position: fixed;
529
top: 0;
530
right: 0;
531
left: 0;
532
z-index: 9999999999999999;
533
}
534
535
.daftplugPublic .daftplugPublicHeaderOverlay_dismiss {
536
width: 30px;
537
height: 30px;
538
display: inline-block;
539
stroke-width: 3px;
540
margin-right: 10px;
541
vertical-align: middle;
542
}
543
544
.daftplugPublic .daftplugPublicHeaderOverlay_message {
545
width: 222px;
546
margin-right: 10px;
547
}
548
549
.daftplugPublic .daftplugPublicHeaderOverlay_appname {
550
font-weight: 500;
551
font-size: 18px;
552
}
553
554
.daftplugPublic .daftplugPublicHeaderOverlay_text {
555
font-size: 14px;
556
}
557
558
.daftplugPublic .daftplugPublicHeaderOverlay_button {
559
cursor: pointer;
560
border-radius: 30px;
561
padding: 5px 15px;
562
font-weight: 500;
563
font-size: 18px;
564
}
565
566
.daftplugPublic .daftplugPublicMenuOverlay,
567
.daftplugPublic .daftplugPublicCheckoutOverlay {
568
-webkit-box-align: center;
569
flex-flow: column wrap;
570
-ms-flex-align: center;
571
align-items: center;
572
border-radius: 4px;
573
margin-top: 10px;
574
padding: 16px 12px;
575
z-index: 9999999999999999;
576
}
577
578
.daftplugPublic .daftplugPublicMenuOverlay_content,
579
.daftplugPublic .daftplugPublicCheckoutOverlay_content {
580
display: -webkit-box;
581
display: -ms-flexbox;
582
display: flex;
583
-webkit-box-align: center;
584
-ms-flex-align: center;
585
align-items: center;
586
margin-bottom: 10px;
587
}
588
589
.daftplugPublic .daftplugPublicMenuOverlay_icon {
590
width: 55px;
591
margin-right: 10px;
592
}
593
594
.daftplugPublic .daftplugPublicCheckoutOverlay_icon {
595
width: 85px;
596
margin-right: 10px;
597
}
598
599
.daftplugPublic .daftplugPublicMenuOverlay_msg,
600
.daftplugPublic .daftplugPublicCheckoutOverlay_msg {
601
font-size: 15px;
602
padding: 0;
603
margin: 0;
604
}
605
606
.daftplugPublic .daftplugPublicMenuOverlay_buttons,
607
.daftplugPublic .daftplugPublicCheckoutOverlay_buttons {
608
display: -webkit-box;
609
display: -ms-flexbox;
610
display: flex;
611
-webkit-box-align: center;
612
-ms-flex-align: center;
613
align-items: center;
614
justify-content: flex-end;
615
width: 100%;
616
font-size: 18px;
617
}
618
619
.daftplugPublic .daftplugPublicMenuOverlay_dismiss,
620
.daftplugPublic .daftplugPublicCheckoutOverlay_dismiss {
621
cursor: pointer;
622
margin-right: 20px;
623
}
624
625
.daftplugPublic .daftplugPublicMenuOverlay_install,
626
.daftplugPublic .daftplugPublicCheckoutOverlay_install {
627
cursor: pointer;
628
border-radius: 30px;
629
padding: 5px 15px;
630
font-weight: 500;
631
}
632
633
634
635
.daftplugPublic .daftplugPublicPostOverlay {
636
637
}
638
639
.daftplugPublic .daftplugPublicPostOverlay_background {
640
width: 100vw;
641
height: 100vh;
642
position: fixed;
643
top: 0;
644
color: #fff;
645
z-index: 9999999999999999;
646
background-color: rgba(0, 0, 0, 0.7);
647
pointer-events: none;
648
}
649
650
.daftplugPublic .daftplugPublicPostOverlay_content {
651
position: fixed;
652
width: 100%;
653
bottom: 0;
654
padding: 0 20px;
655
background-color: #fff;
656
border-top-left-radius: 16px;
657
border-top-right-radius: 16px;
658
z-index: 99999999999999999;
659
animation: .3s daftplugSlideUp;
660
animation-delay: .5s;
661
animation-fill-mode: backwards;
662
pointer-events: all;
663
}
664
665
.daftplugPublic .daftplugPublicPostOverlay_header {
666
border-bottom: 1px solid;
667
border-color: #e3ebf3;
668
color: #1a1a1b;
669
font-size: 18px;
670
font-weight: 500;
671
text-align: center;
672
line-height: 26px;
673
padding: 12px 0;
674
}
675
676
.daftplugPublic .daftplugPublicPostOverlay_actions {
677
padding: 15px 0;
678
}
679
680
.daftplugPublic .daftplugPublicPostOverlayAction {
681
-ms-flex-align: center;
682
align-items: center;
683
display: -ms-flexbox;
684
display: flex;
685
height: auto;
686
position: relative;
687
}
688
689
.daftplugPublic .daftplugPublicPostOverlayAction:first-child {
690
margin-bottom: 15px;
691
}
692
693
.daftplugPublic .daftplugPublicPostOverlayAction_logo {
694
background-color: transparent;
695
border: 1px solid #edeff1;
696
border-radius: 8px;
697
margin-right: 12px;
698
padding: 5px;
699
width: 52px;
700
height: 52px;
701
}
702
703
.daftplugPublic .daftplugPublicPostOverlayAction_name {
704
color: #1a1a1b;
705
font-size: 16px;
706
font-weight: 700;
707
left: 0;
708
line-height: 32px;
709
position: relative;
710
}
711
712
.daftplugPublic .daftplugPublicPostOverlayAction_button {
713
background-color: #d9dee2;
714
color: #787c7e;
715
border: 1px solid #d3d6da;
716
border-radius: 40px;
717
font-size: 14px;
718
font-weight: 700;
719
height: 40px;
720
line-height: 38px;
721
outline: none;
722
padding: 0;
723
position: absolute;
724
right: 0;
725
text-align: center;
726
text-transform: capitalize;
727
width: 94px;
728
}
729
730
.daftplugPublic .daftplugPublicPostOverlayAction_button.-install {
731
border: none;
732
}
733
734
.daftplugPublic .daftplugPublicPushPrompt {
735
display: none;
736
position: fixed;
737
right: 0;
738
left: 0;
739
z-index: 9999999999999999;
740
max-width: 500px;
741
margin: 0 auto;
742
padding: 18px;
743
box-shadow: 0 1px 6px rgba(5,27,44,.06), 0 2px 32px rgba(5,27,44,.16);
744
border-radius: 10px;
745
}
746
747
.daftplugPublic .daftplugPublicPushPrompt.-show {
748
display: block;
749
top: 15px;
750
-webkit-animation-name: daftplugSlideDownEnter;
751
-webkit-animation-iteration-count: 1;
752
-webkit-animation-timing-function: ease-out;
753
-webkit-animation-duration: .5s;
754
-webkit-animation-fill-mode: forwards;
755
animation-name: daftplugSlideDownEnter;
756
animation-iteration-count: 1;
757
animation-timing-function: ease-out;
758
animation-duration: .5s;
759
animation-fill-mode: forwards;
760
}
761
762
.daftplugPublic .daftplugPublicPushPrompt.-hide {
763
-webkit-animation-name: daftplugSlideDownExit;
764
-webkit-animation-iteration-count: 1;
765
-webkit-animation-timing-function: ease-out;
766
-webkit-animation-duration: 500ms;
767
-webkit-animation-fill-mode: forwards;
768
animation-name: daftplugSlideDownExit;
769
animation-iteration-count: 1;
770
animation-timing-function: ease-out;
771
animation-duration: 500ms;
772
animation-fill-mode: forwards;
773
}
774
775
.daftplugPublic .daftplugPublicPushPrompt_content {
776
display: -webkit-box;
777
display: -ms-flexbox;
778
display: flex;
779
-webkit-box-align: center;
780
-ms-flex-align: center;
781
align-items: center;
782
margin-bottom: 16px;
783
}
784
785
.daftplugPublic .daftplugPublicPushPrompt_icon {
786
width: 69px;
787
margin-right: 10px;
788
}
789
790
.daftplugPublic .daftplugPublicPushPrompt_msg {
791
font-size: 17px;
792
padding: 0;
793
margin: 0;
794
}
795
796
.daftplugPublic .daftplugPublicPushPrompt_buttons {
797
display: -webkit-box;
798
display: -ms-flexbox;
799
display: flex;
800
-webkit-box-align: center;
801
-ms-flex-align: center;
802
align-items: center;
803
justify-content: flex-end;
804
width: 100%;
805
font-size: 16px;
806
}
807
808
.daftplugPublic .daftplugPublicPushPrompt_dismiss {
809
cursor: pointer;
810
margin-right: 18px;
811
}
812
813
.daftplugPublic .daftplugPublicPushPrompt_allow {
814
display: inline-block;
815
vertical-align: middle;
816
text-decoration: none;
817
background: #4d84fe;
818
box-shadow: 0 14px 26px -12px rgba(77, 132, 254, .3), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(77, 132, 254, .3);
819
color: #FFF;
820
font-weight: 500;
821
padding: 8px 20px;
822
border: none;
823
border-radius: 30px;
824
cursor: pointer;
825
transition: all .2s ease;
826
}
827
828
.daftplugPublic .daftplugPublicPushPrompt_allow:hover {
829
background: #4073FF;
830
}
831
832
.daftplugPublic .daftplugPublicPushPrompt_allow:hover,
833
.daftplugPublic .daftplugPublicPushPrompt_allow:focus {
834
color: #FFF;
835
box-shadow: 0 14px 26px -12px rgba(77, 132, 254, .3), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(77, 132, 254, .3);
836
}
837
838
.daftplugPublic .daftplugPublicPushPrompt_allow:active {
839
color: #FFF;
840
-webkit-transform: scale(0.97);
841
transform: scale(0.97);
842
box-shadow: 0 14px 26px -12px rgba(77, 132, 254, .3), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(77, 132, 254, .3);
843
}
844
845
@-webkit-keyframes daftplugTurn {
846
100% {
847
-webkit-transform: rotate(360deg);
848
transform: rotate(360deg);
849
}
850
}
851
852
@keyframes daftplugTurn {
853
100% {
854
-webkit-transform: rotate(360deg);
855
transform: rotate(360deg);
856
}
857
}
858
859
@-webkit-keyframes daftplugTopToBottom {
860
from {
861
transform: translate(0, 0);
862
}
863
to {
864
transform: translate(0, 20px);
865
}
866
}
867
868
@keyframes daftplugTopToBottom {
869
from {
870
transform: translate(0, 0);
871
}
872
to {
873
transform: translate(0, 20px);
874
}
875
}
876
877
@-webkit-keyframes daftplugRotate {
878
0% {
879
transform: rotate(0deg)
880
}
881
50% {
882
transform: rotate(-90deg)
883
}
884
100% {
885
transform: rotate(-90deg)
886
}
887
}
888
889
@keyframes daftplugRotate {
890
0% {
891
transform: rotate(0deg)
892
}
893
50% {
894
transform: rotate(-90deg)
895
}
896
100% {
897
transform: rotate(-90deg)
898
}
899
}
900
901
@-webkit-keyframes daftplugBounce {
902
to {
903
transform: scale(1.07);
904
}
905
}
906
907
@keyframes daftplugBounce {
908
to {
909
transform: scale(1.07);
910
}
911
}
912
913
@-webkit-keyframes daftplugSlideUp {
914
0% {
915
transform: translateY(224px)
916
}
917
to {
918
transform: translateY(0)
919
}
920
}
921
922
@keyframes daftplugSlideUp {
923
0% {
924
transform: translateY(224px)
925
}
926
to {
927
transform: translateY(0)
928
}
929
}
930
931
@keyframes daftplugSlideDownEnter {
932
0% {
933
transform: translateY(-150%)
934
}
935
100% {
936
transform: translateY(0);
937
}
938
}
939
940
@keyframes daftplugSlideDownExit {
941
0% {
942
transform: translateY(0%)
943
}
944
100% {
945
transform: translateY(-150%)
946
}
947
}
948
949
@-webkit-keyframes daftplugSpinnerRotate {
950
0% {
951
-webkit-transform: rotate(0deg);
952
transform: rotate(0deg);
953
border-top-color: rgba(0, 0, 0, 0.5);
954
}
955
50% {
956
-webkit-transform: rotate(180deg);
957
transform: rotate(180deg);
958
border-top-color: rgba(0, 0, 255, 0.5);
959
}
960
100% {
961
-webkit-transform: rotate(360deg);
962
transform: rotate(360deg);
963
border-top-color: rgba(0, 0, 0, 0.5);
964
}
965
}
966
967
@keyframes daftplugSpinnerRotate {
968
0% {
969
-webkit-transform: rotate(0deg);
970
transform: rotate(0deg);
971
border-top-color: rgba(0, 0, 0, 0.5);
972
}
973
50% {
974
-webkit-transform: rotate(180deg);
975
transform: rotate(180deg);
976
border-top-color: rgba(0, 0, 255, 0.5);
977
}
978
100% {
979
-webkit-transform: rotate(360deg);
980
transform: rotate(360deg);
981
border-top-color: rgba(0, 0, 0, 0.5);
982
}
983
}
984
985
@keyframes daftplugFazers1 {
986
0% {
987
left: 200%;
988
}
989
100% {
990
left: -200%;
991
opacity: 0;
992
}
993
}
994
995
@keyframes daftplugFazers2 {
996
0% {
997
left: 200%;
998
}
999
100% {
1000
left: -200%;
1001
opacity: 0;
1002
}
1003
}
1004
1005
@keyframes daftplugFazers3 {
1006
0% {
1007
left: 200%;
1008
}
1009
100% {
1010
left: -100%;
1011
opacity: 0;
1012
}
1013
}
1014
1015
@keyframes daftplugFazers4 {
1016
0% {
1017
left: 200%;
1018
}
1019
100% {
1020
left: -100%;
1021
opacity: 0;
1022
}
1023
}
1024
1025
@keyframes daftplugFazer1 {
1026
0% {
1027
left: 0;
1028
}
1029
100% {
1030
left: -80px;
1031
opacity: 0;
1032
}
1033
}
1034
1035
@keyframes daftplugFazer2 {
1036
0% {
1037
left: 0;
1038
}
1039
100% {
1040
left: -100px;
1041
opacity: 0;
1042
}
1043
}
1044
1045
@keyframes daftplugFazer3 {
1046
0% {
1047
left: 0;
1048
}
1049
100% {
1050
left: -50px;
1051
opacity: 0;
1052
}
1053
}
1054
1055
@keyframes daftplugFazer4 {
1056
0% {
1057
left: 0;
1058
}
1059
100% {
1060
left: -150px;
1061
opacity: 0;
1062
}
1063
}
1064
1065
@keyframes daftplugSpeeder {
1066
0% {
1067
transform: translate(2px, 1px) rotate(0deg);
1068
}
1069
10% {
1070
transform: translate(-1px, -3px) rotate(-1deg);
1071
}
1072
20% {
1073
transform: translate(-2px, 0px) rotate(1deg);
1074
}
1075
30% {
1076
transform: translate(1px, 2px) rotate(0deg);
1077
}
1078
40% {
1079
transform: translate(1px, -1px) rotate(1deg);
1080
}
1081
50% {
1082
transform: translate(-1px, 3px) rotate(-1deg);
1083
}
1084
60% {
1085
transform: translate(-1px, 1px) rotate(0deg);
1086
}
1087
70% {
1088
transform: translate(3px, 1px) rotate(-1deg);
1089
}
1090
80% {
1091
transform: translate(-2px, -1px) rotate(1deg);
1092
}
1093
90% {
1094
transform: translate(2px, 1px) rotate(0deg);
1095
}
1096
100% {
1097
transform: translate(1px, -2px) rotate(-1deg);
1098
}
1099
}
Bookmark:
javascript:location='http://
shauninman.com
/vs/?url='+escape(location)