fomantic-ui-sass 2.7.5 → 2.7.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +773 -617
- data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +150 -139
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.svg +13 -9
- data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/api.js +0 -1
- data/app/assets/javascripts/semantic-ui/calendar.js +31 -14
- data/app/assets/javascripts/semantic-ui/dropdown.js +2 -2
- data/app/assets/javascripts/semantic-ui/embed.js +1 -1
- data/app/assets/javascripts/semantic-ui/form.js +4 -3
- data/app/assets/javascripts/semantic-ui/popup.js +2 -2
- data/app/assets/javascripts/semantic-ui/progress.js +118 -72
- data/app/assets/javascripts/semantic-ui/slider.js +7 -3
- data/app/assets/javascripts/semantic-ui/transition.js +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +0 -6
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +26 -70
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +71 -187
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +113 -161
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +47 -113
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +50 -85
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +325 -685
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +0 -6
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +0 -18
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +0 -993
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +4 -16
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +8 -10989
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +0 -6
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +31 -55
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +6 -27
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +0 -10
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -8
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +0 -10
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +0 -6
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +2 -13
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +27 -80
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -97
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +0 -6
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -357
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +9 -7
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -32
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -14
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +9 -58
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +5 -26
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +39 -142
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -10
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +17 -51
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -10
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +19 -46
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +209 -12
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -12
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +5 -22
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -12
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -21
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -18
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +0 -7
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -8
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +2 -5
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1201
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +0 -6
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +81 -189
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +3 -13
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +6 -26
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +12 -43
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +10 -48
- data/lib/fomantic/ui/sass/version.rb +2 -2
- metadata +2 -2
@@ -14,8 +14,6 @@
|
|
14
14
|
*******************************/
|
15
15
|
|
16
16
|
.ui.rating {
|
17
|
-
display: -webkit-inline-box;
|
18
|
-
display: -ms-inline-flexbox;
|
19
17
|
display: inline-flex;
|
20
18
|
white-space: nowrap;
|
21
19
|
vertical-align: baseline;
|
@@ -31,13 +29,10 @@
|
|
31
29
|
text-align: center;
|
32
30
|
font-weight: normal;
|
33
31
|
font-style: normal;
|
34
|
-
|
35
|
-
-ms-flex: 1 0 auto;
|
36
|
-
flex: 1 0 auto;
|
32
|
+
flex: 1 0 auto;
|
37
33
|
cursor: pointer;
|
38
34
|
width: 1.25em;
|
39
35
|
height: auto;
|
40
|
-
-webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
|
41
36
|
transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
|
42
37
|
line-height: 1;
|
43
38
|
-webkit-backface-visibility: hidden;
|
@@ -278,12 +273,6 @@
|
|
278
273
|
|
279
274
|
|
280
275
|
|
281
|
-
/*******************************
|
282
|
-
Theme Overrides
|
283
|
-
*******************************/
|
284
|
-
|
285
|
-
|
286
|
-
|
287
276
|
/*******************************
|
288
277
|
Site Overrides
|
289
278
|
*******************************/
|
@@ -30,12 +30,8 @@
|
|
30
30
|
background: #FFFFFF;
|
31
31
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
32
32
|
color: rgba(0, 0, 0, 0.87);
|
33
|
-
|
34
|
-
box-shadow: 0 0 0 0 transparent inset;
|
35
|
-
-webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
36
|
-
transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
33
|
+
box-shadow: 0 0 0 0 transparent inset;
|
37
34
|
transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
|
38
|
-
transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
39
35
|
}
|
40
36
|
.ui.search .prompt {
|
41
37
|
border-radius: 500rem;
|
@@ -67,8 +63,7 @@
|
|
67
63
|
margin-top: 0.5em;
|
68
64
|
width: 18em;
|
69
65
|
border-radius: 0.28571429rem;
|
70
|
-
|
71
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
66
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
72
67
|
border: 1px solid #D4D4D5;
|
73
68
|
z-index: 998;
|
74
69
|
}
|
@@ -209,8 +204,7 @@
|
|
209
204
|
animation: loader 0.6s infinite linear;
|
210
205
|
border: 0.2em solid #767676;
|
211
206
|
border-radius: 500rem;
|
212
|
-
|
213
|
-
box-shadow: 0 0 0 1px transparent;
|
207
|
+
box-shadow: 0 0 0 1px transparent;
|
214
208
|
}
|
215
209
|
|
216
210
|
/*--------------
|
@@ -240,8 +234,7 @@
|
|
240
234
|
position: relative;
|
241
235
|
border-left-color: rgba(34, 36, 38, 0.1);
|
242
236
|
background: #F3F4F5;
|
243
|
-
|
244
|
-
box-shadow: none;
|
237
|
+
box-shadow: none;
|
245
238
|
}
|
246
239
|
.ui.search > .results .result.active .title {
|
247
240
|
color: rgba(0, 0, 0, 0.85);
|
@@ -285,7 +278,6 @@
|
|
285
278
|
color: '';
|
286
279
|
top: 0;
|
287
280
|
right: 0;
|
288
|
-
-webkit-transition: color 0.1s ease, opacity 0.1s ease;
|
289
281
|
transition: color 0.1s ease, opacity 0.1s ease;
|
290
282
|
}
|
291
283
|
.ui.search.selection > .icon.input > .active.remove.icon {
|
@@ -317,9 +309,7 @@
|
|
317
309
|
.ui.category.search > .results .category {
|
318
310
|
display: table-row;
|
319
311
|
background: #F3F4F5;
|
320
|
-
|
321
|
-
box-shadow: none;
|
322
|
-
-webkit-transition: background 0.1s ease, border-color 0.1s ease;
|
312
|
+
box-shadow: none;
|
323
313
|
transition: background 0.1s ease, border-color 0.1s ease;
|
324
314
|
}
|
325
315
|
|
@@ -360,7 +350,6 @@
|
|
360
350
|
}
|
361
351
|
.ui.category.search > .results .category .result {
|
362
352
|
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
363
|
-
-webkit-transition: background 0.1s ease, border-color 0.1s ease;
|
364
353
|
transition: background 0.1s ease, border-color 0.1s ease;
|
365
354
|
padding: 0.85714286em 1.14285714em;
|
366
355
|
}
|
@@ -435,12 +424,6 @@
|
|
435
424
|
|
436
425
|
|
437
426
|
|
438
|
-
/*******************************
|
439
|
-
Theme Overrides
|
440
|
-
*******************************/
|
441
|
-
|
442
|
-
|
443
|
-
|
444
427
|
/*******************************
|
445
428
|
Site Overrides
|
446
429
|
*******************************/
|
@@ -19,7 +19,6 @@
|
|
19
19
|
display: inline-block;
|
20
20
|
-webkit-perspective: 2000px;
|
21
21
|
perspective: 2000px;
|
22
|
-
-webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
23
22
|
transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
24
23
|
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
25
24
|
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
@@ -52,8 +51,7 @@
|
|
52
51
|
padding: 2em;
|
53
52
|
background-color: #E6E6E6;
|
54
53
|
color: rgba(0, 0, 0, 0.87);
|
55
|
-
|
56
|
-
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
|
54
|
+
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
|
57
55
|
}
|
58
56
|
.ui.cube.shape .side > .content {
|
59
57
|
width: 100%;
|
@@ -123,18 +121,15 @@
|
|
123
121
|
|
124
122
|
.ui.shape.animating .sides {
|
125
123
|
position: absolute;
|
126
|
-
-webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
127
124
|
transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
128
125
|
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
129
126
|
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
130
127
|
}
|
131
128
|
.ui.shape.animating .side {
|
132
|
-
-webkit-transition: opacity 0.6s ease-in-out;
|
133
129
|
transition: opacity 0.6s ease-in-out;
|
134
130
|
}
|
135
131
|
.ui.shape .animating.side *,
|
136
132
|
.ui.shape.animating .side * {
|
137
|
-
-webkit-transition: none;
|
138
133
|
transition: none;
|
139
134
|
}
|
140
135
|
|
@@ -153,12 +148,6 @@
|
|
153
148
|
|
154
149
|
|
155
150
|
|
156
|
-
/*******************************
|
157
|
-
Theme Overrides
|
158
|
-
*******************************/
|
159
|
-
|
160
|
-
|
161
|
-
|
162
151
|
/*******************************
|
163
152
|
User Overrides
|
164
153
|
*******************************/
|
@@ -21,7 +21,6 @@
|
|
21
21
|
left: 0;
|
22
22
|
-webkit-backface-visibility: hidden;
|
23
23
|
backface-visibility: hidden;
|
24
|
-
-webkit-transition: none;
|
25
24
|
transition: none;
|
26
25
|
will-change: transform;
|
27
26
|
-webkit-transform: translate3d(0, 0, 0);
|
@@ -113,7 +112,6 @@ body.pushable.dimmed {
|
|
113
112
|
position: fixed;
|
114
113
|
-webkit-backface-visibility: hidden;
|
115
114
|
backface-visibility: hidden;
|
116
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
117
115
|
transition: -webkit-transform 500ms ease;
|
118
116
|
transition: transform 500ms ease;
|
119
117
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -131,7 +129,6 @@ body.pushable.dimmed {
|
|
131
129
|
backface-visibility: hidden;
|
132
130
|
overflow: hidden;
|
133
131
|
min-height: 100%;
|
134
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
135
132
|
transition: -webkit-transform 500ms ease;
|
136
133
|
transition: transform 500ms ease;
|
137
134
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -156,7 +153,6 @@ body.pushable > .pusher {
|
|
156
153
|
background-color: rgba(0, 0, 0, 0.4);
|
157
154
|
overflow: hidden;
|
158
155
|
opacity: 0;
|
159
|
-
-webkit-transition: opacity 500ms;
|
160
156
|
transition: opacity 500ms;
|
161
157
|
will-change: opacity;
|
162
158
|
z-index: 1000;
|
@@ -207,13 +203,11 @@ body.pushable > .pusher {
|
|
207
203
|
/* Shadow Direction */
|
208
204
|
.ui.left.visible.sidebar,
|
209
205
|
.ui.right.visible.sidebar {
|
210
|
-
|
211
|
-
box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
|
206
|
+
box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
|
212
207
|
}
|
213
208
|
.ui.top.visible.sidebar,
|
214
209
|
.ui.bottom.visible.sidebar {
|
215
|
-
|
216
|
-
box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
|
210
|
+
box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
|
217
211
|
}
|
218
212
|
|
219
213
|
/* Visible On Load */
|
@@ -366,7 +360,6 @@ body.pushable > .pusher {
|
|
366
360
|
/* Animation */
|
367
361
|
.animating.ui.overlay.sidebar,
|
368
362
|
.ui.visible.overlay.sidebar {
|
369
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
370
363
|
transition: -webkit-transform 500ms ease;
|
371
364
|
transition: transform 500ms ease;
|
372
365
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -404,7 +397,6 @@ body.pushable > .pusher {
|
|
404
397
|
|
405
398
|
/* Initial */
|
406
399
|
.ui.push.sidebar {
|
407
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
408
400
|
transition: -webkit-transform 500ms ease;
|
409
401
|
transition: transform 500ms ease;
|
410
402
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -451,7 +443,6 @@ body.pushable > .pusher {
|
|
451
443
|
.ui.visible.uncover.sidebar {
|
452
444
|
-webkit-transform: translate3d(0, 0, 0);
|
453
445
|
transform: translate3d(0, 0, 0);
|
454
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
455
446
|
transition: -webkit-transform 500ms ease;
|
456
447
|
transition: transform 500ms ease;
|
457
448
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -487,7 +478,6 @@ body.pushable > .pusher {
|
|
487
478
|
|
488
479
|
/* Animation */
|
489
480
|
.ui.animating.slide.along.sidebar {
|
490
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
491
481
|
transition: -webkit-transform 500ms ease;
|
492
482
|
transition: transform 500ms ease;
|
493
483
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -529,7 +519,6 @@ body.pushable > .pusher {
|
|
529
519
|
|
530
520
|
/* Animation */
|
531
521
|
.ui.animating.slide.out.sidebar {
|
532
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
533
522
|
transition: -webkit-transform 500ms ease;
|
534
523
|
transition: transform 500ms ease;
|
535
524
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -548,7 +537,6 @@ body.pushable > .pusher {
|
|
548
537
|
|
549
538
|
/* Initial */
|
550
539
|
.ui.scale.down.sidebar {
|
551
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
552
540
|
transition: -webkit-transform 500ms ease;
|
553
541
|
transition: transform 500ms ease;
|
554
542
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -593,7 +581,6 @@ body.pushable > .pusher {
|
|
593
581
|
|
594
582
|
/* Animation */
|
595
583
|
.ui.animating.scale.down > .visible.ui.sidebar {
|
596
|
-
-webkit-transition: -webkit-transform 500ms ease;
|
597
584
|
transition: -webkit-transform 500ms ease;
|
598
585
|
transition: transform 500ms ease;
|
599
586
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
@@ -623,12 +610,6 @@ body.pushable > .pusher {
|
|
623
610
|
|
624
611
|
|
625
612
|
|
626
|
-
/*******************************
|
627
|
-
Theme Overrides
|
628
|
-
*******************************/
|
629
|
-
|
630
|
-
|
631
|
-
|
632
613
|
/*******************************
|
633
614
|
Site Overrides
|
634
615
|
*******************************/
|
@@ -51,24 +51,16 @@
|
|
51
51
|
top: 0;
|
52
52
|
height: 1.5em;
|
53
53
|
width: 1.5em;
|
54
|
-
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
55
|
-
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
56
54
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
57
55
|
border-radius: 100%;
|
58
|
-
|
59
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
60
|
-
-webkit-transition: background 0.3s ease;
|
56
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
61
57
|
transition: background 0.3s ease;
|
62
58
|
}
|
63
59
|
.ui.slider:not(.disabled) .inner .thumb:hover {
|
64
60
|
cursor: pointer;
|
65
|
-
background: #f2f2f2 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
66
|
-
background: #f2f2f2 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
67
61
|
background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
68
62
|
}
|
69
63
|
.ui.slider:not(.disabled):focus .inner .thumb {
|
70
|
-
background: #f2f2f2 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
71
|
-
background: #f2f2f2 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
72
64
|
background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
73
65
|
}
|
74
66
|
|
@@ -168,8 +160,6 @@
|
|
168
160
|
transform: translateY(-50%);
|
169
161
|
}
|
170
162
|
.ui.labeled.slider > .labels .label {
|
171
|
-
display: -webkit-inline-box;
|
172
|
-
display: -ms-inline-flexbox;
|
173
163
|
display: inline-flex;
|
174
164
|
position: absolute;
|
175
165
|
-webkit-transform: translate(-50%, -100%);
|
@@ -218,7 +208,6 @@
|
|
218
208
|
|
219
209
|
.ui.hover.slider .inner .thumb {
|
220
210
|
opacity: 0;
|
221
|
-
-webkit-transition: opacity 0.2s linear;
|
222
211
|
transition: opacity 0.2s linear;
|
223
212
|
}
|
224
213
|
.ui.hover.slider:not(.disabled):hover .inner .thumb,
|
@@ -766,9 +755,3 @@
|
|
766
755
|
Slider Overrides
|
767
756
|
*******************************/
|
768
757
|
|
769
|
-
|
770
|
-
|
771
|
-
/*******************************
|
772
|
-
Slider Overrides
|
773
|
-
*******************************/
|
774
|
-
|
@@ -15,7 +15,6 @@
|
|
15
15
|
|
16
16
|
.ui.sticky {
|
17
17
|
position: static;
|
18
|
-
-webkit-transition: none;
|
19
18
|
transition: none;
|
20
19
|
z-index: 800;
|
21
20
|
}
|
@@ -72,12 +71,6 @@
|
|
72
71
|
|
73
72
|
|
74
73
|
|
75
|
-
/*******************************
|
76
|
-
Theme Overrides
|
77
|
-
*******************************/
|
78
|
-
|
79
|
-
|
80
|
-
|
81
74
|
/*******************************
|
82
75
|
Site Overrides
|
83
76
|
*******************************/
|
@@ -71,8 +71,7 @@
|
|
71
71
|
animation: loader 0.6s infinite linear;
|
72
72
|
border: 0.2em solid #767676;
|
73
73
|
border-radius: 500rem;
|
74
|
-
|
75
|
-
box-shadow: 0 0 0 1px transparent;
|
74
|
+
box-shadow: 0 0 0 1px transparent;
|
76
75
|
}
|
77
76
|
|
78
77
|
|
@@ -82,12 +81,6 @@
|
|
82
81
|
|
83
82
|
|
84
83
|
|
85
|
-
/*******************************
|
86
|
-
Tab Overrides
|
87
|
-
*******************************/
|
88
|
-
|
89
|
-
|
90
|
-
|
91
84
|
/*******************************
|
92
85
|
User Overrides
|
93
86
|
*******************************/
|
@@ -64,12 +64,10 @@
|
|
64
64
|
}
|
65
65
|
.floating.toast,
|
66
66
|
.hoverfloating.toast:hover {
|
67
|
-
|
68
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
67
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
69
68
|
}
|
70
69
|
.hoverfloating.message:hover {
|
71
|
-
|
72
|
-
box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
70
|
+
box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
73
71
|
}
|
74
72
|
.center.toast-container .toast-box,
|
75
73
|
.right.toast-container .toast-box {
|
@@ -294,7 +292,6 @@
|
|
294
292
|
top: 0.3em;
|
295
293
|
right: 0.3em;
|
296
294
|
opacity: 0.7;
|
297
|
-
-webkit-transition: opacity 0.1s ease;
|
298
295
|
transition: opacity 0.1s ease;
|
299
296
|
}
|
300
297
|
.toast-box .toast > .close.icon:hover {
|
@@ -787,8 +787,7 @@
|
|
787
787
|
.transition.fly {
|
788
788
|
-webkit-animation-duration: 0.6s;
|
789
789
|
animation-duration: 0.6s;
|
790
|
-
|
791
|
-
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
790
|
+
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
792
791
|
}
|
793
792
|
.transition.fly.in {
|
794
793
|
-webkit-animation-name: flyIn;
|
@@ -2053,1205 +2052,6 @@
|
|
2053
2052
|
}
|
2054
2053
|
|
2055
2054
|
|
2056
|
-
/*******************************
|
2057
|
-
Transitions
|
2058
|
-
*******************************/
|
2059
|
-
|
2060
|
-
/*
|
2061
|
-
Some transitions adapted from Animate CSS
|
2062
|
-
https://github.com/daneden/animate.css
|
2063
|
-
|
2064
|
-
Additional transitions adapted from Glide
|
2065
|
-
by Nick Pettit - https://github.com/nickpettit/glide
|
2066
|
-
*/
|
2067
|
-
|
2068
|
-
/*--------------
|
2069
|
-
Browse
|
2070
|
-
---------------*/
|
2071
|
-
|
2072
|
-
.transition.browse {
|
2073
|
-
-webkit-animation-duration: 500ms;
|
2074
|
-
animation-duration: 500ms;
|
2075
|
-
}
|
2076
|
-
.transition.browse.in {
|
2077
|
-
-webkit-animation-name: browseIn;
|
2078
|
-
animation-name: browseIn;
|
2079
|
-
}
|
2080
|
-
.transition.browse.out,
|
2081
|
-
.transition.browse.left.out {
|
2082
|
-
-webkit-animation-name: browseOutLeft;
|
2083
|
-
animation-name: browseOutLeft;
|
2084
|
-
}
|
2085
|
-
.transition.browse.right.out {
|
2086
|
-
-webkit-animation-name: browseOutRight;
|
2087
|
-
animation-name: browseOutRight;
|
2088
|
-
}
|
2089
|
-
|
2090
|
-
/* In */
|
2091
|
-
@keyframes browseIn {
|
2092
|
-
0% {
|
2093
|
-
-webkit-transform: scale(0.8) translateZ(0px);
|
2094
|
-
transform: scale(0.8) translateZ(0px);
|
2095
|
-
z-index: -1;
|
2096
|
-
}
|
2097
|
-
10% {
|
2098
|
-
-webkit-transform: scale(0.8) translateZ(0px);
|
2099
|
-
transform: scale(0.8) translateZ(0px);
|
2100
|
-
z-index: -1;
|
2101
|
-
opacity: 0.7;
|
2102
|
-
}
|
2103
|
-
80% {
|
2104
|
-
-webkit-transform: scale(1.05) translateZ(0px);
|
2105
|
-
transform: scale(1.05) translateZ(0px);
|
2106
|
-
opacity: 1;
|
2107
|
-
z-index: 999;
|
2108
|
-
}
|
2109
|
-
100% {
|
2110
|
-
-webkit-transform: scale(1) translateZ(0px);
|
2111
|
-
transform: scale(1) translateZ(0px);
|
2112
|
-
z-index: 999;
|
2113
|
-
}
|
2114
|
-
}
|
2115
|
-
|
2116
|
-
/* Out */
|
2117
|
-
@keyframes browseOutLeft {
|
2118
|
-
0% {
|
2119
|
-
z-index: 999;
|
2120
|
-
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
2121
|
-
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
2122
|
-
}
|
2123
|
-
50% {
|
2124
|
-
z-index: -1;
|
2125
|
-
-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
2126
|
-
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
2127
|
-
}
|
2128
|
-
80% {
|
2129
|
-
opacity: 1;
|
2130
|
-
}
|
2131
|
-
100% {
|
2132
|
-
z-index: -1;
|
2133
|
-
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
|
2134
|
-
transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
|
2135
|
-
opacity: 0;
|
2136
|
-
}
|
2137
|
-
}
|
2138
|
-
@keyframes browseOutRight {
|
2139
|
-
0% {
|
2140
|
-
z-index: 999;
|
2141
|
-
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
2142
|
-
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
2143
|
-
}
|
2144
|
-
50% {
|
2145
|
-
z-index: 1;
|
2146
|
-
-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
2147
|
-
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
2148
|
-
}
|
2149
|
-
80% {
|
2150
|
-
opacity: 1;
|
2151
|
-
}
|
2152
|
-
100% {
|
2153
|
-
z-index: 1;
|
2154
|
-
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
|
2155
|
-
transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
|
2156
|
-
opacity: 0;
|
2157
|
-
}
|
2158
|
-
}
|
2159
|
-
|
2160
|
-
/*--------------
|
2161
|
-
Drop
|
2162
|
-
---------------*/
|
2163
|
-
|
2164
|
-
.drop.transition {
|
2165
|
-
-webkit-transform-origin: top center;
|
2166
|
-
transform-origin: top center;
|
2167
|
-
-webkit-animation-duration: 400ms;
|
2168
|
-
animation-duration: 400ms;
|
2169
|
-
-webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
|
2170
|
-
animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
|
2171
|
-
}
|
2172
|
-
.drop.transition.in {
|
2173
|
-
-webkit-animation-name: dropIn;
|
2174
|
-
animation-name: dropIn;
|
2175
|
-
}
|
2176
|
-
.drop.transition.out {
|
2177
|
-
-webkit-animation-name: dropOut;
|
2178
|
-
animation-name: dropOut;
|
2179
|
-
}
|
2180
|
-
|
2181
|
-
/* Drop */
|
2182
|
-
@keyframes dropIn {
|
2183
|
-
0% {
|
2184
|
-
opacity: 0;
|
2185
|
-
-webkit-transform: scale(0);
|
2186
|
-
transform: scale(0);
|
2187
|
-
}
|
2188
|
-
100% {
|
2189
|
-
opacity: 1;
|
2190
|
-
-webkit-transform: scale(1);
|
2191
|
-
transform: scale(1);
|
2192
|
-
}
|
2193
|
-
}
|
2194
|
-
@keyframes dropOut {
|
2195
|
-
0% {
|
2196
|
-
opacity: 1;
|
2197
|
-
-webkit-transform: scale(1);
|
2198
|
-
transform: scale(1);
|
2199
|
-
}
|
2200
|
-
100% {
|
2201
|
-
opacity: 0;
|
2202
|
-
-webkit-transform: scale(0);
|
2203
|
-
transform: scale(0);
|
2204
|
-
}
|
2205
|
-
}
|
2206
|
-
|
2207
|
-
/*--------------
|
2208
|
-
Fade
|
2209
|
-
---------------*/
|
2210
|
-
|
2211
|
-
.transition.fade.in {
|
2212
|
-
-webkit-animation-name: fadeIn;
|
2213
|
-
animation-name: fadeIn;
|
2214
|
-
}
|
2215
|
-
.transition[class*="fade up"].in {
|
2216
|
-
-webkit-animation-name: fadeInUp;
|
2217
|
-
animation-name: fadeInUp;
|
2218
|
-
}
|
2219
|
-
.transition[class*="fade down"].in {
|
2220
|
-
-webkit-animation-name: fadeInDown;
|
2221
|
-
animation-name: fadeInDown;
|
2222
|
-
}
|
2223
|
-
.transition[class*="fade left"].in {
|
2224
|
-
-webkit-animation-name: fadeInLeft;
|
2225
|
-
animation-name: fadeInLeft;
|
2226
|
-
}
|
2227
|
-
.transition[class*="fade right"].in {
|
2228
|
-
-webkit-animation-name: fadeInRight;
|
2229
|
-
animation-name: fadeInRight;
|
2230
|
-
}
|
2231
|
-
.transition.fade.out {
|
2232
|
-
-webkit-animation-name: fadeOut;
|
2233
|
-
animation-name: fadeOut;
|
2234
|
-
}
|
2235
|
-
.transition[class*="fade up"].out {
|
2236
|
-
-webkit-animation-name: fadeOutUp;
|
2237
|
-
animation-name: fadeOutUp;
|
2238
|
-
}
|
2239
|
-
.transition[class*="fade down"].out {
|
2240
|
-
-webkit-animation-name: fadeOutDown;
|
2241
|
-
animation-name: fadeOutDown;
|
2242
|
-
}
|
2243
|
-
.transition[class*="fade left"].out {
|
2244
|
-
-webkit-animation-name: fadeOutLeft;
|
2245
|
-
animation-name: fadeOutLeft;
|
2246
|
-
}
|
2247
|
-
.transition[class*="fade right"].out {
|
2248
|
-
-webkit-animation-name: fadeOutRight;
|
2249
|
-
animation-name: fadeOutRight;
|
2250
|
-
}
|
2251
|
-
|
2252
|
-
/* In */
|
2253
|
-
@keyframes fadeIn {
|
2254
|
-
0% {
|
2255
|
-
opacity: 0;
|
2256
|
-
}
|
2257
|
-
100% {
|
2258
|
-
opacity: 1;
|
2259
|
-
}
|
2260
|
-
}
|
2261
|
-
@keyframes fadeInUp {
|
2262
|
-
0% {
|
2263
|
-
opacity: 0;
|
2264
|
-
-webkit-transform: translateY(10%);
|
2265
|
-
transform: translateY(10%);
|
2266
|
-
}
|
2267
|
-
100% {
|
2268
|
-
opacity: 1;
|
2269
|
-
-webkit-transform: translateY(0%);
|
2270
|
-
transform: translateY(0%);
|
2271
|
-
}
|
2272
|
-
}
|
2273
|
-
@keyframes fadeInDown {
|
2274
|
-
0% {
|
2275
|
-
opacity: 0;
|
2276
|
-
-webkit-transform: translateY(-10%);
|
2277
|
-
transform: translateY(-10%);
|
2278
|
-
}
|
2279
|
-
100% {
|
2280
|
-
opacity: 1;
|
2281
|
-
-webkit-transform: translateY(0%);
|
2282
|
-
transform: translateY(0%);
|
2283
|
-
}
|
2284
|
-
}
|
2285
|
-
@keyframes fadeInLeft {
|
2286
|
-
0% {
|
2287
|
-
opacity: 0;
|
2288
|
-
-webkit-transform: translateX(10%);
|
2289
|
-
transform: translateX(10%);
|
2290
|
-
}
|
2291
|
-
100% {
|
2292
|
-
opacity: 1;
|
2293
|
-
-webkit-transform: translateX(0%);
|
2294
|
-
transform: translateX(0%);
|
2295
|
-
}
|
2296
|
-
}
|
2297
|
-
@keyframes fadeInRight {
|
2298
|
-
0% {
|
2299
|
-
opacity: 0;
|
2300
|
-
-webkit-transform: translateX(-10%);
|
2301
|
-
transform: translateX(-10%);
|
2302
|
-
}
|
2303
|
-
100% {
|
2304
|
-
opacity: 1;
|
2305
|
-
-webkit-transform: translateX(0%);
|
2306
|
-
transform: translateX(0%);
|
2307
|
-
}
|
2308
|
-
}
|
2309
|
-
|
2310
|
-
/* Out */
|
2311
|
-
@keyframes fadeOut {
|
2312
|
-
0% {
|
2313
|
-
opacity: 1;
|
2314
|
-
}
|
2315
|
-
100% {
|
2316
|
-
opacity: 0;
|
2317
|
-
}
|
2318
|
-
}
|
2319
|
-
@keyframes fadeOutUp {
|
2320
|
-
0% {
|
2321
|
-
opacity: 1;
|
2322
|
-
-webkit-transform: translateY(0%);
|
2323
|
-
transform: translateY(0%);
|
2324
|
-
}
|
2325
|
-
100% {
|
2326
|
-
opacity: 0;
|
2327
|
-
-webkit-transform: translateY(5%);
|
2328
|
-
transform: translateY(5%);
|
2329
|
-
}
|
2330
|
-
}
|
2331
|
-
@keyframes fadeOutDown {
|
2332
|
-
0% {
|
2333
|
-
opacity: 1;
|
2334
|
-
-webkit-transform: translateY(0%);
|
2335
|
-
transform: translateY(0%);
|
2336
|
-
}
|
2337
|
-
100% {
|
2338
|
-
opacity: 0;
|
2339
|
-
-webkit-transform: translateY(-5%);
|
2340
|
-
transform: translateY(-5%);
|
2341
|
-
}
|
2342
|
-
}
|
2343
|
-
@keyframes fadeOutLeft {
|
2344
|
-
0% {
|
2345
|
-
opacity: 1;
|
2346
|
-
-webkit-transform: translateX(0%);
|
2347
|
-
transform: translateX(0%);
|
2348
|
-
}
|
2349
|
-
100% {
|
2350
|
-
opacity: 0;
|
2351
|
-
-webkit-transform: translateX(5%);
|
2352
|
-
transform: translateX(5%);
|
2353
|
-
}
|
2354
|
-
}
|
2355
|
-
@keyframes fadeOutRight {
|
2356
|
-
0% {
|
2357
|
-
opacity: 1;
|
2358
|
-
-webkit-transform: translateX(0%);
|
2359
|
-
transform: translateX(0%);
|
2360
|
-
}
|
2361
|
-
100% {
|
2362
|
-
opacity: 0;
|
2363
|
-
-webkit-transform: translateX(-5%);
|
2364
|
-
transform: translateX(-5%);
|
2365
|
-
}
|
2366
|
-
}
|
2367
|
-
|
2368
|
-
/*--------------
|
2369
|
-
Flips
|
2370
|
-
---------------*/
|
2371
|
-
|
2372
|
-
.flip.transition.in,
|
2373
|
-
.flip.transition.out {
|
2374
|
-
-webkit-animation-duration: 600ms;
|
2375
|
-
animation-duration: 600ms;
|
2376
|
-
}
|
2377
|
-
.horizontal.flip.transition.in {
|
2378
|
-
-webkit-animation-name: horizontalFlipIn;
|
2379
|
-
animation-name: horizontalFlipIn;
|
2380
|
-
}
|
2381
|
-
.horizontal.flip.transition.out {
|
2382
|
-
-webkit-animation-name: horizontalFlipOut;
|
2383
|
-
animation-name: horizontalFlipOut;
|
2384
|
-
}
|
2385
|
-
.vertical.flip.transition.in {
|
2386
|
-
-webkit-animation-name: verticalFlipIn;
|
2387
|
-
animation-name: verticalFlipIn;
|
2388
|
-
}
|
2389
|
-
.vertical.flip.transition.out {
|
2390
|
-
-webkit-animation-name: verticalFlipOut;
|
2391
|
-
animation-name: verticalFlipOut;
|
2392
|
-
}
|
2393
|
-
|
2394
|
-
/* In */
|
2395
|
-
@keyframes horizontalFlipIn {
|
2396
|
-
0% {
|
2397
|
-
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
2398
|
-
transform: perspective(2000px) rotateY(-90deg);
|
2399
|
-
opacity: 0;
|
2400
|
-
}
|
2401
|
-
100% {
|
2402
|
-
-webkit-transform: perspective(2000px) rotateY(0deg);
|
2403
|
-
transform: perspective(2000px) rotateY(0deg);
|
2404
|
-
opacity: 1;
|
2405
|
-
}
|
2406
|
-
}
|
2407
|
-
@keyframes verticalFlipIn {
|
2408
|
-
0% {
|
2409
|
-
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
2410
|
-
transform: perspective(2000px) rotateX(-90deg);
|
2411
|
-
opacity: 0;
|
2412
|
-
}
|
2413
|
-
100% {
|
2414
|
-
-webkit-transform: perspective(2000px) rotateX(0deg);
|
2415
|
-
transform: perspective(2000px) rotateX(0deg);
|
2416
|
-
opacity: 1;
|
2417
|
-
}
|
2418
|
-
}
|
2419
|
-
|
2420
|
-
/* Out */
|
2421
|
-
@keyframes horizontalFlipOut {
|
2422
|
-
0% {
|
2423
|
-
-webkit-transform: perspective(2000px) rotateY(0deg);
|
2424
|
-
transform: perspective(2000px) rotateY(0deg);
|
2425
|
-
opacity: 1;
|
2426
|
-
}
|
2427
|
-
100% {
|
2428
|
-
-webkit-transform: perspective(2000px) rotateY(90deg);
|
2429
|
-
transform: perspective(2000px) rotateY(90deg);
|
2430
|
-
opacity: 0;
|
2431
|
-
}
|
2432
|
-
}
|
2433
|
-
@keyframes verticalFlipOut {
|
2434
|
-
0% {
|
2435
|
-
-webkit-transform: perspective(2000px) rotateX(0deg);
|
2436
|
-
transform: perspective(2000px) rotateX(0deg);
|
2437
|
-
opacity: 1;
|
2438
|
-
}
|
2439
|
-
100% {
|
2440
|
-
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
2441
|
-
transform: perspective(2000px) rotateX(-90deg);
|
2442
|
-
opacity: 0;
|
2443
|
-
}
|
2444
|
-
}
|
2445
|
-
|
2446
|
-
/*--------------
|
2447
|
-
Scale
|
2448
|
-
---------------*/
|
2449
|
-
|
2450
|
-
.scale.transition.in {
|
2451
|
-
-webkit-animation-name: scaleIn;
|
2452
|
-
animation-name: scaleIn;
|
2453
|
-
}
|
2454
|
-
.scale.transition.out {
|
2455
|
-
-webkit-animation-name: scaleOut;
|
2456
|
-
animation-name: scaleOut;
|
2457
|
-
}
|
2458
|
-
@keyframes scaleIn {
|
2459
|
-
0% {
|
2460
|
-
opacity: 0;
|
2461
|
-
-webkit-transform: scale(0.8);
|
2462
|
-
transform: scale(0.8);
|
2463
|
-
}
|
2464
|
-
100% {
|
2465
|
-
opacity: 1;
|
2466
|
-
-webkit-transform: scale(1);
|
2467
|
-
transform: scale(1);
|
2468
|
-
}
|
2469
|
-
}
|
2470
|
-
|
2471
|
-
/* Out */
|
2472
|
-
@keyframes scaleOut {
|
2473
|
-
0% {
|
2474
|
-
opacity: 1;
|
2475
|
-
-webkit-transform: scale(1);
|
2476
|
-
transform: scale(1);
|
2477
|
-
}
|
2478
|
-
100% {
|
2479
|
-
opacity: 0;
|
2480
|
-
-webkit-transform: scale(0.9);
|
2481
|
-
transform: scale(0.9);
|
2482
|
-
}
|
2483
|
-
}
|
2484
|
-
|
2485
|
-
/*--------------
|
2486
|
-
Fly
|
2487
|
-
---------------*/
|
2488
|
-
|
2489
|
-
|
2490
|
-
/* Inward */
|
2491
|
-
.transition.fly {
|
2492
|
-
-webkit-animation-duration: 0.6s;
|
2493
|
-
animation-duration: 0.6s;
|
2494
|
-
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
2495
|
-
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
2496
|
-
}
|
2497
|
-
.transition.fly.in {
|
2498
|
-
-webkit-animation-name: flyIn;
|
2499
|
-
animation-name: flyIn;
|
2500
|
-
}
|
2501
|
-
.transition[class*="fly up"].in {
|
2502
|
-
-webkit-animation-name: flyInUp;
|
2503
|
-
animation-name: flyInUp;
|
2504
|
-
}
|
2505
|
-
.transition[class*="fly down"].in {
|
2506
|
-
-webkit-animation-name: flyInDown;
|
2507
|
-
animation-name: flyInDown;
|
2508
|
-
}
|
2509
|
-
.transition[class*="fly left"].in {
|
2510
|
-
-webkit-animation-name: flyInLeft;
|
2511
|
-
animation-name: flyInLeft;
|
2512
|
-
}
|
2513
|
-
.transition[class*="fly right"].in {
|
2514
|
-
-webkit-animation-name: flyInRight;
|
2515
|
-
animation-name: flyInRight;
|
2516
|
-
}
|
2517
|
-
|
2518
|
-
/* Outward */
|
2519
|
-
.transition.fly.out {
|
2520
|
-
-webkit-animation-name: flyOut;
|
2521
|
-
animation-name: flyOut;
|
2522
|
-
}
|
2523
|
-
.transition[class*="fly up"].out {
|
2524
|
-
-webkit-animation-name: flyOutUp;
|
2525
|
-
animation-name: flyOutUp;
|
2526
|
-
}
|
2527
|
-
.transition[class*="fly down"].out {
|
2528
|
-
-webkit-animation-name: flyOutDown;
|
2529
|
-
animation-name: flyOutDown;
|
2530
|
-
}
|
2531
|
-
.transition[class*="fly left"].out {
|
2532
|
-
-webkit-animation-name: flyOutLeft;
|
2533
|
-
animation-name: flyOutLeft;
|
2534
|
-
}
|
2535
|
-
.transition[class*="fly right"].out {
|
2536
|
-
-webkit-animation-name: flyOutRight;
|
2537
|
-
animation-name: flyOutRight;
|
2538
|
-
}
|
2539
|
-
|
2540
|
-
/* In */
|
2541
|
-
@keyframes flyIn {
|
2542
|
-
0% {
|
2543
|
-
opacity: 0;
|
2544
|
-
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
2545
|
-
transform: scale3d(0.3, 0.3, 0.3);
|
2546
|
-
}
|
2547
|
-
20% {
|
2548
|
-
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
2549
|
-
transform: scale3d(1.1, 1.1, 1.1);
|
2550
|
-
}
|
2551
|
-
40% {
|
2552
|
-
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
2553
|
-
transform: scale3d(0.9, 0.9, 0.9);
|
2554
|
-
}
|
2555
|
-
60% {
|
2556
|
-
opacity: 1;
|
2557
|
-
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
2558
|
-
transform: scale3d(1.03, 1.03, 1.03);
|
2559
|
-
}
|
2560
|
-
80% {
|
2561
|
-
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
2562
|
-
transform: scale3d(0.97, 0.97, 0.97);
|
2563
|
-
}
|
2564
|
-
100% {
|
2565
|
-
opacity: 1;
|
2566
|
-
-webkit-transform: scale3d(1, 1, 1);
|
2567
|
-
transform: scale3d(1, 1, 1);
|
2568
|
-
}
|
2569
|
-
}
|
2570
|
-
@keyframes flyInUp {
|
2571
|
-
0% {
|
2572
|
-
opacity: 0;
|
2573
|
-
-webkit-transform: translate3d(0, 1500px, 0);
|
2574
|
-
transform: translate3d(0, 1500px, 0);
|
2575
|
-
}
|
2576
|
-
60% {
|
2577
|
-
opacity: 1;
|
2578
|
-
-webkit-transform: translate3d(0, -20px, 0);
|
2579
|
-
transform: translate3d(0, -20px, 0);
|
2580
|
-
}
|
2581
|
-
75% {
|
2582
|
-
-webkit-transform: translate3d(0, 10px, 0);
|
2583
|
-
transform: translate3d(0, 10px, 0);
|
2584
|
-
}
|
2585
|
-
90% {
|
2586
|
-
-webkit-transform: translate3d(0, -5px, 0);
|
2587
|
-
transform: translate3d(0, -5px, 0);
|
2588
|
-
}
|
2589
|
-
100% {
|
2590
|
-
-webkit-transform: translate3d(0, 0, 0);
|
2591
|
-
transform: translate3d(0, 0, 0);
|
2592
|
-
}
|
2593
|
-
}
|
2594
|
-
@keyframes flyInDown {
|
2595
|
-
0% {
|
2596
|
-
opacity: 0;
|
2597
|
-
-webkit-transform: translate3d(0, -1500px, 0);
|
2598
|
-
transform: translate3d(0, -1500px, 0);
|
2599
|
-
}
|
2600
|
-
60% {
|
2601
|
-
opacity: 1;
|
2602
|
-
-webkit-transform: translate3d(0, 25px, 0);
|
2603
|
-
transform: translate3d(0, 25px, 0);
|
2604
|
-
}
|
2605
|
-
75% {
|
2606
|
-
-webkit-transform: translate3d(0, -10px, 0);
|
2607
|
-
transform: translate3d(0, -10px, 0);
|
2608
|
-
}
|
2609
|
-
90% {
|
2610
|
-
-webkit-transform: translate3d(0, 5px, 0);
|
2611
|
-
transform: translate3d(0, 5px, 0);
|
2612
|
-
}
|
2613
|
-
100% {
|
2614
|
-
-webkit-transform: none;
|
2615
|
-
transform: none;
|
2616
|
-
}
|
2617
|
-
}
|
2618
|
-
@keyframes flyInLeft {
|
2619
|
-
0% {
|
2620
|
-
opacity: 0;
|
2621
|
-
-webkit-transform: translate3d(1500px, 0, 0);
|
2622
|
-
transform: translate3d(1500px, 0, 0);
|
2623
|
-
}
|
2624
|
-
60% {
|
2625
|
-
opacity: 1;
|
2626
|
-
-webkit-transform: translate3d(-25px, 0, 0);
|
2627
|
-
transform: translate3d(-25px, 0, 0);
|
2628
|
-
}
|
2629
|
-
75% {
|
2630
|
-
-webkit-transform: translate3d(10px, 0, 0);
|
2631
|
-
transform: translate3d(10px, 0, 0);
|
2632
|
-
}
|
2633
|
-
90% {
|
2634
|
-
-webkit-transform: translate3d(-5px, 0, 0);
|
2635
|
-
transform: translate3d(-5px, 0, 0);
|
2636
|
-
}
|
2637
|
-
100% {
|
2638
|
-
-webkit-transform: none;
|
2639
|
-
transform: none;
|
2640
|
-
}
|
2641
|
-
}
|
2642
|
-
@keyframes flyInRight {
|
2643
|
-
0% {
|
2644
|
-
opacity: 0;
|
2645
|
-
-webkit-transform: translate3d(-1500px, 0, 0);
|
2646
|
-
transform: translate3d(-1500px, 0, 0);
|
2647
|
-
}
|
2648
|
-
60% {
|
2649
|
-
opacity: 1;
|
2650
|
-
-webkit-transform: translate3d(25px, 0, 0);
|
2651
|
-
transform: translate3d(25px, 0, 0);
|
2652
|
-
}
|
2653
|
-
75% {
|
2654
|
-
-webkit-transform: translate3d(-10px, 0, 0);
|
2655
|
-
transform: translate3d(-10px, 0, 0);
|
2656
|
-
}
|
2657
|
-
90% {
|
2658
|
-
-webkit-transform: translate3d(5px, 0, 0);
|
2659
|
-
transform: translate3d(5px, 0, 0);
|
2660
|
-
}
|
2661
|
-
100% {
|
2662
|
-
-webkit-transform: none;
|
2663
|
-
transform: none;
|
2664
|
-
}
|
2665
|
-
}
|
2666
|
-
|
2667
|
-
/* Out */
|
2668
|
-
@keyframes flyOut {
|
2669
|
-
20% {
|
2670
|
-
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
2671
|
-
transform: scale3d(0.9, 0.9, 0.9);
|
2672
|
-
}
|
2673
|
-
50%,
|
2674
|
-
55% {
|
2675
|
-
opacity: 1;
|
2676
|
-
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
2677
|
-
transform: scale3d(1.1, 1.1, 1.1);
|
2678
|
-
}
|
2679
|
-
100% {
|
2680
|
-
opacity: 0;
|
2681
|
-
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
2682
|
-
transform: scale3d(0.3, 0.3, 0.3);
|
2683
|
-
}
|
2684
|
-
}
|
2685
|
-
@keyframes flyOutUp {
|
2686
|
-
20% {
|
2687
|
-
-webkit-transform: translate3d(0, 10px, 0);
|
2688
|
-
transform: translate3d(0, 10px, 0);
|
2689
|
-
}
|
2690
|
-
40%,
|
2691
|
-
45% {
|
2692
|
-
opacity: 1;
|
2693
|
-
-webkit-transform: translate3d(0, -20px, 0);
|
2694
|
-
transform: translate3d(0, -20px, 0);
|
2695
|
-
}
|
2696
|
-
100% {
|
2697
|
-
opacity: 0;
|
2698
|
-
-webkit-transform: translate3d(0, 2000px, 0);
|
2699
|
-
transform: translate3d(0, 2000px, 0);
|
2700
|
-
}
|
2701
|
-
}
|
2702
|
-
@keyframes flyOutDown {
|
2703
|
-
20% {
|
2704
|
-
-webkit-transform: translate3d(0, -10px, 0);
|
2705
|
-
transform: translate3d(0, -10px, 0);
|
2706
|
-
}
|
2707
|
-
40%,
|
2708
|
-
45% {
|
2709
|
-
opacity: 1;
|
2710
|
-
-webkit-transform: translate3d(0, 20px, 0);
|
2711
|
-
transform: translate3d(0, 20px, 0);
|
2712
|
-
}
|
2713
|
-
100% {
|
2714
|
-
opacity: 0;
|
2715
|
-
-webkit-transform: translate3d(0, -2000px, 0);
|
2716
|
-
transform: translate3d(0, -2000px, 0);
|
2717
|
-
}
|
2718
|
-
}
|
2719
|
-
@keyframes flyOutRight {
|
2720
|
-
20% {
|
2721
|
-
opacity: 1;
|
2722
|
-
-webkit-transform: translate3d(20px, 0, 0);
|
2723
|
-
transform: translate3d(20px, 0, 0);
|
2724
|
-
}
|
2725
|
-
100% {
|
2726
|
-
opacity: 0;
|
2727
|
-
-webkit-transform: translate3d(-2000px, 0, 0);
|
2728
|
-
transform: translate3d(-2000px, 0, 0);
|
2729
|
-
}
|
2730
|
-
}
|
2731
|
-
@keyframes flyOutLeft {
|
2732
|
-
20% {
|
2733
|
-
opacity: 1;
|
2734
|
-
-webkit-transform: translate3d(-20px, 0, 0);
|
2735
|
-
transform: translate3d(-20px, 0, 0);
|
2736
|
-
}
|
2737
|
-
100% {
|
2738
|
-
opacity: 0;
|
2739
|
-
-webkit-transform: translate3d(2000px, 0, 0);
|
2740
|
-
transform: translate3d(2000px, 0, 0);
|
2741
|
-
}
|
2742
|
-
}
|
2743
|
-
|
2744
|
-
/*--------------
|
2745
|
-
Slide
|
2746
|
-
---------------*/
|
2747
|
-
|
2748
|
-
.transition.slide.in,
|
2749
|
-
.transition[class*="slide down"].in {
|
2750
|
-
-webkit-animation-name: slideInY;
|
2751
|
-
animation-name: slideInY;
|
2752
|
-
-webkit-transform-origin: top center;
|
2753
|
-
transform-origin: top center;
|
2754
|
-
}
|
2755
|
-
.transition[class*="slide up"].in {
|
2756
|
-
-webkit-animation-name: slideInY;
|
2757
|
-
animation-name: slideInY;
|
2758
|
-
-webkit-transform-origin: bottom center;
|
2759
|
-
transform-origin: bottom center;
|
2760
|
-
}
|
2761
|
-
.transition[class*="slide left"].in {
|
2762
|
-
-webkit-animation-name: slideInX;
|
2763
|
-
animation-name: slideInX;
|
2764
|
-
-webkit-transform-origin: center right;
|
2765
|
-
transform-origin: center right;
|
2766
|
-
}
|
2767
|
-
.transition[class*="slide right"].in {
|
2768
|
-
-webkit-animation-name: slideInX;
|
2769
|
-
animation-name: slideInX;
|
2770
|
-
-webkit-transform-origin: center left;
|
2771
|
-
transform-origin: center left;
|
2772
|
-
}
|
2773
|
-
.transition.slide.out,
|
2774
|
-
.transition[class*="slide down"].out {
|
2775
|
-
-webkit-animation-name: slideOutY;
|
2776
|
-
animation-name: slideOutY;
|
2777
|
-
-webkit-transform-origin: top center;
|
2778
|
-
transform-origin: top center;
|
2779
|
-
}
|
2780
|
-
.transition[class*="slide up"].out {
|
2781
|
-
-webkit-animation-name: slideOutY;
|
2782
|
-
animation-name: slideOutY;
|
2783
|
-
-webkit-transform-origin: bottom center;
|
2784
|
-
transform-origin: bottom center;
|
2785
|
-
}
|
2786
|
-
.transition[class*="slide left"].out {
|
2787
|
-
-webkit-animation-name: slideOutX;
|
2788
|
-
animation-name: slideOutX;
|
2789
|
-
-webkit-transform-origin: center right;
|
2790
|
-
transform-origin: center right;
|
2791
|
-
}
|
2792
|
-
.transition[class*="slide right"].out {
|
2793
|
-
-webkit-animation-name: slideOutX;
|
2794
|
-
animation-name: slideOutX;
|
2795
|
-
-webkit-transform-origin: center left;
|
2796
|
-
transform-origin: center left;
|
2797
|
-
}
|
2798
|
-
|
2799
|
-
/* In */
|
2800
|
-
@keyframes slideInY {
|
2801
|
-
0% {
|
2802
|
-
opacity: 0;
|
2803
|
-
-webkit-transform: scaleY(0);
|
2804
|
-
transform: scaleY(0);
|
2805
|
-
}
|
2806
|
-
100% {
|
2807
|
-
opacity: 1;
|
2808
|
-
-webkit-transform: scaleY(1);
|
2809
|
-
transform: scaleY(1);
|
2810
|
-
}
|
2811
|
-
}
|
2812
|
-
@keyframes slideInX {
|
2813
|
-
0% {
|
2814
|
-
opacity: 0;
|
2815
|
-
-webkit-transform: scaleX(0);
|
2816
|
-
transform: scaleX(0);
|
2817
|
-
}
|
2818
|
-
100% {
|
2819
|
-
opacity: 1;
|
2820
|
-
-webkit-transform: scaleX(1);
|
2821
|
-
transform: scaleX(1);
|
2822
|
-
}
|
2823
|
-
}
|
2824
|
-
|
2825
|
-
/* Out */
|
2826
|
-
@keyframes slideOutY {
|
2827
|
-
0% {
|
2828
|
-
opacity: 1;
|
2829
|
-
-webkit-transform: scaleY(1);
|
2830
|
-
transform: scaleY(1);
|
2831
|
-
}
|
2832
|
-
100% {
|
2833
|
-
opacity: 0;
|
2834
|
-
-webkit-transform: scaleY(0);
|
2835
|
-
transform: scaleY(0);
|
2836
|
-
}
|
2837
|
-
}
|
2838
|
-
@keyframes slideOutX {
|
2839
|
-
0% {
|
2840
|
-
opacity: 1;
|
2841
|
-
-webkit-transform: scaleX(1);
|
2842
|
-
transform: scaleX(1);
|
2843
|
-
}
|
2844
|
-
100% {
|
2845
|
-
opacity: 0;
|
2846
|
-
-webkit-transform: scaleX(0);
|
2847
|
-
transform: scaleX(0);
|
2848
|
-
}
|
2849
|
-
}
|
2850
|
-
|
2851
|
-
/*--------------
|
2852
|
-
Swing
|
2853
|
-
---------------*/
|
2854
|
-
|
2855
|
-
.transition.swing {
|
2856
|
-
-webkit-animation-duration: 800ms;
|
2857
|
-
animation-duration: 800ms;
|
2858
|
-
}
|
2859
|
-
.transition[class*="swing down"].in {
|
2860
|
-
-webkit-animation-name: swingInX;
|
2861
|
-
animation-name: swingInX;
|
2862
|
-
-webkit-transform-origin: top center;
|
2863
|
-
transform-origin: top center;
|
2864
|
-
}
|
2865
|
-
.transition[class*="swing up"].in {
|
2866
|
-
-webkit-animation-name: swingInX;
|
2867
|
-
animation-name: swingInX;
|
2868
|
-
-webkit-transform-origin: bottom center;
|
2869
|
-
transform-origin: bottom center;
|
2870
|
-
}
|
2871
|
-
.transition[class*="swing left"].in {
|
2872
|
-
-webkit-animation-name: swingInY;
|
2873
|
-
animation-name: swingInY;
|
2874
|
-
-webkit-transform-origin: center right;
|
2875
|
-
transform-origin: center right;
|
2876
|
-
}
|
2877
|
-
.transition[class*="swing right"].in {
|
2878
|
-
-webkit-animation-name: swingInY;
|
2879
|
-
animation-name: swingInY;
|
2880
|
-
-webkit-transform-origin: center left;
|
2881
|
-
transform-origin: center left;
|
2882
|
-
}
|
2883
|
-
.transition.swing.out,
|
2884
|
-
.transition[class*="swing down"].out {
|
2885
|
-
-webkit-animation-name: swingOutX;
|
2886
|
-
animation-name: swingOutX;
|
2887
|
-
-webkit-transform-origin: top center;
|
2888
|
-
transform-origin: top center;
|
2889
|
-
}
|
2890
|
-
.transition[class*="swing up"].out {
|
2891
|
-
-webkit-animation-name: swingOutX;
|
2892
|
-
animation-name: swingOutX;
|
2893
|
-
-webkit-transform-origin: bottom center;
|
2894
|
-
transform-origin: bottom center;
|
2895
|
-
}
|
2896
|
-
.transition[class*="swing left"].out {
|
2897
|
-
-webkit-animation-name: swingOutY;
|
2898
|
-
animation-name: swingOutY;
|
2899
|
-
-webkit-transform-origin: center right;
|
2900
|
-
transform-origin: center right;
|
2901
|
-
}
|
2902
|
-
.transition[class*="swing right"].out {
|
2903
|
-
-webkit-animation-name: swingOutY;
|
2904
|
-
animation-name: swingOutY;
|
2905
|
-
-webkit-transform-origin: center left;
|
2906
|
-
transform-origin: center left;
|
2907
|
-
}
|
2908
|
-
|
2909
|
-
/* In */
|
2910
|
-
@keyframes swingInX {
|
2911
|
-
0% {
|
2912
|
-
-webkit-transform: perspective(1000px) rotateX(90deg);
|
2913
|
-
transform: perspective(1000px) rotateX(90deg);
|
2914
|
-
opacity: 0;
|
2915
|
-
}
|
2916
|
-
40% {
|
2917
|
-
-webkit-transform: perspective(1000px) rotateX(-30deg);
|
2918
|
-
transform: perspective(1000px) rotateX(-30deg);
|
2919
|
-
opacity: 1;
|
2920
|
-
}
|
2921
|
-
60% {
|
2922
|
-
-webkit-transform: perspective(1000px) rotateX(15deg);
|
2923
|
-
transform: perspective(1000px) rotateX(15deg);
|
2924
|
-
}
|
2925
|
-
80% {
|
2926
|
-
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
|
2927
|
-
transform: perspective(1000px) rotateX(-7.5deg);
|
2928
|
-
}
|
2929
|
-
100% {
|
2930
|
-
-webkit-transform: perspective(1000px) rotateX(0deg);
|
2931
|
-
transform: perspective(1000px) rotateX(0deg);
|
2932
|
-
}
|
2933
|
-
}
|
2934
|
-
@keyframes swingInY {
|
2935
|
-
0% {
|
2936
|
-
-webkit-transform: perspective(1000px) rotateY(-90deg);
|
2937
|
-
transform: perspective(1000px) rotateY(-90deg);
|
2938
|
-
opacity: 0;
|
2939
|
-
}
|
2940
|
-
40% {
|
2941
|
-
-webkit-transform: perspective(1000px) rotateY(30deg);
|
2942
|
-
transform: perspective(1000px) rotateY(30deg);
|
2943
|
-
opacity: 1;
|
2944
|
-
}
|
2945
|
-
60% {
|
2946
|
-
-webkit-transform: perspective(1000px) rotateY(-17.5deg);
|
2947
|
-
transform: perspective(1000px) rotateY(-17.5deg);
|
2948
|
-
}
|
2949
|
-
80% {
|
2950
|
-
-webkit-transform: perspective(1000px) rotateY(7.5deg);
|
2951
|
-
transform: perspective(1000px) rotateY(7.5deg);
|
2952
|
-
}
|
2953
|
-
100% {
|
2954
|
-
-webkit-transform: perspective(1000px) rotateY(0deg);
|
2955
|
-
transform: perspective(1000px) rotateY(0deg);
|
2956
|
-
}
|
2957
|
-
}
|
2958
|
-
|
2959
|
-
/* Out */
|
2960
|
-
@keyframes swingOutX {
|
2961
|
-
0% {
|
2962
|
-
-webkit-transform: perspective(1000px) rotateX(0deg);
|
2963
|
-
transform: perspective(1000px) rotateX(0deg);
|
2964
|
-
}
|
2965
|
-
40% {
|
2966
|
-
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
|
2967
|
-
transform: perspective(1000px) rotateX(-7.5deg);
|
2968
|
-
}
|
2969
|
-
60% {
|
2970
|
-
-webkit-transform: perspective(1000px) rotateX(17.5deg);
|
2971
|
-
transform: perspective(1000px) rotateX(17.5deg);
|
2972
|
-
}
|
2973
|
-
80% {
|
2974
|
-
-webkit-transform: perspective(1000px) rotateX(-30deg);
|
2975
|
-
transform: perspective(1000px) rotateX(-30deg);
|
2976
|
-
opacity: 1;
|
2977
|
-
}
|
2978
|
-
100% {
|
2979
|
-
-webkit-transform: perspective(1000px) rotateX(90deg);
|
2980
|
-
transform: perspective(1000px) rotateX(90deg);
|
2981
|
-
opacity: 0;
|
2982
|
-
}
|
2983
|
-
}
|
2984
|
-
@keyframes swingOutY {
|
2985
|
-
0% {
|
2986
|
-
-webkit-transform: perspective(1000px) rotateY(0deg);
|
2987
|
-
transform: perspective(1000px) rotateY(0deg);
|
2988
|
-
}
|
2989
|
-
40% {
|
2990
|
-
-webkit-transform: perspective(1000px) rotateY(7.5deg);
|
2991
|
-
transform: perspective(1000px) rotateY(7.5deg);
|
2992
|
-
}
|
2993
|
-
60% {
|
2994
|
-
-webkit-transform: perspective(1000px) rotateY(-10deg);
|
2995
|
-
transform: perspective(1000px) rotateY(-10deg);
|
2996
|
-
}
|
2997
|
-
80% {
|
2998
|
-
-webkit-transform: perspective(1000px) rotateY(30deg);
|
2999
|
-
transform: perspective(1000px) rotateY(30deg);
|
3000
|
-
opacity: 1;
|
3001
|
-
}
|
3002
|
-
100% {
|
3003
|
-
-webkit-transform: perspective(1000px) rotateY(-90deg);
|
3004
|
-
transform: perspective(1000px) rotateY(-90deg);
|
3005
|
-
opacity: 0;
|
3006
|
-
}
|
3007
|
-
}
|
3008
|
-
|
3009
|
-
/*--------------
|
3010
|
-
Zoom
|
3011
|
-
---------------*/
|
3012
|
-
|
3013
|
-
.transition.zoom.in {
|
3014
|
-
-webkit-animation-name: zoomIn;
|
3015
|
-
animation-name: zoomIn;
|
3016
|
-
}
|
3017
|
-
.transition.zoom.out {
|
3018
|
-
-webkit-animation-name: zoomOut;
|
3019
|
-
animation-name: zoomOut;
|
3020
|
-
}
|
3021
|
-
@keyframes zoomIn {
|
3022
|
-
0% {
|
3023
|
-
opacity: 1;
|
3024
|
-
-webkit-transform: scale(0);
|
3025
|
-
transform: scale(0);
|
3026
|
-
}
|
3027
|
-
100% {
|
3028
|
-
opacity: 1;
|
3029
|
-
-webkit-transform: scale(1);
|
3030
|
-
transform: scale(1);
|
3031
|
-
}
|
3032
|
-
}
|
3033
|
-
@keyframes zoomOut {
|
3034
|
-
0% {
|
3035
|
-
opacity: 1;
|
3036
|
-
-webkit-transform: scale(1);
|
3037
|
-
transform: scale(1);
|
3038
|
-
}
|
3039
|
-
100% {
|
3040
|
-
opacity: 1;
|
3041
|
-
-webkit-transform: scale(0);
|
3042
|
-
transform: scale(0);
|
3043
|
-
}
|
3044
|
-
}
|
3045
|
-
|
3046
|
-
|
3047
|
-
/*******************************
|
3048
|
-
Static Animations
|
3049
|
-
*******************************/
|
3050
|
-
|
3051
|
-
|
3052
|
-
/*--------------
|
3053
|
-
Emphasis
|
3054
|
-
---------------*/
|
3055
|
-
|
3056
|
-
.flash.transition {
|
3057
|
-
-webkit-animation-duration: 750ms;
|
3058
|
-
animation-duration: 750ms;
|
3059
|
-
-webkit-animation-name: flash;
|
3060
|
-
animation-name: flash;
|
3061
|
-
}
|
3062
|
-
.shake.transition {
|
3063
|
-
-webkit-animation-duration: 750ms;
|
3064
|
-
animation-duration: 750ms;
|
3065
|
-
-webkit-animation-name: shake;
|
3066
|
-
animation-name: shake;
|
3067
|
-
}
|
3068
|
-
.bounce.transition {
|
3069
|
-
-webkit-animation-duration: 750ms;
|
3070
|
-
animation-duration: 750ms;
|
3071
|
-
-webkit-animation-name: bounce;
|
3072
|
-
animation-name: bounce;
|
3073
|
-
}
|
3074
|
-
.tada.transition {
|
3075
|
-
-webkit-animation-duration: 750ms;
|
3076
|
-
animation-duration: 750ms;
|
3077
|
-
-webkit-animation-name: tada;
|
3078
|
-
animation-name: tada;
|
3079
|
-
}
|
3080
|
-
.pulse.transition {
|
3081
|
-
-webkit-animation-duration: 500ms;
|
3082
|
-
animation-duration: 500ms;
|
3083
|
-
-webkit-animation-name: pulse;
|
3084
|
-
animation-name: pulse;
|
3085
|
-
}
|
3086
|
-
.jiggle.transition {
|
3087
|
-
-webkit-animation-duration: 750ms;
|
3088
|
-
animation-duration: 750ms;
|
3089
|
-
-webkit-animation-name: jiggle;
|
3090
|
-
animation-name: jiggle;
|
3091
|
-
}
|
3092
|
-
.transition.glow {
|
3093
|
-
-webkit-animation-duration: 2000ms;
|
3094
|
-
animation-duration: 2000ms;
|
3095
|
-
-webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
3096
|
-
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
3097
|
-
}
|
3098
|
-
.transition.glow {
|
3099
|
-
-webkit-animation-name: glow;
|
3100
|
-
animation-name: glow;
|
3101
|
-
}
|
3102
|
-
|
3103
|
-
/* Flash */
|
3104
|
-
@keyframes flash {
|
3105
|
-
0%,
|
3106
|
-
50%,
|
3107
|
-
100% {
|
3108
|
-
opacity: 1;
|
3109
|
-
}
|
3110
|
-
25%,
|
3111
|
-
75% {
|
3112
|
-
opacity: 0;
|
3113
|
-
}
|
3114
|
-
}
|
3115
|
-
|
3116
|
-
/* Shake */
|
3117
|
-
@keyframes shake {
|
3118
|
-
0%,
|
3119
|
-
100% {
|
3120
|
-
-webkit-transform: translateX(0);
|
3121
|
-
transform: translateX(0);
|
3122
|
-
}
|
3123
|
-
10%,
|
3124
|
-
30%,
|
3125
|
-
50%,
|
3126
|
-
70%,
|
3127
|
-
90% {
|
3128
|
-
-webkit-transform: translateX(-10px);
|
3129
|
-
transform: translateX(-10px);
|
3130
|
-
}
|
3131
|
-
20%,
|
3132
|
-
40%,
|
3133
|
-
60%,
|
3134
|
-
80% {
|
3135
|
-
-webkit-transform: translateX(10px);
|
3136
|
-
transform: translateX(10px);
|
3137
|
-
}
|
3138
|
-
}
|
3139
|
-
|
3140
|
-
/* Bounce */
|
3141
|
-
@keyframes bounce {
|
3142
|
-
0%,
|
3143
|
-
20%,
|
3144
|
-
50%,
|
3145
|
-
80%,
|
3146
|
-
100% {
|
3147
|
-
-webkit-transform: translateY(0);
|
3148
|
-
transform: translateY(0);
|
3149
|
-
}
|
3150
|
-
40% {
|
3151
|
-
-webkit-transform: translateY(-30px);
|
3152
|
-
transform: translateY(-30px);
|
3153
|
-
}
|
3154
|
-
60% {
|
3155
|
-
-webkit-transform: translateY(-15px);
|
3156
|
-
transform: translateY(-15px);
|
3157
|
-
}
|
3158
|
-
}
|
3159
|
-
|
3160
|
-
/* Tada */
|
3161
|
-
@keyframes tada {
|
3162
|
-
0% {
|
3163
|
-
-webkit-transform: scale(1);
|
3164
|
-
transform: scale(1);
|
3165
|
-
}
|
3166
|
-
10%,
|
3167
|
-
20% {
|
3168
|
-
-webkit-transform: scale(0.9) rotate(-3deg);
|
3169
|
-
transform: scale(0.9) rotate(-3deg);
|
3170
|
-
}
|
3171
|
-
30%,
|
3172
|
-
50%,
|
3173
|
-
70%,
|
3174
|
-
90% {
|
3175
|
-
-webkit-transform: scale(1.1) rotate(3deg);
|
3176
|
-
transform: scale(1.1) rotate(3deg);
|
3177
|
-
}
|
3178
|
-
40%,
|
3179
|
-
60%,
|
3180
|
-
80% {
|
3181
|
-
-webkit-transform: scale(1.1) rotate(-3deg);
|
3182
|
-
transform: scale(1.1) rotate(-3deg);
|
3183
|
-
}
|
3184
|
-
100% {
|
3185
|
-
-webkit-transform: scale(1) rotate(0);
|
3186
|
-
transform: scale(1) rotate(0);
|
3187
|
-
}
|
3188
|
-
}
|
3189
|
-
|
3190
|
-
/* Pulse */
|
3191
|
-
@keyframes pulse {
|
3192
|
-
0% {
|
3193
|
-
-webkit-transform: scale(1);
|
3194
|
-
transform: scale(1);
|
3195
|
-
opacity: 1;
|
3196
|
-
}
|
3197
|
-
50% {
|
3198
|
-
-webkit-transform: scale(0.9);
|
3199
|
-
transform: scale(0.9);
|
3200
|
-
opacity: 0.7;
|
3201
|
-
}
|
3202
|
-
100% {
|
3203
|
-
-webkit-transform: scale(1);
|
3204
|
-
transform: scale(1);
|
3205
|
-
opacity: 1;
|
3206
|
-
}
|
3207
|
-
}
|
3208
|
-
|
3209
|
-
/* Jiggle */
|
3210
|
-
@keyframes jiggle {
|
3211
|
-
0% {
|
3212
|
-
-webkit-transform: scale3d(1, 1, 1);
|
3213
|
-
transform: scale3d(1, 1, 1);
|
3214
|
-
}
|
3215
|
-
30% {
|
3216
|
-
-webkit-transform: scale3d(1.25, 0.75, 1);
|
3217
|
-
transform: scale3d(1.25, 0.75, 1);
|
3218
|
-
}
|
3219
|
-
40% {
|
3220
|
-
-webkit-transform: scale3d(0.75, 1.25, 1);
|
3221
|
-
transform: scale3d(0.75, 1.25, 1);
|
3222
|
-
}
|
3223
|
-
50% {
|
3224
|
-
-webkit-transform: scale3d(1.15, 0.85, 1);
|
3225
|
-
transform: scale3d(1.15, 0.85, 1);
|
3226
|
-
}
|
3227
|
-
65% {
|
3228
|
-
-webkit-transform: scale3d(0.95, 1.05, 1);
|
3229
|
-
transform: scale3d(0.95, 1.05, 1);
|
3230
|
-
}
|
3231
|
-
75% {
|
3232
|
-
-webkit-transform: scale3d(1.05, 0.95, 1);
|
3233
|
-
transform: scale3d(1.05, 0.95, 1);
|
3234
|
-
}
|
3235
|
-
100% {
|
3236
|
-
-webkit-transform: scale3d(1, 1, 1);
|
3237
|
-
transform: scale3d(1, 1, 1);
|
3238
|
-
}
|
3239
|
-
}
|
3240
|
-
|
3241
|
-
/* Glow */
|
3242
|
-
@keyframes glow {
|
3243
|
-
0% {
|
3244
|
-
background-color: #FCFCFD;
|
3245
|
-
}
|
3246
|
-
30% {
|
3247
|
-
background-color: #FFF6CD;
|
3248
|
-
}
|
3249
|
-
100% {
|
3250
|
-
background-color: #FCFCFD;
|
3251
|
-
}
|
3252
|
-
}
|
3253
|
-
|
3254
|
-
|
3255
2055
|
/*******************************
|
3256
2056
|
Site Overrides
|
3257
2057
|
*******************************/
|