active_frontend 10.2.10 → 10.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/active_frontend/version.rb +1 -1
- data/lib/generators/active_frontend/templates/install.scss +3 -1
- data/vendor/assets/javascripts/_swoggle.js +1 -1
- data/vendor/assets/stylesheets/_ad.scss +41 -62
- data/vendor/assets/stylesheets/_alert.scss +74 -27
- data/vendor/assets/stylesheets/_animation.scss +632 -560
- data/vendor/assets/stylesheets/_aside.scss +14 -11
- data/vendor/assets/stylesheets/_breadcrumb.scss +3 -3
- data/vendor/assets/stylesheets/_button.scss +41 -30
- data/vendor/assets/stylesheets/_canvas.scss +2 -1
- data/vendor/assets/stylesheets/_carousel.scss +7 -6
- data/vendor/assets/stylesheets/_code.scss +12 -14
- data/vendor/assets/stylesheets/_collapse.scss +2 -1
- data/vendor/assets/stylesheets/_color.scss +53 -21
- data/vendor/assets/stylesheets/_colorpicker.scss +4 -3
- data/vendor/assets/stylesheets/_datepicker.scss +10 -9
- data/vendor/assets/stylesheets/_dropdown.scss +12 -11
- data/vendor/assets/stylesheets/_footer.scss +7 -7
- data/vendor/assets/stylesheets/_form.scss +33 -10
- data/vendor/assets/stylesheets/_grid.scss +64 -215
- data/vendor/assets/stylesheets/_header.scss +4 -4
- data/vendor/assets/stylesheets/_label_and_badge.scss +69 -165
- data/vendor/assets/stylesheets/_link.scss +2 -1
- data/vendor/assets/stylesheets/_list.scss +19 -7
- data/vendor/assets/stylesheets/_loader.scss +29 -9
- data/vendor/assets/stylesheets/_map.scss +13 -1
- data/vendor/assets/stylesheets/_missive.scss +7 -7
- data/vendor/assets/stylesheets/_modal.scss +6 -3
- data/vendor/assets/stylesheets/_nav_and_tab.scss +11 -11
- data/vendor/assets/stylesheets/_navbar.scss +5 -5
- data/vendor/assets/stylesheets/_pagination.scss +1 -1
- data/vendor/assets/stylesheets/_panel.scss +10 -7
- data/vendor/assets/stylesheets/_placeholder.scss +4 -4
- data/vendor/assets/stylesheets/_popover.scss +7 -7
- data/vendor/assets/stylesheets/_progress.scss +79 -17
- data/vendor/assets/stylesheets/_reset.scss +7 -4
- data/vendor/assets/stylesheets/_sidebar.scss +12 -10
- data/vendor/assets/stylesheets/_slider.scss +5 -5
- data/vendor/assets/stylesheets/_spinner.scss +297 -152
- data/vendor/assets/stylesheets/_stripe.scss +30 -0
- data/vendor/assets/stylesheets/_swoggle.scss +88 -93
- data/vendor/assets/stylesheets/_table.scss +10 -18
- data/vendor/assets/stylesheets/_timepicker.scss +6 -5
- data/vendor/assets/stylesheets/_toolbar.scss +11 -11
- data/vendor/assets/stylesheets/_tooltip.scss +1 -1
- data/vendor/assets/stylesheets/_transition.scss +2 -1
- data/vendor/assets/stylesheets/_trunk.scss +14 -12
- data/vendor/assets/stylesheets/_typeahead.scss +2 -1
- data/vendor/assets/stylesheets/_typography.scss +60 -27
- data/vendor/assets/stylesheets/active_frontend.scss +3 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a11ea05ca5fa87f30209cb062593156594f095fc
|
|
4
|
+
data.tar.gz: 85e6ce39ac07ddf5bf12e62087f2d978da32682a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 62219c9a772a00bb73bc0dd393c77815e36d6dae377f1ebe15ca9d841c5c7af1d7fd8630603365d6f4677a6c4f8653192a02bf4f6beff4194664bcb6b7a78a08
|
|
7
|
+
data.tar.gz: 8c712d0ede556211b2423d5cf9d086657e80b36a2c1d6129858365dfc8574d736e4eb2030cceb8c6a7eca9801b4dbe05d23808b07e3458b4d85d917e2d6c677e
|
|
@@ -10,8 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
/* # Required Variables
|
|
12
12
|
================================================== */
|
|
13
|
-
$color-primary:
|
|
13
|
+
$color-primary: $color-blue;
|
|
14
14
|
$color-secondary: $color-green;
|
|
15
|
+
$color-tertiary: $color-red;
|
|
15
16
|
|
|
16
17
|
/* # Optional Imports
|
|
17
18
|
================================================== */
|
|
@@ -54,6 +55,7 @@ $color-secondary: $color-green;
|
|
|
54
55
|
@import 'sidebar';
|
|
55
56
|
@import 'slider';
|
|
56
57
|
@import 'spinner';
|
|
58
|
+
@import 'stripe';
|
|
57
59
|
@import 'swoggle';
|
|
58
60
|
@import 'table';
|
|
59
61
|
@import 'timepicker';
|
|
@@ -1,77 +1,56 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
+
# Mixins
|
|
3
4
|
# Ad
|
|
5
|
+
# Sizes
|
|
4
6
|
# Media Queries */
|
|
5
7
|
|
|
8
|
+
/* # Mixins
|
|
9
|
+
================================================== */
|
|
10
|
+
@mixin dimensions($height, $width) {
|
|
11
|
+
height: $height;
|
|
12
|
+
width: $width;
|
|
13
|
+
}
|
|
14
|
+
|
|
6
15
|
/* # Ad
|
|
7
16
|
================================================== */
|
|
8
17
|
.ad {
|
|
9
|
-
background: $color-
|
|
10
|
-
border: 1px solid $color-haze
|
|
18
|
+
background: $color-white;
|
|
19
|
+
border: 1px solid $color-haze;
|
|
11
20
|
box-sizing: border-box;
|
|
12
|
-
|
|
13
|
-
|
|
21
|
+
display: block !important;
|
|
22
|
+
visibility: visible !important;
|
|
23
|
+
@include dimensions(220px, 220px);
|
|
14
24
|
}
|
|
15
25
|
.ad-center { margin: 0 auto; }
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
.ad-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
.ad-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
.ad-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
.ad-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
.ad-large-leaderboard {
|
|
41
|
-
height: 90px;
|
|
42
|
-
width: 970px;
|
|
43
|
-
}
|
|
44
|
-
.ad-leaderboard {
|
|
45
|
-
height: 90px;
|
|
46
|
-
width: 728px;
|
|
47
|
-
}
|
|
48
|
-
.ad-banner {
|
|
49
|
-
height: 60px;
|
|
50
|
-
width: 468px;
|
|
51
|
-
}
|
|
52
|
-
.ad-half-banner {
|
|
53
|
-
height: 60px;
|
|
54
|
-
width: 234px;
|
|
55
|
-
}
|
|
56
|
-
.ad-mobile-banner {
|
|
57
|
-
height: 50px;
|
|
58
|
-
width: 320px;
|
|
59
|
-
}
|
|
60
|
-
.ad-vertical-banner {
|
|
61
|
-
height: 240px;
|
|
62
|
-
width: 120px;
|
|
63
|
-
}
|
|
64
|
-
.ad-large-skyscrapper {
|
|
65
|
-
height: 600px;
|
|
66
|
-
width: 300px;
|
|
67
|
-
}
|
|
68
|
-
.ad-wide-skyscrapper {
|
|
69
|
-
height: 600px;
|
|
70
|
-
width: 160px;
|
|
26
|
+
|
|
27
|
+
/* # Sizes
|
|
28
|
+
================================================== */
|
|
29
|
+
.ad-banner { @include dimensions(60px, 468px); }
|
|
30
|
+
.ad-half-banner { @include dimensions(60px, 234px); }
|
|
31
|
+
.ad-mobile-banner { @include dimensions(50px, 320px); }
|
|
32
|
+
.ad-vertical-banner { @include dimensions(240px, 120px); }
|
|
33
|
+
.ad-button { @include dimensions(125px, 125px); }
|
|
34
|
+
.ad-leaderboard { @include dimensions(90px, 728px); }
|
|
35
|
+
.ad-large-leaderboard { @include dimensions(90px, 970px); }
|
|
36
|
+
.ad-large-rectangle { @include dimensions(280px, 336px); }
|
|
37
|
+
.ad-medium-rectangle { @include dimensions(250px, 300px); }
|
|
38
|
+
.ad-small-rectangle { @include dimensions(150px, 180px); }
|
|
39
|
+
.ad-skyscrapper { @include dimensions(600px, 120px); }
|
|
40
|
+
.ad-large-skyscrapper { @include dimensions(600px, 300px); }
|
|
41
|
+
.ad-wide-skyscrapper { @include dimensions(600px, 160px); }
|
|
42
|
+
.ad-square { @include dimensions(250px, 250px); }
|
|
43
|
+
.ad-small-square { @include dimensions(200px, 200px); }
|
|
44
|
+
|
|
45
|
+
/* # Colors
|
|
46
|
+
================================================== */
|
|
47
|
+
.ad-dark {
|
|
48
|
+
background: $color-black;
|
|
49
|
+
border-color: $color-dark-black;
|
|
71
50
|
}
|
|
72
|
-
.ad-
|
|
73
|
-
|
|
74
|
-
|
|
51
|
+
.ad-light {
|
|
52
|
+
background: $color-light-haze;
|
|
53
|
+
border-color: $color-dark-haze;
|
|
75
54
|
}
|
|
76
55
|
|
|
77
56
|
/* # Media Queries
|
|
@@ -1,10 +1,60 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
+
# Variables
|
|
3
4
|
# Alert
|
|
4
5
|
# Application
|
|
5
6
|
# Colors
|
|
6
7
|
# Media Queries */
|
|
7
8
|
|
|
9
|
+
/* # Variables
|
|
10
|
+
================================================== */
|
|
11
|
+
$onblack-colors: (
|
|
12
|
+
dark-yellow: $color-dark-yellow,
|
|
13
|
+
yellow: $color-yellow,
|
|
14
|
+
light-yellow: $color-light-yellow
|
|
15
|
+
);
|
|
16
|
+
$ongray-colors: (
|
|
17
|
+
dark-haze: $color-dark-haze,
|
|
18
|
+
haze: $color-haze,
|
|
19
|
+
light-haze: $color-light-haze,
|
|
20
|
+
white: $color-white
|
|
21
|
+
);
|
|
22
|
+
$onwhite-colors: (
|
|
23
|
+
dark-black: $color-dark-black,
|
|
24
|
+
black: $color-black,
|
|
25
|
+
light-black: $color-light-black,
|
|
26
|
+
dark-gray: $color-dark-gray,
|
|
27
|
+
gray: $color-gray,
|
|
28
|
+
light-gray: $color-light-gray,
|
|
29
|
+
dark-lime: $color-dark-lime,
|
|
30
|
+
lime: $color-lime,
|
|
31
|
+
light-lime: $color-light-lime,
|
|
32
|
+
dark-green: $color-dark-green,
|
|
33
|
+
green: $color-green,
|
|
34
|
+
light-green: $color-light-green,
|
|
35
|
+
dark-teal: $color-dark-teal,
|
|
36
|
+
teal: $color-teal,
|
|
37
|
+
light-teal: $color-light-teal,
|
|
38
|
+
dark-blue: $color-dark-blue,
|
|
39
|
+
blue: $color-blue,
|
|
40
|
+
light-blue: $color-light-blue,
|
|
41
|
+
dark-indigo: $color-dark-indigo,
|
|
42
|
+
indigo: $color-indigo,
|
|
43
|
+
light-indigo: $color-light-indigo,
|
|
44
|
+
dark-purple: $color-dark-purple,
|
|
45
|
+
purple: $color-purple,
|
|
46
|
+
light-purple: $color-light-purple,
|
|
47
|
+
dark-pink: $color-dark-pink,
|
|
48
|
+
pink: $color-pink,
|
|
49
|
+
light-pink: $color-light-pink,
|
|
50
|
+
dark-red: $color-dark-red,
|
|
51
|
+
red: $color-red,
|
|
52
|
+
light-red: $color-light-red,
|
|
53
|
+
dark-orange: $color-dark-orange,
|
|
54
|
+
orange: $color-orange,
|
|
55
|
+
light-orange: $color-light-orange
|
|
56
|
+
);
|
|
57
|
+
|
|
8
58
|
/* # Alert
|
|
9
59
|
================================================== */
|
|
10
60
|
.alert-fixed {
|
|
@@ -46,35 +96,32 @@
|
|
|
46
96
|
|
|
47
97
|
/* # Colors
|
|
48
98
|
================================================== */
|
|
49
|
-
|
|
50
|
-
.alert
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
.alert
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
.alert-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
.alert
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
.alert
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
color: $color-gray;
|
|
99
|
+
@each $name, $color in $onblack-colors {
|
|
100
|
+
.alert-#{$name} {
|
|
101
|
+
background: $color;
|
|
102
|
+
color: $color-black;
|
|
103
|
+
}
|
|
104
|
+
.alert-#{$name} > a {
|
|
105
|
+
border-bottom-color: $color-black;
|
|
106
|
+
color: $color-black;
|
|
107
|
+
}
|
|
108
|
+
.alert-#{$name} .alert-close { color: $color-black !important; }
|
|
109
|
+
}
|
|
110
|
+
@each $name, $color in $ongray-colors {
|
|
111
|
+
.alert-#{$name} {
|
|
112
|
+
background: $color;
|
|
113
|
+
border-color: rgba(0,0,0,0.1);
|
|
114
|
+
color: $color-gray;
|
|
115
|
+
}
|
|
116
|
+
.alert-#{$name} > a {
|
|
117
|
+
border-bottom-color: $color-black;
|
|
118
|
+
color: $color-gray;
|
|
119
|
+
}
|
|
120
|
+
.alert-#{$name} .alert-close { color: $color-gray !important; }
|
|
72
121
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
color: $color-gray;
|
|
122
|
+
@each $name, $color in $onwhite-colors {
|
|
123
|
+
.alert-#{$name} { background: $color; }
|
|
76
124
|
}
|
|
77
|
-
.alert-white .alert-close { color: $color-gray !important; }
|
|
78
125
|
|
|
79
126
|
/* # Media Queries
|
|
80
127
|
================================================== */
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
-
#
|
|
3
|
+
# Animate
|
|
4
|
+
# Animations
|
|
4
5
|
# Delay
|
|
5
6
|
# Duration */
|
|
6
7
|
|
|
7
|
-
/* #
|
|
8
|
+
/* # Animate
|
|
8
9
|
================================================== */
|
|
9
10
|
.animated {
|
|
10
11
|
-webkit-animation-duration: 1s;
|
|
11
|
-
|
|
12
|
+
-ms-animation-duration: 1s;
|
|
13
|
+
animation-duration: 1s;
|
|
12
14
|
-webkit-animation-fill-mode: both;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
perspective: 1000;
|
|
15
|
+
-ms-animation-fill-mode: both;
|
|
16
|
+
animation-fill-mode: both;
|
|
16
17
|
position: relative;
|
|
17
18
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
@-webkit-keyframes bounce {
|
|
19
|
+
|
|
20
|
+
/* # Animations
|
|
21
|
+
================================================== */
|
|
22
|
+
@-webkit-keyframes animated-bounce {
|
|
23
23
|
0%, 20%, 50%, 80%, 100% {
|
|
24
24
|
-webkit-transform: translateY(0);
|
|
25
25
|
transform: translateY(0);
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
transform: translateY(-15px);
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
@keyframes bounce {
|
|
36
|
+
@keyframes animated-bounce {
|
|
37
37
|
0%, 20%, 50%, 80%, 100% {
|
|
38
38
|
-webkit-transform: translateY(0);
|
|
39
39
|
-ms-transform: translateY(0);
|
|
@@ -50,23 +50,25 @@
|
|
|
50
50
|
transform: translateY(-15px);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
.bounce {
|
|
54
|
-
-webkit-animation-name: bounce;
|
|
55
|
-
|
|
53
|
+
.animated-bounce {
|
|
54
|
+
-webkit-animation-name: animated-bounce;
|
|
55
|
+
-ms-animation-name: animated-bounce;
|
|
56
|
+
animation-name: animated-bounce;
|
|
56
57
|
}
|
|
57
|
-
@-webkit-keyframes flash {
|
|
58
|
+
@-webkit-keyframes animated-flash {
|
|
58
59
|
0%, 50%, 100% { opacity: 1; }
|
|
59
60
|
25%, 75% { opacity: 0; }
|
|
60
61
|
}
|
|
61
|
-
@keyframes flash {
|
|
62
|
+
@keyframes animated-flash {
|
|
62
63
|
0%, 50%, 100% { opacity: 1; }
|
|
63
64
|
25%, 75% { opacity: 0; }
|
|
64
65
|
}
|
|
65
|
-
.flash {
|
|
66
|
-
-webkit-animation-name: flash;
|
|
67
|
-
|
|
66
|
+
.animated-flash {
|
|
67
|
+
-webkit-animation-name: animated-flash;
|
|
68
|
+
-ms-animation-name: animated-flash;
|
|
69
|
+
animation-name: animated-flash;
|
|
68
70
|
}
|
|
69
|
-
@-webkit-keyframes pulse {
|
|
71
|
+
@-webkit-keyframes animated-pulse {
|
|
70
72
|
0% {
|
|
71
73
|
-webkit-transform: scale(1);
|
|
72
74
|
transform: scale(1);
|
|
@@ -80,7 +82,7 @@
|
|
|
80
82
|
transform: scale(1);
|
|
81
83
|
}
|
|
82
84
|
}
|
|
83
|
-
@keyframes pulse {
|
|
85
|
+
@keyframes animated-pulse {
|
|
84
86
|
0% {
|
|
85
87
|
-webkit-transform: scale(1);
|
|
86
88
|
-ms-transform: scale(1);
|
|
@@ -97,11 +99,12 @@
|
|
|
97
99
|
transform: scale(1);
|
|
98
100
|
}
|
|
99
101
|
}
|
|
100
|
-
.pulse {
|
|
101
|
-
-webkit-animation-name: pulse;
|
|
102
|
-
|
|
102
|
+
.animated-pulse {
|
|
103
|
+
-webkit-animation-name: animated-pulse;
|
|
104
|
+
-ms-animation-name: animated-pulse;
|
|
105
|
+
animation-name: animated-pulse;
|
|
103
106
|
}
|
|
104
|
-
@-webkit-keyframes shake {
|
|
107
|
+
@-webkit-keyframes animated-shake {
|
|
105
108
|
0%, 100% {
|
|
106
109
|
-webkit-transform: translateX(0);
|
|
107
110
|
transform: translateX(0);
|
|
@@ -115,7 +118,7 @@
|
|
|
115
118
|
transform: translateX(10px);
|
|
116
119
|
}
|
|
117
120
|
}
|
|
118
|
-
@keyframes shake {
|
|
121
|
+
@keyframes animated-shake {
|
|
119
122
|
0%, 100% {
|
|
120
123
|
-webkit-transform: translateX(0);
|
|
121
124
|
-ms-transform: translateX(0);
|
|
@@ -132,11 +135,12 @@
|
|
|
132
135
|
transform: translateX(10px);
|
|
133
136
|
}
|
|
134
137
|
}
|
|
135
|
-
.shake {
|
|
136
|
-
-webkit-animation-name: shake;
|
|
137
|
-
|
|
138
|
+
.animated-shake {
|
|
139
|
+
-webkit-animation-name: animated-shake;
|
|
140
|
+
-ms-animation-name: animated-shake;
|
|
141
|
+
animation-name: animated-shake;
|
|
138
142
|
}
|
|
139
|
-
@-webkit-keyframes swing {
|
|
143
|
+
@-webkit-keyframes animated-swing {
|
|
140
144
|
20% {
|
|
141
145
|
-webkit-transform: rotate(15deg);
|
|
142
146
|
transform: rotate(15deg);
|
|
@@ -158,7 +162,7 @@
|
|
|
158
162
|
transform: rotate(0deg);
|
|
159
163
|
}
|
|
160
164
|
}
|
|
161
|
-
@keyframes swing {
|
|
165
|
+
@keyframes animated-swing {
|
|
162
166
|
20% {
|
|
163
167
|
-webkit-transform: rotate(15deg);
|
|
164
168
|
-ms-transform: rotate(15deg);
|
|
@@ -185,14 +189,15 @@
|
|
|
185
189
|
transform: rotate(0deg);
|
|
186
190
|
}
|
|
187
191
|
}
|
|
188
|
-
.swing {
|
|
192
|
+
.animated-swing {
|
|
193
|
+
-webkit-animation-name: animated-swing;
|
|
194
|
+
-ms-animation-name: animated-swing;
|
|
195
|
+
animation-name: animated-swing;
|
|
189
196
|
-webkit-transform-origin: top center;
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
-webkit-animation-name: swing;
|
|
193
|
-
animation-name: swing;
|
|
197
|
+
-ms-transform-origin: top center;
|
|
198
|
+
transform-origin: top center;
|
|
194
199
|
}
|
|
195
|
-
@-webkit-keyframes tada {
|
|
200
|
+
@-webkit-keyframes animated-tada {
|
|
196
201
|
0% {
|
|
197
202
|
-webkit-transform: scale(1);
|
|
198
203
|
transform: scale(1);
|
|
@@ -214,7 +219,7 @@
|
|
|
214
219
|
transform: scale(1) rotate(0);
|
|
215
220
|
}
|
|
216
221
|
}
|
|
217
|
-
@keyframes tada {
|
|
222
|
+
@keyframes animated-tada {
|
|
218
223
|
0% {
|
|
219
224
|
-webkit-transform: scale(1);
|
|
220
225
|
-ms-transform: scale(1);
|
|
@@ -241,11 +246,12 @@
|
|
|
241
246
|
transform: scale(1) rotate(0);
|
|
242
247
|
}
|
|
243
248
|
}
|
|
244
|
-
.tada {
|
|
245
|
-
-webkit-animation-name: tada;
|
|
246
|
-
|
|
249
|
+
.animated-tada {
|
|
250
|
+
-webkit-animation-name: animated-tada;
|
|
251
|
+
-ms-animation-name: animated-tada;
|
|
252
|
+
animation-name: animated-tada;
|
|
247
253
|
}
|
|
248
|
-
@-webkit-keyframes wobble {
|
|
254
|
+
@-webkit-keyframes animated-wobble {
|
|
249
255
|
0% {
|
|
250
256
|
-webkit-transform: translateX(0%);
|
|
251
257
|
transform: translateX(0%);
|
|
@@ -275,7 +281,7 @@
|
|
|
275
281
|
transform: translateX(0%);
|
|
276
282
|
}
|
|
277
283
|
}
|
|
278
|
-
@keyframes wobble {
|
|
284
|
+
@keyframes animated-wobble {
|
|
279
285
|
0% {
|
|
280
286
|
-webkit-transform: translateX(0%);
|
|
281
287
|
-ms-transform: translateX(0%);
|
|
@@ -317,11 +323,12 @@
|
|
|
317
323
|
transform: translateX(0%);
|
|
318
324
|
}
|
|
319
325
|
}
|
|
320
|
-
.wobble {
|
|
321
|
-
-webkit-animation-name: wobble;
|
|
322
|
-
|
|
326
|
+
.animated-wobble {
|
|
327
|
+
-webkit-animation-name: animated-wobble;
|
|
328
|
+
-ms-animation-name: animated-wobble;
|
|
329
|
+
animation-name: animated-wobble;
|
|
323
330
|
}
|
|
324
|
-
@-webkit-keyframes
|
|
331
|
+
@-webkit-keyframes animated-bounce-in {
|
|
325
332
|
0% {
|
|
326
333
|
opacity: 0;
|
|
327
334
|
-webkit-transform: scale(.3);
|
|
@@ -341,7 +348,7 @@
|
|
|
341
348
|
transform: scale(1);
|
|
342
349
|
}
|
|
343
350
|
}
|
|
344
|
-
@keyframes
|
|
351
|
+
@keyframes animated-bounce-in {
|
|
345
352
|
0% {
|
|
346
353
|
opacity: 0;
|
|
347
354
|
-webkit-transform: scale(.3);
|
|
@@ -365,11 +372,12 @@
|
|
|
365
372
|
transform: scale(1);
|
|
366
373
|
}
|
|
367
374
|
}
|
|
368
|
-
.
|
|
369
|
-
-webkit-animation-name:
|
|
370
|
-
|
|
375
|
+
.animated-bounce-in {
|
|
376
|
+
-webkit-animation-name: animated-bounce-in;
|
|
377
|
+
-ms-animation-name: animated-bounce-in;
|
|
378
|
+
animation-name: animated-bounce-in;
|
|
371
379
|
}
|
|
372
|
-
@-webkit-keyframes
|
|
380
|
+
@-webkit-keyframes animated-bounce-in-down {
|
|
373
381
|
0% {
|
|
374
382
|
opacity: 0;
|
|
375
383
|
-webkit-transform: translateY(-2000px);
|
|
@@ -389,7 +397,7 @@
|
|
|
389
397
|
transform: translateY(0);
|
|
390
398
|
}
|
|
391
399
|
}
|
|
392
|
-
@keyframes
|
|
400
|
+
@keyframes animated-bounce-in-down {
|
|
393
401
|
0% {
|
|
394
402
|
opacity: 0;
|
|
395
403
|
-webkit-transform: translateY(-2000px);
|
|
@@ -413,11 +421,12 @@
|
|
|
413
421
|
transform: translateY(0);
|
|
414
422
|
}
|
|
415
423
|
}
|
|
416
|
-
.
|
|
417
|
-
-webkit-animation-name:
|
|
418
|
-
|
|
424
|
+
.animated-bounce-in-down {
|
|
425
|
+
-webkit-animation-name: animated-bounce-in-down;
|
|
426
|
+
-ms-animation-name: animated-bounce-in-down;
|
|
427
|
+
animation-name: animated-bounce-in-down;
|
|
419
428
|
}
|
|
420
|
-
@-webkit-keyframes
|
|
429
|
+
@-webkit-keyframes animated-bounce-in-left {
|
|
421
430
|
0% {
|
|
422
431
|
opacity: 0;
|
|
423
432
|
-webkit-transform: translateX(-2000px);
|
|
@@ -437,7 +446,7 @@
|
|
|
437
446
|
transform: translateX(0);
|
|
438
447
|
}
|
|
439
448
|
}
|
|
440
|
-
@keyframes
|
|
449
|
+
@keyframes animated-bounce-in-left {
|
|
441
450
|
0% {
|
|
442
451
|
opacity: 0;
|
|
443
452
|
-webkit-transform: translateX(-2000px);
|
|
@@ -461,11 +470,12 @@
|
|
|
461
470
|
transform: translateX(0);
|
|
462
471
|
}
|
|
463
472
|
}
|
|
464
|
-
.
|
|
465
|
-
-webkit-animation-name:
|
|
466
|
-
|
|
473
|
+
.animated-bounce-in-left {
|
|
474
|
+
-webkit-animation-name: animated-bounce-in-left;
|
|
475
|
+
-ms-animation-name: animated-bounce-in-left;
|
|
476
|
+
animation-name: animated-bounce-in-left;
|
|
467
477
|
}
|
|
468
|
-
@-webkit-keyframes
|
|
478
|
+
@-webkit-keyframes animated-bounce-in-right {
|
|
469
479
|
0% {
|
|
470
480
|
opacity: 0;
|
|
471
481
|
-webkit-transform: translateX(2000px);
|
|
@@ -485,7 +495,7 @@
|
|
|
485
495
|
transform: translateX(0);
|
|
486
496
|
}
|
|
487
497
|
}
|
|
488
|
-
@keyframes
|
|
498
|
+
@keyframes animated-bounce-in-right {
|
|
489
499
|
0% {
|
|
490
500
|
opacity: 0;
|
|
491
501
|
-webkit-transform: translateX(2000px);
|
|
@@ -509,11 +519,12 @@
|
|
|
509
519
|
transform: translateX(0);
|
|
510
520
|
}
|
|
511
521
|
}
|
|
512
|
-
.
|
|
513
|
-
-webkit-animation-name:
|
|
514
|
-
|
|
522
|
+
.animated-bounce-in-right {
|
|
523
|
+
-webkit-animation-name: animated-bounce-in-right;
|
|
524
|
+
-ms-animation-name: animated-bounce-in-right;
|
|
525
|
+
animation-name: animated-bounce-in-right;
|
|
515
526
|
}
|
|
516
|
-
@-webkit-keyframes
|
|
527
|
+
@-webkit-keyframes animated-bounce-in-up {
|
|
517
528
|
0% {
|
|
518
529
|
opacity: 0;
|
|
519
530
|
-webkit-transform: translateY(2000px);
|
|
@@ -533,7 +544,7 @@
|
|
|
533
544
|
transform: translateY(0);
|
|
534
545
|
}
|
|
535
546
|
}
|
|
536
|
-
@keyframes
|
|
547
|
+
@keyframes animated-bounce-in-up {
|
|
537
548
|
0% {
|
|
538
549
|
opacity: 0;
|
|
539
550
|
-webkit-transform: translateY(2000px);
|
|
@@ -557,11 +568,12 @@
|
|
|
557
568
|
transform: translateY(0);
|
|
558
569
|
}
|
|
559
570
|
}
|
|
560
|
-
.
|
|
561
|
-
-webkit-animation-name:
|
|
562
|
-
|
|
571
|
+
.animated-bounce-in-up {
|
|
572
|
+
-webkit-animation-name: animated-bounce-in-up;
|
|
573
|
+
-ms-animation-name: animated-bounce-in-up;
|
|
574
|
+
animation-name: animated-bounce-in-up;
|
|
563
575
|
}
|
|
564
|
-
@-webkit-keyframes
|
|
576
|
+
@-webkit-keyframes animated-bounce-out {
|
|
565
577
|
0% {
|
|
566
578
|
-webkit-transform: scale(1);
|
|
567
579
|
transform: scale(1);
|
|
@@ -581,7 +593,7 @@
|
|
|
581
593
|
transform: scale(.3);
|
|
582
594
|
}
|
|
583
595
|
}
|
|
584
|
-
@keyframes
|
|
596
|
+
@keyframes animated-bounce-out {
|
|
585
597
|
0% {
|
|
586
598
|
-webkit-transform: scale(1);
|
|
587
599
|
-ms-transform: scale(1);
|
|
@@ -605,11 +617,12 @@
|
|
|
605
617
|
transform: scale(.3);
|
|
606
618
|
}
|
|
607
619
|
}
|
|
608
|
-
.
|
|
609
|
-
-webkit-animation-name:
|
|
610
|
-
|
|
620
|
+
.animated-bounce-out {
|
|
621
|
+
-webkit-animation-name: animated-bounce-out;
|
|
622
|
+
-ms-animation-name: animated-bounce-out;
|
|
623
|
+
animation-name: animated-bounce-out;
|
|
611
624
|
}
|
|
612
|
-
@-webkit-keyframes
|
|
625
|
+
@-webkit-keyframes animated-bounce-out-down {
|
|
613
626
|
0% {
|
|
614
627
|
-webkit-transform: translateY(0);
|
|
615
628
|
transform: translateY(0);
|
|
@@ -625,7 +638,7 @@
|
|
|
625
638
|
transform: translateY(2000px);
|
|
626
639
|
}
|
|
627
640
|
}
|
|
628
|
-
@keyframes
|
|
641
|
+
@keyframes animated-bounce-out-down {
|
|
629
642
|
0% {
|
|
630
643
|
-webkit-transform: translateY(0);
|
|
631
644
|
-ms-transform: translateY(0);
|
|
@@ -644,11 +657,12 @@
|
|
|
644
657
|
transform: translateY(2000px);
|
|
645
658
|
}
|
|
646
659
|
}
|
|
647
|
-
.
|
|
648
|
-
-webkit-animation-name:
|
|
649
|
-
|
|
660
|
+
.animated-bounce-out-down {
|
|
661
|
+
-webkit-animation-name: animated-bounce-out-down;
|
|
662
|
+
-ms-animation-name: animated-bounce-out-down;
|
|
663
|
+
animation-name: animated-bounce-out-down;
|
|
650
664
|
}
|
|
651
|
-
@-webkit-keyframes
|
|
665
|
+
@-webkit-keyframes animated-bounce-out-left {
|
|
652
666
|
0% {
|
|
653
667
|
-webkit-transform: translateX(0);
|
|
654
668
|
transform: translateX(0);
|
|
@@ -664,7 +678,7 @@
|
|
|
664
678
|
transform: translateX(-2000px);
|
|
665
679
|
}
|
|
666
680
|
}
|
|
667
|
-
@keyframes
|
|
681
|
+
@keyframes animated-bounce-out-left {
|
|
668
682
|
0% {
|
|
669
683
|
-webkit-transform: translateX(0);
|
|
670
684
|
-ms-transform: translateX(0);
|
|
@@ -683,11 +697,12 @@
|
|
|
683
697
|
transform: translateX(-2000px);
|
|
684
698
|
}
|
|
685
699
|
}
|
|
686
|
-
.
|
|
687
|
-
-webkit-animation-name:
|
|
688
|
-
|
|
700
|
+
.animated-bounce-out-left {
|
|
701
|
+
-webkit-animation-name: animated-bounce-out-left;
|
|
702
|
+
-ms-animation-name: animated-bounce-out-left;
|
|
703
|
+
animation-name: animated-bounce-out-left;
|
|
689
704
|
}
|
|
690
|
-
@-webkit-keyframes
|
|
705
|
+
@-webkit-keyframes animated-bounce-out-right {
|
|
691
706
|
0% {
|
|
692
707
|
-webkit-transform: translateX(0);
|
|
693
708
|
transform: translateX(0);
|
|
@@ -703,7 +718,7 @@
|
|
|
703
718
|
transform: translateX(2000px);
|
|
704
719
|
}
|
|
705
720
|
}
|
|
706
|
-
@keyframes
|
|
721
|
+
@keyframes animated-bounce-out-right {
|
|
707
722
|
0% {
|
|
708
723
|
-webkit-transform: translateX(0);
|
|
709
724
|
-ms-transform: translateX(0);
|
|
@@ -722,11 +737,12 @@
|
|
|
722
737
|
transform: translateX(2000px);
|
|
723
738
|
}
|
|
724
739
|
}
|
|
725
|
-
.
|
|
726
|
-
-webkit-animation-name:
|
|
727
|
-
|
|
740
|
+
.animated-bounce-out-right {
|
|
741
|
+
-webkit-animation-name: animated-bounce-out-right;
|
|
742
|
+
-ms-animation-name: animated-bounce-out-right;
|
|
743
|
+
animation-name: animated-bounce-out-right;
|
|
728
744
|
}
|
|
729
|
-
@-webkit-keyframes
|
|
745
|
+
@-webkit-keyframes animated-bounce-out-up {
|
|
730
746
|
0% {
|
|
731
747
|
-webkit-transform: translateY(0);
|
|
732
748
|
transform: translateY(0);
|
|
@@ -742,7 +758,7 @@
|
|
|
742
758
|
transform: translateY(-2000px);
|
|
743
759
|
}
|
|
744
760
|
}
|
|
745
|
-
@keyframes
|
|
761
|
+
@keyframes animated-bounce-out-up {
|
|
746
762
|
0% {
|
|
747
763
|
-webkit-transform: translateY(0);
|
|
748
764
|
-ms-transform: translateY(0);
|
|
@@ -761,23 +777,25 @@
|
|
|
761
777
|
transform: translateY(-2000px);
|
|
762
778
|
}
|
|
763
779
|
}
|
|
764
|
-
.
|
|
765
|
-
-webkit-animation-name:
|
|
766
|
-
|
|
780
|
+
.animated-bounce-out-up {
|
|
781
|
+
-webkit-animation-name: animated-bounce-out-up;
|
|
782
|
+
-ms-animation-name: animated-bounce-out-up;
|
|
783
|
+
animation-name: animated-bounce-out-up;
|
|
767
784
|
}
|
|
768
|
-
@-webkit-keyframes
|
|
785
|
+
@-webkit-keyframes animated-fade-in {
|
|
769
786
|
0% { opacity: 0; }
|
|
770
787
|
100% { opacity: 1; }
|
|
771
788
|
}
|
|
772
|
-
@keyframes
|
|
789
|
+
@keyframes animated-fade-in {
|
|
773
790
|
0% { opacity: 0; }
|
|
774
791
|
100% { opacity: 1; }
|
|
775
792
|
}
|
|
776
|
-
.
|
|
777
|
-
-webkit-animation-name:
|
|
778
|
-
|
|
793
|
+
.animated-fade-in {
|
|
794
|
+
-webkit-animation-name: animated-fade-in;
|
|
795
|
+
-ms-animation-name: animated-fade-in;
|
|
796
|
+
animation-name: animated-fade-in;
|
|
779
797
|
}
|
|
780
|
-
@-webkit-keyframes
|
|
798
|
+
@-webkit-keyframes animated-fade-in-down {
|
|
781
799
|
0% {
|
|
782
800
|
opacity: 0;
|
|
783
801
|
-webkit-transform: translateY(-20px);
|
|
@@ -789,7 +807,7 @@
|
|
|
789
807
|
transform: translateY(0);
|
|
790
808
|
}
|
|
791
809
|
}
|
|
792
|
-
@keyframes
|
|
810
|
+
@keyframes animated-fade-in-down {
|
|
793
811
|
0% {
|
|
794
812
|
opacity: 0;
|
|
795
813
|
-webkit-transform: translateY(-20px);
|
|
@@ -803,11 +821,12 @@
|
|
|
803
821
|
transform: translateY(0);
|
|
804
822
|
}
|
|
805
823
|
}
|
|
806
|
-
.
|
|
807
|
-
-webkit-animation-name:
|
|
808
|
-
|
|
824
|
+
.animated-fade-in-down {
|
|
825
|
+
-webkit-animation-name: animated-fade-in-down;
|
|
826
|
+
-ms-animation-name: animated-fade-in-down;
|
|
827
|
+
animation-name: animated-fade-in-down;
|
|
809
828
|
}
|
|
810
|
-
@-webkit-keyframes
|
|
829
|
+
@-webkit-keyframes animated-fade-in-down-big {
|
|
811
830
|
0% {
|
|
812
831
|
opacity: 0;
|
|
813
832
|
-webkit-transform: translateY(-2000px);
|
|
@@ -819,7 +838,7 @@
|
|
|
819
838
|
transform: translateY(0);
|
|
820
839
|
}
|
|
821
840
|
}
|
|
822
|
-
@keyframes
|
|
841
|
+
@keyframes animated-fade-in-down-big {
|
|
823
842
|
0% {
|
|
824
843
|
opacity: 0;
|
|
825
844
|
-webkit-transform: translateY(-2000px);
|
|
@@ -833,11 +852,12 @@
|
|
|
833
852
|
transform: translateY(0);
|
|
834
853
|
}
|
|
835
854
|
}
|
|
836
|
-
.
|
|
837
|
-
-webkit-animation-name:
|
|
838
|
-
|
|
855
|
+
.animated-fade-in-down-big {
|
|
856
|
+
-webkit-animation-name: animated-fade-in-down-big;
|
|
857
|
+
-ms-animation-name: animated-fade-in-down-big;
|
|
858
|
+
animation-name: animated-fade-in-down-big;
|
|
839
859
|
}
|
|
840
|
-
@-webkit-keyframes
|
|
860
|
+
@-webkit-keyframes animated-fade-in-left {
|
|
841
861
|
0% {
|
|
842
862
|
opacity: 0;
|
|
843
863
|
-webkit-transform: translateX(-20px);
|
|
@@ -849,7 +869,7 @@
|
|
|
849
869
|
transform: translateX(0);
|
|
850
870
|
}
|
|
851
871
|
}
|
|
852
|
-
@keyframes
|
|
872
|
+
@keyframes animated-fade-in-left {
|
|
853
873
|
0% {
|
|
854
874
|
opacity: 0;
|
|
855
875
|
-webkit-transform: translateX(-20px);
|
|
@@ -863,11 +883,12 @@
|
|
|
863
883
|
transform: translateX(0);
|
|
864
884
|
}
|
|
865
885
|
}
|
|
866
|
-
.
|
|
867
|
-
-webkit-animation-name:
|
|
868
|
-
|
|
886
|
+
.animated-fade-in-left {
|
|
887
|
+
-webkit-animation-name: animated-fade-in-left;
|
|
888
|
+
-ms-animation-name: animated-fade-in-left;
|
|
889
|
+
animation-name: animated-fade-in-left;
|
|
869
890
|
}
|
|
870
|
-
@-webkit-keyframes
|
|
891
|
+
@-webkit-keyframes animated-fade-in-left-big {
|
|
871
892
|
0% {
|
|
872
893
|
opacity: 0;
|
|
873
894
|
-webkit-transform: translateX(-2000px);
|
|
@@ -879,7 +900,7 @@
|
|
|
879
900
|
transform: translateX(0);
|
|
880
901
|
}
|
|
881
902
|
}
|
|
882
|
-
@keyframes
|
|
903
|
+
@keyframes animated-fade-in-left-big {
|
|
883
904
|
0% {
|
|
884
905
|
opacity: 0;
|
|
885
906
|
-webkit-transform: translateX(-2000px);
|
|
@@ -893,11 +914,12 @@
|
|
|
893
914
|
transform: translateX(0);
|
|
894
915
|
}
|
|
895
916
|
}
|
|
896
|
-
.
|
|
897
|
-
-webkit-animation-name:
|
|
898
|
-
|
|
917
|
+
.animated-fade-in-left-big {
|
|
918
|
+
-webkit-animation-name: animated-fade-in-left-big;
|
|
919
|
+
-ms-animation-name: animated-fade-in-left-big;
|
|
920
|
+
animation-name: animated-fade-in-left-big;
|
|
899
921
|
}
|
|
900
|
-
@-webkit-keyframes
|
|
922
|
+
@-webkit-keyframes animated-fade-in-right {
|
|
901
923
|
0% {
|
|
902
924
|
opacity: 0;
|
|
903
925
|
-webkit-transform: translateX(20px);
|
|
@@ -909,7 +931,7 @@
|
|
|
909
931
|
transform: translateX(0);
|
|
910
932
|
}
|
|
911
933
|
}
|
|
912
|
-
@keyframes
|
|
934
|
+
@keyframes animated-fade-in-right {
|
|
913
935
|
0% {
|
|
914
936
|
opacity: 0;
|
|
915
937
|
-webkit-transform: translateX(20px);
|
|
@@ -923,11 +945,12 @@
|
|
|
923
945
|
transform: translateX(0);
|
|
924
946
|
}
|
|
925
947
|
}
|
|
926
|
-
.
|
|
927
|
-
-webkit-animation-name:
|
|
928
|
-
|
|
948
|
+
.animated-fade-in-right {
|
|
949
|
+
-webkit-animation-name: animated-fade-in-right;
|
|
950
|
+
-ms-animation-name: animated-fade-in-right;
|
|
951
|
+
animation-name: animated-fade-in-right;
|
|
929
952
|
}
|
|
930
|
-
@-webkit-keyframes
|
|
953
|
+
@-webkit-keyframes animated-fade-in-right-big {
|
|
931
954
|
0% {
|
|
932
955
|
opacity: 0;
|
|
933
956
|
-webkit-transform: translateX(2000px);
|
|
@@ -939,7 +962,7 @@
|
|
|
939
962
|
transform: translateX(0);
|
|
940
963
|
}
|
|
941
964
|
}
|
|
942
|
-
@keyframes
|
|
965
|
+
@keyframes animated-fade-in-right-big {
|
|
943
966
|
0% {
|
|
944
967
|
opacity: 0;
|
|
945
968
|
-webkit-transform: translateX(2000px);
|
|
@@ -953,11 +976,12 @@
|
|
|
953
976
|
transform: translateX(0);
|
|
954
977
|
}
|
|
955
978
|
}
|
|
956
|
-
.
|
|
957
|
-
-webkit-animation-name:
|
|
958
|
-
|
|
979
|
+
.animated-fade-in-right-big {
|
|
980
|
+
-webkit-animation-name: animated-fade-in-right-big;
|
|
981
|
+
-ms-animation-name: animated-fade-in-right-big;
|
|
982
|
+
animation-name: animated-fade-in-right-big;
|
|
959
983
|
}
|
|
960
|
-
@-webkit-keyframes
|
|
984
|
+
@-webkit-keyframes animated-fade-in-up {
|
|
961
985
|
0% {
|
|
962
986
|
opacity: 0;
|
|
963
987
|
-webkit-transform: translateY(20px);
|
|
@@ -969,7 +993,7 @@
|
|
|
969
993
|
transform: translateY(0);
|
|
970
994
|
}
|
|
971
995
|
}
|
|
972
|
-
@keyframes
|
|
996
|
+
@keyframes animated-fade-in-up {
|
|
973
997
|
0% {
|
|
974
998
|
opacity: 0;
|
|
975
999
|
-webkit-transform: translateY(20px);
|
|
@@ -983,11 +1007,12 @@
|
|
|
983
1007
|
transform: translateY(0);
|
|
984
1008
|
}
|
|
985
1009
|
}
|
|
986
|
-
.
|
|
987
|
-
-webkit-animation-name:
|
|
988
|
-
|
|
1010
|
+
.animated-fade-in-up {
|
|
1011
|
+
-webkit-animation-name: animated-fade-in-up;
|
|
1012
|
+
-ms-animation-name: animated-fade-in-up;
|
|
1013
|
+
animation-name: animated-fade-in-up;
|
|
989
1014
|
}
|
|
990
|
-
@-webkit-keyframes
|
|
1015
|
+
@-webkit-keyframes animated-fade-in-up-big {
|
|
991
1016
|
0% {
|
|
992
1017
|
opacity: 0;
|
|
993
1018
|
-webkit-transform: translateY(2000px);
|
|
@@ -999,7 +1024,7 @@
|
|
|
999
1024
|
transform: translateY(0);
|
|
1000
1025
|
}
|
|
1001
1026
|
}
|
|
1002
|
-
@keyframes
|
|
1027
|
+
@keyframes animated-fade-in-up-big {
|
|
1003
1028
|
0% {
|
|
1004
1029
|
opacity: 0;
|
|
1005
1030
|
-webkit-transform: translateY(2000px);
|
|
@@ -1013,23 +1038,25 @@
|
|
|
1013
1038
|
transform: translateY(0);
|
|
1014
1039
|
}
|
|
1015
1040
|
}
|
|
1016
|
-
.
|
|
1017
|
-
-webkit-animation-name:
|
|
1018
|
-
|
|
1041
|
+
.animated-fade-in-up-big {
|
|
1042
|
+
-webkit-animation-name: animated-fade-in-up-big;
|
|
1043
|
+
-ms-animation-name: animated-fade-in-up-big;
|
|
1044
|
+
animation-name: animated-fade-in-up-big;
|
|
1019
1045
|
}
|
|
1020
|
-
@-webkit-keyframes
|
|
1046
|
+
@-webkit-keyframes animated-fade-out {
|
|
1021
1047
|
0% { opacity: 1; }
|
|
1022
1048
|
100% { opacity: 0; }
|
|
1023
1049
|
}
|
|
1024
|
-
@keyframes
|
|
1050
|
+
@keyframes animated-fade-out {
|
|
1025
1051
|
0% { opacity: 1; }
|
|
1026
1052
|
100% { opacity: 0; }
|
|
1027
1053
|
}
|
|
1028
|
-
.
|
|
1029
|
-
-webkit-animation-name:
|
|
1030
|
-
|
|
1054
|
+
.animated-fade-out {
|
|
1055
|
+
-webkit-animation-name: animated-fade-out;
|
|
1056
|
+
-ms-animation-name: animated-fade-out;
|
|
1057
|
+
animation-name: animated-fade-out;
|
|
1031
1058
|
}
|
|
1032
|
-
@-webkit-keyframes
|
|
1059
|
+
@-webkit-keyframes animated-fade-out-down {
|
|
1033
1060
|
0% {
|
|
1034
1061
|
opacity: 1;
|
|
1035
1062
|
-webkit-transform: translateY(0);
|
|
@@ -1041,7 +1068,7 @@
|
|
|
1041
1068
|
transform: translateY(20px);
|
|
1042
1069
|
}
|
|
1043
1070
|
}
|
|
1044
|
-
@keyframes
|
|
1071
|
+
@keyframes animated-fade-out-down {
|
|
1045
1072
|
0% {
|
|
1046
1073
|
opacity: 1;
|
|
1047
1074
|
-webkit-transform: translateY(0);
|
|
@@ -1055,11 +1082,12 @@
|
|
|
1055
1082
|
transform: translateY(20px);
|
|
1056
1083
|
}
|
|
1057
1084
|
}
|
|
1058
|
-
.
|
|
1059
|
-
-webkit-animation-name:
|
|
1060
|
-
|
|
1085
|
+
.animated-fade-out-down {
|
|
1086
|
+
-webkit-animation-name: animated-fade-out-down;
|
|
1087
|
+
-ms-animation-name: animated-fade-out-down;
|
|
1088
|
+
animation-name: animated-fade-out-down;
|
|
1061
1089
|
}
|
|
1062
|
-
@-webkit-keyframes
|
|
1090
|
+
@-webkit-keyframes animated-fade-out-down-big {
|
|
1063
1091
|
0% {
|
|
1064
1092
|
opacity: 1;
|
|
1065
1093
|
-webkit-transform: translateY(0);
|
|
@@ -1071,7 +1099,7 @@
|
|
|
1071
1099
|
transform: translateY(2000px);
|
|
1072
1100
|
}
|
|
1073
1101
|
}
|
|
1074
|
-
@keyframes
|
|
1102
|
+
@keyframes animated-fade-out-down-big {
|
|
1075
1103
|
0% {
|
|
1076
1104
|
opacity: 1;
|
|
1077
1105
|
-webkit-transform: translateY(0);
|
|
@@ -1085,11 +1113,12 @@
|
|
|
1085
1113
|
transform: translateY(2000px);
|
|
1086
1114
|
}
|
|
1087
1115
|
}
|
|
1088
|
-
.
|
|
1089
|
-
-webkit-animation-name:
|
|
1090
|
-
|
|
1116
|
+
.animated-fade-out-down-big {
|
|
1117
|
+
-webkit-animation-name: animated-fade-out-down-big;
|
|
1118
|
+
-ms-animation-name: animated-fade-out-down-big;
|
|
1119
|
+
animation-name: animated-fade-out-down-big;
|
|
1091
1120
|
}
|
|
1092
|
-
@-webkit-keyframes
|
|
1121
|
+
@-webkit-keyframes animated-fade-out-left {
|
|
1093
1122
|
0% {
|
|
1094
1123
|
opacity: 1;
|
|
1095
1124
|
-webkit-transform: translateX(0);
|
|
@@ -1101,7 +1130,7 @@
|
|
|
1101
1130
|
transform: translateX(-20px);
|
|
1102
1131
|
}
|
|
1103
1132
|
}
|
|
1104
|
-
@keyframes
|
|
1133
|
+
@keyframes animated-fade-out-left {
|
|
1105
1134
|
0% {
|
|
1106
1135
|
opacity: 1;
|
|
1107
1136
|
-webkit-transform: translateX(0);
|
|
@@ -1115,11 +1144,12 @@
|
|
|
1115
1144
|
transform: translateX(-20px);
|
|
1116
1145
|
}
|
|
1117
1146
|
}
|
|
1118
|
-
.
|
|
1119
|
-
-webkit-animation-name:
|
|
1120
|
-
|
|
1147
|
+
.animated-fade-out-left {
|
|
1148
|
+
-webkit-animation-name: animated-fade-out-left;
|
|
1149
|
+
-ms-animation-name: animated-fade-out-left;
|
|
1150
|
+
animation-name: animated-fade-out-left;
|
|
1121
1151
|
}
|
|
1122
|
-
@-webkit-keyframes
|
|
1152
|
+
@-webkit-keyframes animated-fade-out-left-big {
|
|
1123
1153
|
0% {
|
|
1124
1154
|
opacity: 1;
|
|
1125
1155
|
-webkit-transform: translateX(0);
|
|
@@ -1131,7 +1161,7 @@
|
|
|
1131
1161
|
transform: translateX(-2000px);
|
|
1132
1162
|
}
|
|
1133
1163
|
}
|
|
1134
|
-
@keyframes
|
|
1164
|
+
@keyframes animated-fade-out-left-big {
|
|
1135
1165
|
0% {
|
|
1136
1166
|
opacity: 1;
|
|
1137
1167
|
-webkit-transform: translateX(0);
|
|
@@ -1145,11 +1175,12 @@
|
|
|
1145
1175
|
transform: translateX(-2000px);
|
|
1146
1176
|
}
|
|
1147
1177
|
}
|
|
1148
|
-
.
|
|
1149
|
-
-webkit-animation-name:
|
|
1150
|
-
|
|
1178
|
+
.animated-fade-out-left-big {
|
|
1179
|
+
-webkit-animation-name: animated-fade-out-left-big;
|
|
1180
|
+
-ms-animation-name: animated-fade-out-left-big;
|
|
1181
|
+
animation-name: animated-fade-out-left-big;
|
|
1151
1182
|
}
|
|
1152
|
-
@-webkit-keyframes
|
|
1183
|
+
@-webkit-keyframes animated-fade-out-right {
|
|
1153
1184
|
0% {
|
|
1154
1185
|
opacity: 1;
|
|
1155
1186
|
-webkit-transform: translateX(0);
|
|
@@ -1161,7 +1192,7 @@
|
|
|
1161
1192
|
transform: translateX(20px);
|
|
1162
1193
|
}
|
|
1163
1194
|
}
|
|
1164
|
-
@keyframes
|
|
1195
|
+
@keyframes animated-fade-out-right {
|
|
1165
1196
|
0% {
|
|
1166
1197
|
opacity: 1;
|
|
1167
1198
|
-webkit-transform: translateX(0);
|
|
@@ -1175,11 +1206,12 @@
|
|
|
1175
1206
|
transform: translateX(20px);
|
|
1176
1207
|
}
|
|
1177
1208
|
}
|
|
1178
|
-
.
|
|
1179
|
-
-webkit-animation-name:
|
|
1180
|
-
|
|
1209
|
+
.animated-fade-out-right {
|
|
1210
|
+
-webkit-animation-name: animated-fade-out-right;
|
|
1211
|
+
-ms-animation-name: animated-fade-out-right;
|
|
1212
|
+
animation-name: animated-fade-out-right;
|
|
1181
1213
|
}
|
|
1182
|
-
@-webkit-keyframes
|
|
1214
|
+
@-webkit-keyframes animated-fade-out-right-big {
|
|
1183
1215
|
0% {
|
|
1184
1216
|
opacity: 1;
|
|
1185
1217
|
-webkit-transform: translateX(0);
|
|
@@ -1191,7 +1223,7 @@
|
|
|
1191
1223
|
transform: translateX(2000px);
|
|
1192
1224
|
}
|
|
1193
1225
|
}
|
|
1194
|
-
@keyframes
|
|
1226
|
+
@keyframes animated-fade-out-right-big {
|
|
1195
1227
|
0% {
|
|
1196
1228
|
opacity: 1;
|
|
1197
1229
|
-webkit-transform: translateX(0);
|
|
@@ -1205,11 +1237,12 @@
|
|
|
1205
1237
|
transform: translateX(2000px);
|
|
1206
1238
|
}
|
|
1207
1239
|
}
|
|
1208
|
-
.
|
|
1209
|
-
-webkit-animation-name:
|
|
1210
|
-
|
|
1240
|
+
.animated-fade-out-right-big {
|
|
1241
|
+
-webkit-animation-name: animated-fade-out-right-big;
|
|
1242
|
+
-ms-animation-name: animated-fade-out-right-big;
|
|
1243
|
+
animation-name: animated-fade-out-right-big;
|
|
1211
1244
|
}
|
|
1212
|
-
@-webkit-keyframes
|
|
1245
|
+
@-webkit-keyframes animated-fade-out-up {
|
|
1213
1246
|
0% {
|
|
1214
1247
|
opacity: 1;
|
|
1215
1248
|
-webkit-transform: translateY(0);
|
|
@@ -1221,7 +1254,7 @@
|
|
|
1221
1254
|
transform: translateY(-20px);
|
|
1222
1255
|
}
|
|
1223
1256
|
}
|
|
1224
|
-
@keyframes
|
|
1257
|
+
@keyframes animated-fade-out-up {
|
|
1225
1258
|
0% {
|
|
1226
1259
|
opacity: 1;
|
|
1227
1260
|
-webkit-transform: translateY(0);
|
|
@@ -1235,11 +1268,12 @@
|
|
|
1235
1268
|
transform: translateY(-20px);
|
|
1236
1269
|
}
|
|
1237
1270
|
}
|
|
1238
|
-
.
|
|
1239
|
-
-webkit-animation-name:
|
|
1240
|
-
|
|
1271
|
+
.animated-fade-out-up {
|
|
1272
|
+
-webkit-animation-name: animated-fade-out-up;
|
|
1273
|
+
-ms-animation-name: animated-fade-out-up;
|
|
1274
|
+
animation-name: animated-fade-out-up;
|
|
1241
1275
|
}
|
|
1242
|
-
@-webkit-keyframes
|
|
1276
|
+
@-webkit-keyframes animated-fade-out-up-big {
|
|
1243
1277
|
0% {
|
|
1244
1278
|
opacity: 1;
|
|
1245
1279
|
-webkit-transform: translateY(0);
|
|
@@ -1251,7 +1285,7 @@
|
|
|
1251
1285
|
transform: translateY(-2000px);
|
|
1252
1286
|
}
|
|
1253
1287
|
}
|
|
1254
|
-
@keyframes
|
|
1288
|
+
@keyframes animated-fade-out-up-big {
|
|
1255
1289
|
0% {
|
|
1256
1290
|
opacity: 1;
|
|
1257
1291
|
-webkit-transform: translateY(0);
|
|
@@ -1265,91 +1299,98 @@
|
|
|
1265
1299
|
transform: translateY(-2000px);
|
|
1266
1300
|
}
|
|
1267
1301
|
}
|
|
1268
|
-
.
|
|
1269
|
-
-webkit-animation-name:
|
|
1270
|
-
|
|
1302
|
+
.animated-fade-out-up-big {
|
|
1303
|
+
-webkit-animation-name: animated-fade-out-up-big;
|
|
1304
|
+
-ms-animation-name: animated-fade-out-up-big;
|
|
1305
|
+
animation-name: animated-fade-out-up-big;
|
|
1271
1306
|
}
|
|
1272
|
-
@-webkit-keyframes flip {
|
|
1307
|
+
@-webkit-keyframes animated-flip {
|
|
1273
1308
|
0% {
|
|
1309
|
+
-webkit-animation-timing-function: ease-out;
|
|
1310
|
+
animation-timing-function: ease-out;
|
|
1274
1311
|
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
1275
1312
|
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
1276
|
-
-webkit-animation-timing-function: ease-out;
|
|
1277
|
-
animation-timing-function: ease-out;
|
|
1278
1313
|
}
|
|
1279
1314
|
40% {
|
|
1315
|
+
-webkit-animation-timing-function: ease-out;
|
|
1316
|
+
animation-timing-function: ease-out;
|
|
1280
1317
|
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
1281
1318
|
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
1282
|
-
-webkit-animation-timing-function: ease-out;
|
|
1283
|
-
animation-timing-function: ease-out;
|
|
1284
1319
|
}
|
|
1285
1320
|
50% {
|
|
1321
|
+
-webkit-animation-timing-function: ease-in;
|
|
1322
|
+
animation-timing-function: ease-in;
|
|
1286
1323
|
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
1287
1324
|
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
1288
|
-
-webkit-animation-timing-function: ease-in;
|
|
1289
|
-
animation-timing-function: ease-in;
|
|
1290
1325
|
}
|
|
1291
1326
|
80% {
|
|
1327
|
+
-webkit-animation-timing-function: ease-in;
|
|
1328
|
+
animation-timing-function: ease-in;
|
|
1292
1329
|
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
1293
1330
|
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
1294
|
-
-webkit-animation-timing-function: ease-in;
|
|
1295
|
-
animation-timing-function: ease-in;
|
|
1296
1331
|
}
|
|
1297
1332
|
100% {
|
|
1333
|
+
-webkit-animation-timing-function: ease-in;
|
|
1334
|
+
animation-timing-function: ease-in;
|
|
1298
1335
|
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
1299
1336
|
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
1300
|
-
-webkit-animation-timing-function: ease-in;
|
|
1301
|
-
animation-timing-function: ease-in;
|
|
1302
1337
|
}
|
|
1303
1338
|
}
|
|
1304
|
-
@keyframes flip {
|
|
1339
|
+
@keyframes animated-flip {
|
|
1305
1340
|
0% {
|
|
1341
|
+
-webkit-animation-timing-function: ease-out;
|
|
1342
|
+
-ms-animation-timing-function: ease-out;
|
|
1343
|
+
animation-timing-function: ease-out;
|
|
1306
1344
|
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
1307
1345
|
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
1308
1346
|
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
1309
|
-
-webkit-animation-timing-function: ease-out;
|
|
1310
|
-
animation-timing-function: ease-out;
|
|
1311
1347
|
}
|
|
1312
1348
|
40% {
|
|
1349
|
+
-webkit-animation-timing-function: ease-out;
|
|
1350
|
+
-ms-animation-timing-function: ease-out;
|
|
1351
|
+
animation-timing-function: ease-out;
|
|
1313
1352
|
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
1314
1353
|
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
1315
1354
|
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
1316
|
-
-webkit-animation-timing-function: ease-out;
|
|
1317
|
-
animation-timing-function: ease-out;
|
|
1318
1355
|
}
|
|
1319
1356
|
50% {
|
|
1357
|
+
-webkit-animation-timing-function: ease-in;
|
|
1358
|
+
-ms-animation-timing-function: ease-in;
|
|
1359
|
+
animation-timing-function: ease-in;
|
|
1320
1360
|
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
1321
1361
|
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
1322
1362
|
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
1323
|
-
-webkit-animation-timing-function: ease-in;
|
|
1324
|
-
animation-timing-function: ease-in;
|
|
1325
1363
|
}
|
|
1326
1364
|
80% {
|
|
1365
|
+
-webkit-animation-timing-function: ease-in;
|
|
1366
|
+
-ms-animation-timing-function: ease-in;
|
|
1367
|
+
animation-timing-function: ease-in;
|
|
1327
1368
|
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
1328
1369
|
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
1329
1370
|
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
1330
|
-
-webkit-animation-timing-function: ease-in;
|
|
1331
|
-
animation-timing-function: ease-in;
|
|
1332
1371
|
}
|
|
1333
1372
|
100% {
|
|
1373
|
+
-webkit-animation-timing-function: ease-in;
|
|
1374
|
+
-ms-animation-timing-function: ease-in;
|
|
1375
|
+
animation-timing-function: ease-in;
|
|
1334
1376
|
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
1335
1377
|
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
1336
1378
|
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
1337
|
-
-webkit-animation-timing-function: ease-in;
|
|
1338
|
-
animation-timing-function: ease-in;
|
|
1339
1379
|
}
|
|
1340
1380
|
}
|
|
1341
|
-
.animated
|
|
1342
|
-
-webkit-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
-webkit-
|
|
1346
|
-
|
|
1381
|
+
.animated-flip {
|
|
1382
|
+
-webkit-animation-name: animated-flip;
|
|
1383
|
+
-ms-animation-name: animated-flip;
|
|
1384
|
+
animation-name: animated-flip;
|
|
1385
|
+
-webkit-backface-visibility: visible !important;
|
|
1386
|
+
-ms-backface-visibility: visible !important;
|
|
1387
|
+
backface-visibility: visible !important;
|
|
1347
1388
|
}
|
|
1348
|
-
@-webkit-keyframes
|
|
1389
|
+
@-webkit-keyframes animated-flip-in-x {
|
|
1349
1390
|
0% {
|
|
1391
|
+
opacity: 0;
|
|
1350
1392
|
-webkit-transform: perspective(400px) rotateX(90deg);
|
|
1351
1393
|
transform: perspective(400px) rotateX(90deg);
|
|
1352
|
-
opacity: 0;
|
|
1353
1394
|
}
|
|
1354
1395
|
40% {
|
|
1355
1396
|
-webkit-transform: perspective(400px) rotateX(-10deg);
|
|
@@ -1360,17 +1401,17 @@
|
|
|
1360
1401
|
transform: perspective(400px) rotateX(10deg);
|
|
1361
1402
|
}
|
|
1362
1403
|
100% {
|
|
1404
|
+
opacity: 1;
|
|
1363
1405
|
-webkit-transform: perspective(400px) rotateX(0deg);
|
|
1364
1406
|
transform: perspective(400px) rotateX(0deg);
|
|
1365
|
-
opacity: 1;
|
|
1366
1407
|
}
|
|
1367
1408
|
}
|
|
1368
|
-
@keyframes
|
|
1409
|
+
@keyframes animated-flip-in-x {
|
|
1369
1410
|
0% {
|
|
1411
|
+
opacity: 0;
|
|
1370
1412
|
-webkit-transform: perspective(400px) rotateX(90deg);
|
|
1371
1413
|
-ms-transform: perspective(400px) rotateX(90deg);
|
|
1372
1414
|
transform: perspective(400px) rotateX(90deg);
|
|
1373
|
-
opacity: 0;
|
|
1374
1415
|
}
|
|
1375
1416
|
40% {
|
|
1376
1417
|
-webkit-transform: perspective(400px) rotateX(-10deg);
|
|
@@ -1383,24 +1424,25 @@
|
|
|
1383
1424
|
transform: perspective(400px) rotateX(10deg);
|
|
1384
1425
|
}
|
|
1385
1426
|
100% {
|
|
1427
|
+
opacity: 1;
|
|
1386
1428
|
-webkit-transform: perspective(400px) rotateX(0deg);
|
|
1387
1429
|
-ms-transform: perspective(400px) rotateX(0deg);
|
|
1388
1430
|
transform: perspective(400px) rotateX(0deg);
|
|
1389
|
-
opacity: 1;
|
|
1390
1431
|
}
|
|
1391
1432
|
}
|
|
1392
|
-
.
|
|
1433
|
+
.animated-flip-in-x {
|
|
1434
|
+
-webkit-animation-name: animated-flip-in-x;
|
|
1435
|
+
-ms-animation-name: animated-flip-in-x;
|
|
1436
|
+
animation-name: animated-flip-in-x;
|
|
1393
1437
|
-webkit-backface-visibility: visible !important;
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
-webkit-animation-name: flipInX;
|
|
1397
|
-
animation-name: flipInX;
|
|
1438
|
+
-ms-backface-visibility: visible !important;
|
|
1439
|
+
backface-visibility: visible !important;
|
|
1398
1440
|
}
|
|
1399
|
-
@-webkit-keyframes
|
|
1441
|
+
@-webkit-keyframes animated-flip-in-y {
|
|
1400
1442
|
0% {
|
|
1443
|
+
opacity: 0;
|
|
1401
1444
|
-webkit-transform: perspective(400px) rotateY(90deg);
|
|
1402
1445
|
transform: perspective(400px) rotateY(90deg);
|
|
1403
|
-
opacity: 0;
|
|
1404
1446
|
}
|
|
1405
1447
|
40% {
|
|
1406
1448
|
-webkit-transform: perspective(400px) rotateY(-10deg);
|
|
@@ -1411,17 +1453,17 @@
|
|
|
1411
1453
|
transform: perspective(400px) rotateY(10deg);
|
|
1412
1454
|
}
|
|
1413
1455
|
100% {
|
|
1456
|
+
opacity: 1;
|
|
1414
1457
|
-webkit-transform: perspective(400px) rotateY(0deg);
|
|
1415
1458
|
transform: perspective(400px) rotateY(0deg);
|
|
1416
|
-
opacity: 1;
|
|
1417
1459
|
}
|
|
1418
1460
|
}
|
|
1419
|
-
@keyframes
|
|
1461
|
+
@keyframes animated-flip-in-y {
|
|
1420
1462
|
0% {
|
|
1463
|
+
opacity: 0;
|
|
1421
1464
|
-webkit-transform: perspective(400px) rotateY(90deg);
|
|
1422
1465
|
-ms-transform: perspective(400px) rotateY(90deg);
|
|
1423
1466
|
transform: perspective(400px) rotateY(90deg);
|
|
1424
|
-
opacity: 0;
|
|
1425
1467
|
}
|
|
1426
1468
|
40% {
|
|
1427
1469
|
-webkit-transform: perspective(400px) rotateY(-10deg);
|
|
@@ -1434,534 +1476,550 @@
|
|
|
1434
1476
|
transform: perspective(400px) rotateY(10deg);
|
|
1435
1477
|
}
|
|
1436
1478
|
100% {
|
|
1479
|
+
opacity: 1;
|
|
1437
1480
|
-webkit-transform: perspective(400px) rotateY(0deg);
|
|
1438
1481
|
-ms-transform: perspective(400px) rotateY(0deg);
|
|
1439
1482
|
transform: perspective(400px) rotateY(0deg);
|
|
1440
|
-
opacity: 1;
|
|
1441
1483
|
}
|
|
1442
1484
|
}
|
|
1443
|
-
.
|
|
1485
|
+
.animated-flip-in-y {
|
|
1486
|
+
-webkit-animation-name: animated-flip-in-y;
|
|
1487
|
+
-ms-animation-name: animated-flip-in-y;
|
|
1488
|
+
animation-name: animated-flip-in-y;
|
|
1444
1489
|
-webkit-backface-visibility: visible !important;
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
-webkit-animation-name: flipInY;
|
|
1448
|
-
animation-name: flipInY;
|
|
1490
|
+
-ms-backface-visibility: visible !important;
|
|
1491
|
+
backface-visibility: visible !important;
|
|
1449
1492
|
}
|
|
1450
|
-
@-webkit-keyframes
|
|
1493
|
+
@-webkit-keyframes animated-flip-out-x {
|
|
1451
1494
|
0% {
|
|
1495
|
+
opacity: 1;
|
|
1452
1496
|
-webkit-transform: perspective(400px) rotateX(0deg);
|
|
1453
1497
|
transform: perspective(400px) rotateX(0deg);
|
|
1454
|
-
opacity: 1;
|
|
1455
1498
|
}
|
|
1456
1499
|
|
|
1457
1500
|
100% {
|
|
1501
|
+
opacity: 0;
|
|
1458
1502
|
-webkit-transform: perspective(400px) rotateX(90deg);
|
|
1459
1503
|
transform: perspective(400px) rotateX(90deg);
|
|
1460
|
-
opacity: 0;
|
|
1461
1504
|
}
|
|
1462
1505
|
}
|
|
1463
|
-
@keyframes
|
|
1506
|
+
@keyframes animated-flip-out-x {
|
|
1464
1507
|
0% {
|
|
1508
|
+
opacity: 1;
|
|
1465
1509
|
-webkit-transform: perspective(400px) rotateX(0deg);
|
|
1466
1510
|
-ms-transform: perspective(400px) rotateX(0deg);
|
|
1467
1511
|
transform: perspective(400px) rotateX(0deg);
|
|
1468
|
-
opacity: 1;
|
|
1469
1512
|
}
|
|
1470
1513
|
100% {
|
|
1514
|
+
opacity: 0;
|
|
1471
1515
|
-webkit-transform: perspective(400px) rotateX(90deg);
|
|
1472
1516
|
-ms-transform: perspective(400px) rotateX(90deg);
|
|
1473
1517
|
transform: perspective(400px) rotateX(90deg);
|
|
1474
|
-
opacity: 0;
|
|
1475
1518
|
}
|
|
1476
1519
|
}
|
|
1477
|
-
.
|
|
1478
|
-
-webkit-animation-name:
|
|
1479
|
-
|
|
1520
|
+
.animated-flip-out-x {
|
|
1521
|
+
-webkit-animation-name: animated-flip-out-x;
|
|
1522
|
+
-ms-animation-name: animated-flip-out-x;
|
|
1523
|
+
animation-name: animated-flip-out-x;
|
|
1480
1524
|
-webkit-backface-visibility: visible !important;
|
|
1481
|
-
|
|
1482
|
-
|
|
1525
|
+
-ms-backface-visibility: visible !important;
|
|
1526
|
+
backface-visibility: visible !important;
|
|
1483
1527
|
}
|
|
1484
|
-
@-webkit-keyframes
|
|
1528
|
+
@-webkit-keyframes animated-flip-out-y {
|
|
1485
1529
|
0% {
|
|
1530
|
+
opacity: 1;
|
|
1486
1531
|
-webkit-transform: perspective(400px) rotateY(0deg);
|
|
1487
1532
|
transform: perspective(400px) rotateY(0deg);
|
|
1488
|
-
opacity: 1;
|
|
1489
1533
|
}
|
|
1490
1534
|
100% {
|
|
1535
|
+
opacity: 0;
|
|
1491
1536
|
-webkit-transform: perspective(400px) rotateY(90deg);
|
|
1492
1537
|
transform: perspective(400px) rotateY(90deg);
|
|
1493
|
-
opacity: 0;
|
|
1494
1538
|
}
|
|
1495
1539
|
}
|
|
1496
|
-
@keyframes
|
|
1540
|
+
@keyframes animated-flip-out-y {
|
|
1497
1541
|
0% {
|
|
1542
|
+
opacity: 1;
|
|
1498
1543
|
-webkit-transform: perspective(400px) rotateY(0deg);
|
|
1499
1544
|
-ms-transform: perspective(400px) rotateY(0deg);
|
|
1500
1545
|
transform: perspective(400px) rotateY(0deg);
|
|
1501
|
-
opacity: 1;
|
|
1502
1546
|
}
|
|
1503
1547
|
100% {
|
|
1548
|
+
opacity: 0;
|
|
1504
1549
|
-webkit-transform: perspective(400px) rotateY(90deg);
|
|
1505
1550
|
-ms-transform: perspective(400px) rotateY(90deg);
|
|
1506
1551
|
transform: perspective(400px) rotateY(90deg);
|
|
1507
|
-
opacity: 0;
|
|
1508
1552
|
}
|
|
1509
1553
|
}
|
|
1510
|
-
.
|
|
1554
|
+
.animated-flip-out-y {
|
|
1555
|
+
-webkit-animation-name: animated-flip-out-y;
|
|
1556
|
+
-ms-animation-name: animated-flip-out-y;
|
|
1557
|
+
animation-name: animated-flip-out-y;
|
|
1511
1558
|
-webkit-backface-visibility: visible !important;
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
-webkit-animation-name: flipOutY;
|
|
1515
|
-
animation-name: flipOutY;
|
|
1559
|
+
-ms-backface-visibility: visible !important;
|
|
1560
|
+
backface-visibility: visible !important;
|
|
1516
1561
|
}
|
|
1517
|
-
@-webkit-keyframes
|
|
1562
|
+
@-webkit-keyframes animated-light-speed-in {
|
|
1518
1563
|
0% {
|
|
1564
|
+
opacity: 0;
|
|
1519
1565
|
-webkit-transform: translateX(100%) skewX(-30deg);
|
|
1520
1566
|
transform: translateX(100%) skewX(-30deg);
|
|
1521
|
-
opacity: 0;
|
|
1522
1567
|
}
|
|
1523
1568
|
60% {
|
|
1569
|
+
opacity: 1;
|
|
1524
1570
|
-webkit-transform: translateX(-20%) skewX(30deg);
|
|
1525
1571
|
transform: translateX(-20%) skewX(30deg);
|
|
1526
|
-
opacity: 1;
|
|
1527
1572
|
}
|
|
1528
1573
|
80% {
|
|
1574
|
+
opacity: 1;
|
|
1529
1575
|
-webkit-transform: translateX(0%) skewX(-15deg);
|
|
1530
1576
|
transform: translateX(0%) skewX(-15deg);
|
|
1531
|
-
opacity: 1;
|
|
1532
1577
|
}
|
|
1533
1578
|
100% {
|
|
1579
|
+
opacity: 1;
|
|
1534
1580
|
-webkit-transform: translateX(0%) skewX(0deg);
|
|
1535
1581
|
transform: translateX(0%) skewX(0deg);
|
|
1536
|
-
opacity: 1;
|
|
1537
1582
|
}
|
|
1538
1583
|
}
|
|
1539
|
-
@keyframes
|
|
1584
|
+
@keyframes animated-light-speed-in {
|
|
1540
1585
|
0% {
|
|
1586
|
+
opacity: 0;
|
|
1541
1587
|
-webkit-transform: translateX(100%) skewX(-30deg);
|
|
1542
1588
|
-ms-transform: translateX(100%) skewX(-30deg);
|
|
1543
1589
|
transform: translateX(100%) skewX(-30deg);
|
|
1544
|
-
opacity: 0;
|
|
1545
1590
|
}
|
|
1546
1591
|
60% {
|
|
1592
|
+
opacity: 1;
|
|
1547
1593
|
-webkit-transform: translateX(-20%) skewX(30deg);
|
|
1548
1594
|
-ms-transform: translateX(-20%) skewX(30deg);
|
|
1549
1595
|
transform: translateX(-20%) skewX(30deg);
|
|
1550
|
-
opacity: 1;
|
|
1551
1596
|
}
|
|
1552
1597
|
80% {
|
|
1598
|
+
opacity: 1;
|
|
1553
1599
|
-webkit-transform: translateX(0%) skewX(-15deg);
|
|
1554
1600
|
-ms-transform: translateX(0%) skewX(-15deg);
|
|
1555
1601
|
transform: translateX(0%) skewX(-15deg);
|
|
1556
|
-
opacity: 1;
|
|
1557
1602
|
}
|
|
1558
1603
|
100% {
|
|
1604
|
+
opacity: 1;
|
|
1559
1605
|
-webkit-transform: translateX(0%) skewX(0deg);
|
|
1560
1606
|
-ms-transform: translateX(0%) skewX(0deg);
|
|
1561
1607
|
transform: translateX(0%) skewX(0deg);
|
|
1562
|
-
opacity: 1;
|
|
1563
1608
|
}
|
|
1564
1609
|
}
|
|
1565
|
-
.
|
|
1566
|
-
-webkit-animation-name:
|
|
1567
|
-
|
|
1610
|
+
.animated-light-speed-in {
|
|
1611
|
+
-webkit-animation-name: animated-light-speed-in;
|
|
1612
|
+
-ms-animation-name: animated-light-speed-in;
|
|
1613
|
+
animation-name: animated-light-speed-in;
|
|
1568
1614
|
-webkit-animation-timing-function: ease-out;
|
|
1569
|
-
|
|
1615
|
+
-ms-animation-timing-function: ease-out;
|
|
1616
|
+
animation-timing-function: ease-out;
|
|
1570
1617
|
}
|
|
1571
|
-
@-webkit-keyframes
|
|
1618
|
+
@-webkit-keyframes animated-light-speed-out {
|
|
1572
1619
|
0% {
|
|
1620
|
+
opacity: 1;
|
|
1573
1621
|
-webkit-transform: translateX(0%) skewX(0deg);
|
|
1574
1622
|
transform: translateX(0%) skewX(0deg);
|
|
1575
|
-
opacity: 1;
|
|
1576
1623
|
}
|
|
1577
1624
|
|
|
1578
1625
|
100% {
|
|
1626
|
+
opacity: 0;
|
|
1579
1627
|
-webkit-transform: translateX(100%) skewX(-30deg);
|
|
1580
1628
|
transform: translateX(100%) skewX(-30deg);
|
|
1581
|
-
opacity: 0;
|
|
1582
1629
|
}
|
|
1583
1630
|
}
|
|
1584
|
-
@keyframes
|
|
1631
|
+
@keyframes animated-light-speed-out {
|
|
1585
1632
|
0% {
|
|
1633
|
+
opacity: 1;
|
|
1586
1634
|
-webkit-transform: translateX(0%) skewX(0deg);
|
|
1587
1635
|
-ms-transform: translateX(0%) skewX(0deg);
|
|
1588
1636
|
transform: translateX(0%) skewX(0deg);
|
|
1589
|
-
opacity: 1;
|
|
1590
1637
|
}
|
|
1591
1638
|
100% {
|
|
1639
|
+
opacity: 0;
|
|
1592
1640
|
-webkit-transform: translateX(100%) skewX(-30deg);
|
|
1593
1641
|
-ms-transform: translateX(100%) skewX(-30deg);
|
|
1594
1642
|
transform: translateX(100%) skewX(-30deg);
|
|
1595
|
-
opacity: 0;
|
|
1596
1643
|
}
|
|
1597
1644
|
}
|
|
1598
|
-
.
|
|
1599
|
-
-webkit-animation-name:
|
|
1600
|
-
|
|
1645
|
+
.animated-light-speed-out {
|
|
1646
|
+
-webkit-animation-name: animated-light-speed-out;
|
|
1647
|
+
-ms-animation-name: animated-light-speed-out;
|
|
1648
|
+
animation-name: animated-light-speed-out;
|
|
1601
1649
|
-webkit-animation-timing-function: ease-in;
|
|
1602
|
-
|
|
1650
|
+
-ms-animation-timing-function: ease-in;
|
|
1651
|
+
animation-timing-function: ease-in;
|
|
1603
1652
|
}
|
|
1604
|
-
@-webkit-keyframes
|
|
1653
|
+
@-webkit-keyframes animated-rotate-in {
|
|
1605
1654
|
0% {
|
|
1606
|
-
|
|
1607
|
-
transform-origin: center center;
|
|
1655
|
+
opacity: 0;
|
|
1608
1656
|
-webkit-transform: rotate(-200deg);
|
|
1609
1657
|
transform: rotate(-200deg);
|
|
1610
|
-
|
|
1658
|
+
-webkit-transform-origin: center center;
|
|
1659
|
+
transform-origin: center center;
|
|
1611
1660
|
}
|
|
1612
1661
|
100% {
|
|
1613
|
-
|
|
1614
|
-
transform-origin: center center;
|
|
1662
|
+
opacity: 1;
|
|
1615
1663
|
-webkit-transform: rotate(0);
|
|
1616
1664
|
transform: rotate(0);
|
|
1617
|
-
|
|
1665
|
+
-webkit-transform-origin: center center;
|
|
1666
|
+
transform-origin: center center;
|
|
1618
1667
|
}
|
|
1619
1668
|
}
|
|
1620
|
-
@keyframes
|
|
1669
|
+
@keyframes animated-rotate-in {
|
|
1621
1670
|
0% {
|
|
1622
|
-
|
|
1623
|
-
-ms-transform-origin: center center;
|
|
1624
|
-
transform-origin: center center;
|
|
1671
|
+
opacity: 0;
|
|
1625
1672
|
-webkit-transform: rotate(-200deg);
|
|
1626
1673
|
-ms-transform: rotate(-200deg);
|
|
1627
1674
|
transform: rotate(-200deg);
|
|
1628
|
-
|
|
1675
|
+
-webkit-transform-origin: center center;
|
|
1676
|
+
-ms-transform-origin: center center;
|
|
1677
|
+
transform-origin: center center;
|
|
1629
1678
|
}
|
|
1630
1679
|
100% {
|
|
1631
|
-
|
|
1632
|
-
-ms-transform-origin: center center;
|
|
1633
|
-
transform-origin: center center;
|
|
1680
|
+
opacity: 1;
|
|
1634
1681
|
-webkit-transform: rotate(0);
|
|
1635
1682
|
-ms-transform: rotate(0);
|
|
1636
1683
|
transform: rotate(0);
|
|
1637
|
-
|
|
1684
|
+
-webkit-transform-origin: center center;
|
|
1685
|
+
-ms-transform-origin: center center;
|
|
1686
|
+
transform-origin: center center;
|
|
1638
1687
|
}
|
|
1639
1688
|
}
|
|
1640
|
-
.
|
|
1641
|
-
-webkit-animation-name:
|
|
1642
|
-
|
|
1689
|
+
.animated-rotate-in {
|
|
1690
|
+
-webkit-animation-name: animated-rotate-in;
|
|
1691
|
+
-ms-animation-name: animated-rotate-in;
|
|
1692
|
+
animation-name: animated-rotate-in;
|
|
1643
1693
|
}
|
|
1644
|
-
@-webkit-keyframes
|
|
1694
|
+
@-webkit-keyframes animated-rotate-in-down-left {
|
|
1645
1695
|
0% {
|
|
1646
|
-
|
|
1647
|
-
transform-origin: left bottom;
|
|
1696
|
+
opacity: 0;
|
|
1648
1697
|
-webkit-transform: rotate(-90deg);
|
|
1649
1698
|
transform: rotate(-90deg);
|
|
1650
|
-
opacity: 0;
|
|
1651
|
-
}
|
|
1652
|
-
100% {
|
|
1653
1699
|
-webkit-transform-origin: left bottom;
|
|
1654
1700
|
transform-origin: left bottom;
|
|
1701
|
+
}
|
|
1702
|
+
100% {
|
|
1703
|
+
opacity: 1;
|
|
1655
1704
|
-webkit-transform: rotate(0);
|
|
1656
1705
|
transform: rotate(0);
|
|
1657
|
-
|
|
1706
|
+
-webkit-transform-origin: left bottom;
|
|
1707
|
+
transform-origin: left bottom;
|
|
1658
1708
|
}
|
|
1659
1709
|
}
|
|
1660
|
-
@keyframes
|
|
1710
|
+
@keyframes animated-rotate-in-down-left {
|
|
1661
1711
|
0% {
|
|
1662
|
-
|
|
1663
|
-
-ms-transform-origin: left bottom;
|
|
1664
|
-
transform-origin: left bottom;
|
|
1712
|
+
opacity: 0;
|
|
1665
1713
|
-webkit-transform: rotate(-90deg);
|
|
1666
1714
|
-ms-transform: rotate(-90deg);
|
|
1667
1715
|
transform: rotate(-90deg);
|
|
1668
|
-
|
|
1716
|
+
-webkit-transform-origin: left bottom;
|
|
1717
|
+
-ms-transform-origin: left bottom;
|
|
1718
|
+
transform-origin: left bottom;
|
|
1669
1719
|
}
|
|
1670
1720
|
100% {
|
|
1671
|
-
|
|
1672
|
-
-ms-transform-origin: left bottom;
|
|
1673
|
-
transform-origin: left bottom;
|
|
1721
|
+
opacity: 1;
|
|
1674
1722
|
-webkit-transform: rotate(0);
|
|
1675
1723
|
-ms-transform: rotate(0);
|
|
1676
1724
|
transform: rotate(0);
|
|
1677
|
-
|
|
1725
|
+
-webkit-transform-origin: left bottom;
|
|
1726
|
+
-ms-transform-origin: left bottom;
|
|
1727
|
+
transform-origin: left bottom;
|
|
1678
1728
|
}
|
|
1679
1729
|
}
|
|
1680
|
-
.
|
|
1681
|
-
-webkit-animation-name:
|
|
1682
|
-
|
|
1730
|
+
.animated-rotate-in-down-left {
|
|
1731
|
+
-webkit-animation-name: animated-rotate-in-down-left;
|
|
1732
|
+
-ms-animation-name: animated-rotate-in-down-left;
|
|
1733
|
+
animation-name: animated-rotate-in-down-left;
|
|
1683
1734
|
}
|
|
1684
|
-
@-webkit-keyframes
|
|
1735
|
+
@-webkit-keyframes animated-rotate-in-down-right {
|
|
1685
1736
|
0% {
|
|
1686
|
-
|
|
1687
|
-
transform-origin: right bottom;
|
|
1737
|
+
opacity: 0;
|
|
1688
1738
|
-webkit-transform: rotate(90deg);
|
|
1689
1739
|
transform: rotate(90deg);
|
|
1690
|
-
|
|
1740
|
+
-webkit-transform-origin: right bottom;
|
|
1741
|
+
transform-origin: right bottom;
|
|
1691
1742
|
}
|
|
1692
1743
|
100% {
|
|
1693
|
-
|
|
1694
|
-
transform-origin: right bottom;
|
|
1744
|
+
opacity: 1;
|
|
1695
1745
|
-webkit-transform: rotate(0);
|
|
1696
1746
|
transform: rotate(0);
|
|
1697
|
-
|
|
1747
|
+
-webkit-transform-origin: right bottom;
|
|
1748
|
+
transform-origin: right bottom;
|
|
1698
1749
|
}
|
|
1699
1750
|
}
|
|
1700
|
-
@keyframes
|
|
1751
|
+
@keyframes animated-rotate-in-down-right {
|
|
1701
1752
|
0% {
|
|
1702
|
-
|
|
1703
|
-
-ms-transform-origin: right bottom;
|
|
1704
|
-
transform-origin: right bottom;
|
|
1753
|
+
opacity: 0;
|
|
1705
1754
|
-webkit-transform: rotate(90deg);
|
|
1706
1755
|
-ms-transform: rotate(90deg);
|
|
1707
1756
|
transform: rotate(90deg);
|
|
1708
|
-
|
|
1757
|
+
-webkit-transform-origin: right bottom;
|
|
1758
|
+
-ms-transform-origin: right bottom;
|
|
1759
|
+
transform-origin: right bottom;
|
|
1709
1760
|
}
|
|
1710
1761
|
100% {
|
|
1711
|
-
|
|
1712
|
-
-ms-transform-origin: right bottom;
|
|
1713
|
-
transform-origin: right bottom;
|
|
1762
|
+
opacity: 1;
|
|
1714
1763
|
-webkit-transform: rotate(0);
|
|
1715
1764
|
-ms-transform: rotate(0);
|
|
1716
1765
|
transform: rotate(0);
|
|
1717
|
-
|
|
1766
|
+
-webkit-transform-origin: right bottom;
|
|
1767
|
+
-ms-transform-origin: right bottom;
|
|
1768
|
+
transform-origin: right bottom;
|
|
1718
1769
|
}
|
|
1719
1770
|
}
|
|
1720
|
-
.
|
|
1721
|
-
-webkit-animation-name:
|
|
1722
|
-
|
|
1771
|
+
.animated-rotate-in-down-right {
|
|
1772
|
+
-webkit-animation-name: animated-rotate-in-down-right;
|
|
1773
|
+
-ms-animation-name: animated-rotate-in-down-right;
|
|
1774
|
+
animation-name: animated-rotate-in-down-right;
|
|
1723
1775
|
}
|
|
1724
|
-
@-webkit-keyframes
|
|
1776
|
+
@-webkit-keyframes animated-rotate-in-up-left {
|
|
1725
1777
|
0% {
|
|
1726
|
-
|
|
1727
|
-
transform-origin: left bottom;
|
|
1778
|
+
opacity: 0;
|
|
1728
1779
|
-webkit-transform: rotate(90deg);
|
|
1729
1780
|
transform: rotate(90deg);
|
|
1730
|
-
|
|
1781
|
+
-webkit-transform-origin: left bottom;
|
|
1782
|
+
transform-origin: left bottom;
|
|
1731
1783
|
}
|
|
1732
1784
|
100% {
|
|
1733
|
-
|
|
1734
|
-
transform-origin: left bottom;
|
|
1785
|
+
opacity: 1;
|
|
1735
1786
|
-webkit-transform: rotate(0);
|
|
1736
1787
|
transform: rotate(0);
|
|
1737
|
-
|
|
1788
|
+
-webkit-transform-origin: left bottom;
|
|
1789
|
+
transform-origin: left bottom;
|
|
1738
1790
|
}
|
|
1739
1791
|
}
|
|
1740
|
-
@keyframes
|
|
1792
|
+
@keyframes animated-rotate-in-up-left {
|
|
1741
1793
|
0% {
|
|
1742
|
-
|
|
1743
|
-
-ms-transform-origin: left bottom;
|
|
1744
|
-
transform-origin: left bottom;
|
|
1794
|
+
opacity: 0;
|
|
1745
1795
|
-webkit-transform: rotate(90deg);
|
|
1746
1796
|
-ms-transform: rotate(90deg);
|
|
1747
1797
|
transform: rotate(90deg);
|
|
1748
|
-
|
|
1798
|
+
-webkit-transform-origin: left bottom;
|
|
1799
|
+
-ms-transform-origin: left bottom;
|
|
1800
|
+
transform-origin: left bottom;
|
|
1749
1801
|
}
|
|
1750
1802
|
100% {
|
|
1751
|
-
|
|
1752
|
-
-ms-transform-origin: left bottom;
|
|
1753
|
-
transform-origin: left bottom;
|
|
1803
|
+
opacity: 1;
|
|
1754
1804
|
-webkit-transform: rotate(0);
|
|
1755
1805
|
-ms-transform: rotate(0);
|
|
1756
1806
|
transform: rotate(0);
|
|
1757
|
-
|
|
1807
|
+
-webkit-transform-origin: left bottom;
|
|
1808
|
+
-ms-transform-origin: left bottom;
|
|
1809
|
+
transform-origin: left bottom;
|
|
1758
1810
|
}
|
|
1759
1811
|
}
|
|
1760
|
-
.
|
|
1761
|
-
-webkit-animation-name:
|
|
1762
|
-
|
|
1812
|
+
.animated-rotate-in-up-left {
|
|
1813
|
+
-webkit-animation-name: animated-rotate-in-up-left;
|
|
1814
|
+
-ms-animation-name: animated-rotate-in-up-left;
|
|
1815
|
+
animation-name: animated-rotate-in-up-left;
|
|
1763
1816
|
}
|
|
1764
|
-
@-webkit-keyframes
|
|
1817
|
+
@-webkit-keyframes animated-rotate-in-up-right {
|
|
1765
1818
|
0% {
|
|
1766
|
-
|
|
1767
|
-
transform-origin: right bottom;
|
|
1819
|
+
opacity: 0;
|
|
1768
1820
|
-webkit-transform: rotate(-90deg);
|
|
1769
1821
|
transform: rotate(-90deg);
|
|
1770
|
-
|
|
1822
|
+
-webkit-transform-origin: right bottom;
|
|
1823
|
+
transform-origin: right bottom;
|
|
1771
1824
|
}
|
|
1772
1825
|
100% {
|
|
1773
|
-
|
|
1774
|
-
transform-origin: right bottom;
|
|
1826
|
+
opacity: 1;
|
|
1775
1827
|
-webkit-transform: rotate(0);
|
|
1776
1828
|
transform: rotate(0);
|
|
1777
|
-
|
|
1829
|
+
-webkit-transform-origin: right bottom;
|
|
1830
|
+
transform-origin: right bottom;
|
|
1778
1831
|
}
|
|
1779
1832
|
}
|
|
1780
|
-
@keyframes
|
|
1833
|
+
@keyframes animated-rotate-in-up-right {
|
|
1781
1834
|
0% {
|
|
1782
|
-
|
|
1783
|
-
-ms-transform-origin: right bottom;
|
|
1784
|
-
transform-origin: right bottom;
|
|
1835
|
+
opacity: 0;
|
|
1785
1836
|
-webkit-transform: rotate(-90deg);
|
|
1786
1837
|
-ms-transform: rotate(-90deg);
|
|
1787
1838
|
transform: rotate(-90deg);
|
|
1788
|
-
|
|
1839
|
+
-webkit-transform-origin: right bottom;
|
|
1840
|
+
-ms-transform-origin: right bottom;
|
|
1841
|
+
transform-origin: right bottom;
|
|
1789
1842
|
}
|
|
1790
1843
|
100% {
|
|
1791
|
-
|
|
1792
|
-
-ms-transform-origin: right bottom;
|
|
1793
|
-
transform-origin: right bottom;
|
|
1844
|
+
opacity: 1;
|
|
1794
1845
|
-webkit-transform: rotate(0);
|
|
1795
1846
|
-ms-transform: rotate(0);
|
|
1796
1847
|
transform: rotate(0);
|
|
1797
|
-
|
|
1848
|
+
-webkit-transform-origin: right bottom;
|
|
1849
|
+
-ms-transform-origin: right bottom;
|
|
1850
|
+
transform-origin: right bottom;
|
|
1798
1851
|
}
|
|
1799
1852
|
}
|
|
1800
|
-
.
|
|
1801
|
-
-webkit-animation-name:
|
|
1802
|
-
|
|
1853
|
+
.animated-rotate-in-up-right {
|
|
1854
|
+
-webkit-animation-name: animated-rotate-in-up-right;
|
|
1855
|
+
-ms-animation-name: animated-rotate-in-up-right;
|
|
1856
|
+
animation-name: animated-rotate-in-up-right;
|
|
1803
1857
|
}
|
|
1804
|
-
@-webkit-keyframes
|
|
1858
|
+
@-webkit-keyframes animated-rotate-out {
|
|
1805
1859
|
0% {
|
|
1806
|
-
|
|
1807
|
-
transform-origin: center center;
|
|
1860
|
+
opacity: 1;
|
|
1808
1861
|
-webkit-transform: rotate(0);
|
|
1809
1862
|
transform: rotate(0);
|
|
1810
|
-
|
|
1863
|
+
-webkit-transform-origin: center center;
|
|
1864
|
+
transform-origin: center center;
|
|
1811
1865
|
}
|
|
1812
1866
|
100% {
|
|
1813
|
-
|
|
1814
|
-
transform-origin: center center;
|
|
1867
|
+
opacity: 0;
|
|
1815
1868
|
-webkit-transform: rotate(200deg);
|
|
1816
1869
|
transform: rotate(200deg);
|
|
1817
|
-
|
|
1870
|
+
-webkit-transform-origin: center center;
|
|
1871
|
+
transform-origin: center center;
|
|
1818
1872
|
}
|
|
1819
1873
|
}
|
|
1820
|
-
@keyframes
|
|
1874
|
+
@keyframes animated-rotate-out {
|
|
1821
1875
|
0% {
|
|
1822
|
-
|
|
1823
|
-
-ms-transform-origin: center center;
|
|
1824
|
-
transform-origin: center center;
|
|
1876
|
+
opacity: 1;
|
|
1825
1877
|
-webkit-transform: rotate(0);
|
|
1826
1878
|
-ms-transform: rotate(0);
|
|
1827
1879
|
transform: rotate(0);
|
|
1828
|
-
|
|
1880
|
+
-webkit-transform-origin: center center;
|
|
1881
|
+
-ms-transform-origin: center center;
|
|
1882
|
+
transform-origin: center center;
|
|
1829
1883
|
}
|
|
1830
1884
|
100% {
|
|
1831
|
-
|
|
1832
|
-
-ms-transform-origin: center center;
|
|
1833
|
-
transform-origin: center center;
|
|
1885
|
+
opacity: 0;
|
|
1834
1886
|
-webkit-transform: rotate(200deg);
|
|
1835
1887
|
-ms-transform: rotate(200deg);
|
|
1836
1888
|
transform: rotate(200deg);
|
|
1837
|
-
|
|
1889
|
+
-webkit-transform-origin: center center;
|
|
1890
|
+
-ms-transform-origin: center center;
|
|
1891
|
+
transform-origin: center center;
|
|
1838
1892
|
}
|
|
1839
1893
|
}
|
|
1840
|
-
.
|
|
1841
|
-
-webkit-animation-name:
|
|
1842
|
-
|
|
1894
|
+
.animated-rotate-out {
|
|
1895
|
+
-webkit-animation-name: animated-rotate-out;
|
|
1896
|
+
-ms-animation-name: animated-rotate-out;
|
|
1897
|
+
animation-name: animated-rotate-out;
|
|
1843
1898
|
}
|
|
1844
|
-
@-webkit-keyframes
|
|
1899
|
+
@-webkit-keyframes animated-rotate-out-down-left {
|
|
1845
1900
|
0% {
|
|
1846
|
-
|
|
1847
|
-
transform-origin: left bottom;
|
|
1901
|
+
opacity: 1;
|
|
1848
1902
|
-webkit-transform: rotate(0);
|
|
1849
1903
|
transform: rotate(0);
|
|
1850
|
-
|
|
1904
|
+
-webkit-transform-origin: left bottom;
|
|
1905
|
+
transform-origin: left bottom;
|
|
1851
1906
|
}
|
|
1852
1907
|
100% {
|
|
1853
|
-
|
|
1854
|
-
transform-origin: left bottom;
|
|
1908
|
+
opacity: 0;
|
|
1855
1909
|
-webkit-transform: rotate(90deg);
|
|
1856
1910
|
transform: rotate(90deg);
|
|
1857
|
-
|
|
1911
|
+
-webkit-transform-origin: left bottom;
|
|
1912
|
+
transform-origin: left bottom;
|
|
1858
1913
|
}
|
|
1859
1914
|
}
|
|
1860
|
-
@keyframes
|
|
1915
|
+
@keyframes animated-rotate-out-down-left {
|
|
1861
1916
|
0% {
|
|
1862
|
-
|
|
1863
|
-
-ms-transform-origin: left bottom;
|
|
1864
|
-
transform-origin: left bottom;
|
|
1917
|
+
opacity: 1;
|
|
1865
1918
|
-webkit-transform: rotate(0);
|
|
1866
1919
|
-ms-transform: rotate(0);
|
|
1867
1920
|
transform: rotate(0);
|
|
1868
|
-
|
|
1921
|
+
-webkit-transform-origin: left bottom;
|
|
1922
|
+
-ms-transform-origin: left bottom;
|
|
1923
|
+
transform-origin: left bottom;
|
|
1869
1924
|
}
|
|
1870
1925
|
100% {
|
|
1871
|
-
|
|
1872
|
-
-ms-transform-origin: left bottom;
|
|
1873
|
-
transform-origin: left bottom;
|
|
1926
|
+
opacity: 0;
|
|
1874
1927
|
-webkit-transform: rotate(90deg);
|
|
1875
1928
|
-ms-transform: rotate(90deg);
|
|
1876
1929
|
transform: rotate(90deg);
|
|
1877
|
-
|
|
1930
|
+
-webkit-transform-origin: left bottom;
|
|
1931
|
+
-ms-transform-origin: left bottom;
|
|
1932
|
+
transform-origin: left bottom;
|
|
1878
1933
|
}
|
|
1879
1934
|
}
|
|
1880
|
-
.
|
|
1881
|
-
-webkit-animation-name:
|
|
1882
|
-
|
|
1935
|
+
.animated-rotate-out-down-left {
|
|
1936
|
+
-webkit-animation-name: animated-rotate-out-down-left;
|
|
1937
|
+
-ms-animation-name: animated-rotate-out-down-left;
|
|
1938
|
+
animation-name: animated-rotate-out-down-left;
|
|
1883
1939
|
}
|
|
1884
|
-
@-webkit-keyframes
|
|
1940
|
+
@-webkit-keyframes animated-rotate-out-down-right {
|
|
1885
1941
|
0% {
|
|
1886
|
-
|
|
1887
|
-
transform-origin: right bottom;
|
|
1942
|
+
opacity: 1;
|
|
1888
1943
|
-webkit-transform: rotate(0);
|
|
1889
1944
|
transform: rotate(0);
|
|
1890
|
-
|
|
1945
|
+
-webkit-transform-origin: right bottom;
|
|
1946
|
+
transform-origin: right bottom;
|
|
1891
1947
|
}
|
|
1892
1948
|
100% {
|
|
1893
|
-
|
|
1894
|
-
transform-origin: right bottom;
|
|
1949
|
+
opacity: 0;
|
|
1895
1950
|
-webkit-transform: rotate(-90deg);
|
|
1896
1951
|
transform: rotate(-90deg);
|
|
1897
|
-
|
|
1952
|
+
-webkit-transform-origin: right bottom;
|
|
1953
|
+
transform-origin: right bottom;
|
|
1898
1954
|
}
|
|
1899
1955
|
}
|
|
1900
|
-
@keyframes
|
|
1956
|
+
@keyframes animated-rotate-out-down-right {
|
|
1901
1957
|
0% {
|
|
1902
|
-
|
|
1903
|
-
-ms-transform-origin: right bottom;
|
|
1904
|
-
transform-origin: right bottom;
|
|
1958
|
+
opacity: 1;
|
|
1905
1959
|
-webkit-transform: rotate(0);
|
|
1906
1960
|
-ms-transform: rotate(0);
|
|
1907
1961
|
transform: rotate(0);
|
|
1908
|
-
|
|
1962
|
+
-webkit-transform-origin: right bottom;
|
|
1963
|
+
-ms-transform-origin: right bottom;
|
|
1964
|
+
transform-origin: right bottom;
|
|
1909
1965
|
}
|
|
1910
1966
|
100% {
|
|
1911
|
-
|
|
1912
|
-
-ms-transform-origin: right bottom;
|
|
1913
|
-
transform-origin: right bottom;
|
|
1967
|
+
opacity: 0;
|
|
1914
1968
|
-webkit-transform: rotate(-90deg);
|
|
1915
1969
|
-ms-transform: rotate(-90deg);
|
|
1916
1970
|
transform: rotate(-90deg);
|
|
1917
|
-
|
|
1971
|
+
-webkit-transform-origin: right bottom;
|
|
1972
|
+
-ms-transform-origin: right bottom;
|
|
1973
|
+
transform-origin: right bottom;
|
|
1918
1974
|
}
|
|
1919
1975
|
}
|
|
1920
|
-
.
|
|
1921
|
-
-webkit-animation-name:
|
|
1922
|
-
|
|
1976
|
+
.rotate-out-down-right {
|
|
1977
|
+
-webkit-animation-name: animated-rotate-out-down-right;
|
|
1978
|
+
-ms-animation-name: animated-rotate-out-down-right;
|
|
1979
|
+
animation-name: animated-rotate-out-down-right;
|
|
1923
1980
|
}
|
|
1924
|
-
@-webkit-keyframes
|
|
1981
|
+
@-webkit-keyframes animated-rotate-out-up-left {
|
|
1925
1982
|
0% {
|
|
1926
|
-
|
|
1927
|
-
transform-origin: left bottom;
|
|
1983
|
+
opacity: 1;
|
|
1928
1984
|
-webkit-transform: rotate(0);
|
|
1929
1985
|
transform: rotate(0);
|
|
1930
|
-
|
|
1986
|
+
-webkit-transform-origin: left bottom;
|
|
1987
|
+
transform-origin: left bottom;
|
|
1931
1988
|
}
|
|
1932
1989
|
100% {
|
|
1933
|
-
|
|
1934
|
-
transform-origin: left bottom;
|
|
1990
|
+
opacity: 0;
|
|
1935
1991
|
-webkit-transform: rotate(-90deg);
|
|
1936
1992
|
transform: rotate(-90deg);
|
|
1937
|
-
|
|
1993
|
+
-webkit-transform-origin: left bottom;
|
|
1994
|
+
transform-origin: left bottom;
|
|
1938
1995
|
}
|
|
1939
1996
|
}
|
|
1940
|
-
@keyframes
|
|
1997
|
+
@keyframes animated-rotate-out-up-left {
|
|
1941
1998
|
0% {
|
|
1942
|
-
|
|
1943
|
-
-ms-transform-origin: left bottom;
|
|
1944
|
-
transform-origin: left bottom;
|
|
1999
|
+
opacity: 1;
|
|
1945
2000
|
-webkit-transform: rotate(0);
|
|
1946
2001
|
-ms-transform: rotate(0);
|
|
1947
2002
|
transform: rotate(0);
|
|
1948
|
-
|
|
2003
|
+
-webkit-transform-origin: left bottom;
|
|
2004
|
+
-ms-transform-origin: left bottom;
|
|
2005
|
+
transform-origin: left bottom;
|
|
1949
2006
|
}
|
|
1950
2007
|
100% {
|
|
1951
|
-
|
|
1952
|
-
-ms-transform-origin: left bottom;
|
|
1953
|
-
transform-origin: left bottom;
|
|
2008
|
+
opacity: 0;
|
|
1954
2009
|
-webkit-transform: rotate(-90deg);
|
|
1955
2010
|
-ms-transform: rotate(-90deg);
|
|
1956
2011
|
transform: rotate(-90deg);
|
|
1957
|
-
|
|
2012
|
+
-webkit-transform-origin: left bottom;
|
|
2013
|
+
-ms-transform-origin: left bottom;
|
|
2014
|
+
transform-origin: left bottom;
|
|
1958
2015
|
}
|
|
1959
2016
|
}
|
|
1960
|
-
.
|
|
1961
|
-
-webkit-animation-name:
|
|
1962
|
-
|
|
2017
|
+
.animated-rotate-out-up-left {
|
|
2018
|
+
-webkit-animation-name: animated-rotate-out-up-left;
|
|
2019
|
+
-ms-animation-name: animated-rotate-out-up-left;
|
|
2020
|
+
animation-name: animated-rotate-out-up-left;
|
|
1963
2021
|
}
|
|
1964
|
-
@-webkit-keyframes
|
|
2022
|
+
@-webkit-keyframes animated-rotate-out-up-right {
|
|
1965
2023
|
0% {
|
|
1966
2024
|
-webkit-transform-origin: right bottom;
|
|
1967
2025
|
transform-origin: right bottom;
|
|
@@ -1977,31 +2035,32 @@
|
|
|
1977
2035
|
opacity: 0;
|
|
1978
2036
|
}
|
|
1979
2037
|
}
|
|
1980
|
-
@keyframes
|
|
2038
|
+
@keyframes animated-rotate-out-up-right {
|
|
1981
2039
|
0% {
|
|
1982
|
-
|
|
1983
|
-
-ms-transform-origin: right bottom;
|
|
1984
|
-
transform-origin: right bottom;
|
|
2040
|
+
opacity: 1;
|
|
1985
2041
|
-webkit-transform: rotate(0);
|
|
1986
2042
|
-ms-transform: rotate(0);
|
|
1987
2043
|
transform: rotate(0);
|
|
1988
|
-
|
|
2044
|
+
-webkit-transform-origin: right bottom;
|
|
2045
|
+
-ms-transform-origin: right bottom;
|
|
2046
|
+
transform-origin: right bottom;
|
|
1989
2047
|
}
|
|
1990
2048
|
100% {
|
|
1991
|
-
|
|
1992
|
-
-ms-transform-origin: right bottom;
|
|
1993
|
-
transform-origin: right bottom;
|
|
2049
|
+
opacity: 0;
|
|
1994
2050
|
-webkit-transform: rotate(90deg);
|
|
1995
2051
|
-ms-transform: rotate(90deg);
|
|
1996
2052
|
transform: rotate(90deg);
|
|
1997
|
-
|
|
2053
|
+
-webkit-transform-origin: right bottom;
|
|
2054
|
+
-ms-transform-origin: right bottom;
|
|
2055
|
+
transform-origin: right bottom;
|
|
1998
2056
|
}
|
|
1999
2057
|
}
|
|
2000
|
-
.
|
|
2001
|
-
-webkit-animation-name:
|
|
2002
|
-
|
|
2058
|
+
.rotate-out-up-right {
|
|
2059
|
+
-webkit-animation-name: animated-rotate-out-up-right;
|
|
2060
|
+
-ms-animation-name: animated-rotate-out-up-right;
|
|
2061
|
+
animation-name: animated-rotate-out-up-right;
|
|
2003
2062
|
}
|
|
2004
|
-
@-webkit-keyframes
|
|
2063
|
+
@-webkit-keyframes animated-slide-in-down {
|
|
2005
2064
|
0% {
|
|
2006
2065
|
opacity: 0;
|
|
2007
2066
|
-webkit-transform: translateY(-2000px);
|
|
@@ -2012,7 +2071,7 @@
|
|
|
2012
2071
|
transform: translateY(0);
|
|
2013
2072
|
}
|
|
2014
2073
|
}
|
|
2015
|
-
@keyframes
|
|
2074
|
+
@keyframes animated-slide-in-down {
|
|
2016
2075
|
0% {
|
|
2017
2076
|
opacity: 0;
|
|
2018
2077
|
-webkit-transform: translateY(-2000px);
|
|
@@ -2025,11 +2084,12 @@
|
|
|
2025
2084
|
transform: translateY(0);
|
|
2026
2085
|
}
|
|
2027
2086
|
}
|
|
2028
|
-
.
|
|
2029
|
-
-webkit-animation-name:
|
|
2030
|
-
|
|
2087
|
+
.animated-slide-in-down {
|
|
2088
|
+
-webkit-animation-name: animated-slide-in-down;
|
|
2089
|
+
-ms-animation-name: animated-slide-in-down;
|
|
2090
|
+
animation-name: animated-slide-in-down;
|
|
2031
2091
|
}
|
|
2032
|
-
@-webkit-keyframes
|
|
2092
|
+
@-webkit-keyframes animated-slide-in-left {
|
|
2033
2093
|
0% {
|
|
2034
2094
|
opacity: 0;
|
|
2035
2095
|
-webkit-transform: translateX(-2000px);
|
|
@@ -2040,7 +2100,7 @@
|
|
|
2040
2100
|
transform: translateX(0);
|
|
2041
2101
|
}
|
|
2042
2102
|
}
|
|
2043
|
-
@keyframes
|
|
2103
|
+
@keyframes animated-slide-in-left {
|
|
2044
2104
|
0% {
|
|
2045
2105
|
opacity: 0;
|
|
2046
2106
|
-webkit-transform: translateX(-2000px);
|
|
@@ -2053,11 +2113,12 @@
|
|
|
2053
2113
|
transform: translateX(0);
|
|
2054
2114
|
}
|
|
2055
2115
|
}
|
|
2056
|
-
.
|
|
2057
|
-
-webkit-animation-name:
|
|
2058
|
-
|
|
2116
|
+
.animated-slide-in-left {
|
|
2117
|
+
-webkit-animation-name: animated-slide-in-left;
|
|
2118
|
+
-ms-animation-name: animated-slide-in-left;
|
|
2119
|
+
animation-name: animated-slide-in-left;
|
|
2059
2120
|
}
|
|
2060
|
-
@-webkit-keyframes
|
|
2121
|
+
@-webkit-keyframes animated-slide-in-right {
|
|
2061
2122
|
0% {
|
|
2062
2123
|
opacity: 0;
|
|
2063
2124
|
-webkit-transform: translateX(2000px);
|
|
@@ -2068,7 +2129,7 @@
|
|
|
2068
2129
|
transform: translateX(0);
|
|
2069
2130
|
}
|
|
2070
2131
|
}
|
|
2071
|
-
@keyframes
|
|
2132
|
+
@keyframes animated-slide-in-right {
|
|
2072
2133
|
0% {
|
|
2073
2134
|
opacity: 0;
|
|
2074
2135
|
-webkit-transform: translateX(2000px);
|
|
@@ -2081,11 +2142,12 @@
|
|
|
2081
2142
|
transform: translateX(0);
|
|
2082
2143
|
}
|
|
2083
2144
|
}
|
|
2084
|
-
.
|
|
2085
|
-
-webkit-animation-name:
|
|
2086
|
-
|
|
2145
|
+
.animated-slide-in-right {
|
|
2146
|
+
-webkit-animation-name: animated-slide-in-right;
|
|
2147
|
+
-ms-animation-name: animated-slide-in-right;
|
|
2148
|
+
animation-name: animated-slide-in-right;
|
|
2087
2149
|
}
|
|
2088
|
-
@-webkit-keyframes
|
|
2150
|
+
@-webkit-keyframes animated-slide-out-left {
|
|
2089
2151
|
0% {
|
|
2090
2152
|
-webkit-transform: translateX(0);
|
|
2091
2153
|
transform: translateX(0);
|
|
@@ -2096,7 +2158,7 @@
|
|
|
2096
2158
|
transform: translateX(-2000px);
|
|
2097
2159
|
}
|
|
2098
2160
|
}
|
|
2099
|
-
@keyframes
|
|
2161
|
+
@keyframes animated-slide-out-left {
|
|
2100
2162
|
0% {
|
|
2101
2163
|
-webkit-transform: translateX(0);
|
|
2102
2164
|
-ms-transform: translateX(0);
|
|
@@ -2109,11 +2171,12 @@
|
|
|
2109
2171
|
transform: translateX(-2000px);
|
|
2110
2172
|
}
|
|
2111
2173
|
}
|
|
2112
|
-
.
|
|
2113
|
-
-webkit-animation-name:
|
|
2114
|
-
|
|
2174
|
+
.animated-slide-out-left {
|
|
2175
|
+
-webkit-animation-name: animated-slide-out-left;
|
|
2176
|
+
-ms-animation-name: animated-slide-out-left;
|
|
2177
|
+
animation-name: animated-slide-out-left;
|
|
2115
2178
|
}
|
|
2116
|
-
@-webkit-keyframes
|
|
2179
|
+
@-webkit-keyframes animated-slide-out-right {
|
|
2117
2180
|
0% {
|
|
2118
2181
|
-webkit-transform: translateX(0);
|
|
2119
2182
|
transform: translateX(0);
|
|
@@ -2124,7 +2187,7 @@
|
|
|
2124
2187
|
transform: translateX(2000px);
|
|
2125
2188
|
}
|
|
2126
2189
|
}
|
|
2127
|
-
@keyframes
|
|
2190
|
+
@keyframes animated-slide-out-right {
|
|
2128
2191
|
0% {
|
|
2129
2192
|
-webkit-transform: translateX(0);
|
|
2130
2193
|
-ms-transform: translateX(0);
|
|
@@ -2137,11 +2200,12 @@
|
|
|
2137
2200
|
transform: translateX(2000px);
|
|
2138
2201
|
}
|
|
2139
2202
|
}
|
|
2140
|
-
.
|
|
2141
|
-
-webkit-animation-name:
|
|
2142
|
-
|
|
2203
|
+
.animated-slide-out-right {
|
|
2204
|
+
-webkit-animation-name: animated-slide-out-right;
|
|
2205
|
+
-ms-animation-name: animated-slide-out-right;
|
|
2206
|
+
animation-name: animated-slide-out-right;
|
|
2143
2207
|
}
|
|
2144
|
-
@-webkit-keyframes
|
|
2208
|
+
@-webkit-keyframes animated-slide-out-up {
|
|
2145
2209
|
0% {
|
|
2146
2210
|
-webkit-transform: translateY(0);
|
|
2147
2211
|
transform: translateY(0);
|
|
@@ -2152,7 +2216,7 @@
|
|
|
2152
2216
|
transform: translateY(-2000px);
|
|
2153
2217
|
}
|
|
2154
2218
|
}
|
|
2155
|
-
@keyframes
|
|
2219
|
+
@keyframes animated-slide-out-up {
|
|
2156
2220
|
0% {
|
|
2157
2221
|
-webkit-transform: translateY(0);
|
|
2158
2222
|
-ms-transform: translateY(0);
|
|
@@ -2165,104 +2229,96 @@
|
|
|
2165
2229
|
transform: translateY(-2000px);
|
|
2166
2230
|
}
|
|
2167
2231
|
}
|
|
2168
|
-
.
|
|
2169
|
-
-webkit-animation-name:
|
|
2170
|
-
|
|
2232
|
+
.animated-slide-out-up {
|
|
2233
|
+
-webkit-animation-name: animated-slide-out-up;
|
|
2234
|
+
-ms-animation-name: animated-slide-out-up;
|
|
2235
|
+
animation-name: animated-slide-out-up;
|
|
2171
2236
|
}
|
|
2172
|
-
@-webkit-keyframes hinge {
|
|
2237
|
+
@-webkit-keyframes animated-hinge {
|
|
2173
2238
|
0% {
|
|
2174
2239
|
-webkit-transform: rotate(0);
|
|
2175
2240
|
transform: rotate(0);
|
|
2176
2241
|
-webkit-transform-origin: top left;
|
|
2177
|
-
|
|
2178
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2179
|
-
animation-timing-function: ease-in-out;
|
|
2242
|
+
transform-origin: top left;
|
|
2180
2243
|
}
|
|
2181
2244
|
20%, 60% {
|
|
2182
2245
|
-webkit-transform: rotate(80deg);
|
|
2183
2246
|
transform: rotate(80deg);
|
|
2184
2247
|
-webkit-transform-origin: top left;
|
|
2185
|
-
|
|
2186
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2187
|
-
animation-timing-function: ease-in-out;
|
|
2248
|
+
transform-origin: top left;
|
|
2188
2249
|
}
|
|
2189
2250
|
40% {
|
|
2190
2251
|
-webkit-transform: rotate(60deg);
|
|
2191
2252
|
transform: rotate(60deg);
|
|
2192
2253
|
-webkit-transform-origin: top left;
|
|
2193
|
-
|
|
2194
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2195
|
-
animation-timing-function: ease-in-out;
|
|
2254
|
+
transform-origin: top left;
|
|
2196
2255
|
}
|
|
2197
2256
|
80% {
|
|
2257
|
+
opacity: 1;
|
|
2198
2258
|
-webkit-transform: rotate(60deg) translateY(0);
|
|
2199
2259
|
transform: rotate(60deg) translateY(0);
|
|
2200
|
-
opacity: 1;
|
|
2201
2260
|
-webkit-transform-origin: top left;
|
|
2202
|
-
|
|
2203
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2204
|
-
animation-timing-function: ease-in-out;
|
|
2261
|
+
transform-origin: top left;
|
|
2205
2262
|
}
|
|
2206
2263
|
100% {
|
|
2264
|
+
opacity: 0;
|
|
2207
2265
|
-webkit-transform: translateY(700px);
|
|
2208
2266
|
transform: translateY(700px);
|
|
2209
|
-
opacity: 0;
|
|
2210
2267
|
}
|
|
2211
2268
|
}
|
|
2212
|
-
@keyframes hinge {
|
|
2269
|
+
@keyframes animated-hinge {
|
|
2213
2270
|
0% {
|
|
2214
2271
|
-webkit-transform: rotate(0);
|
|
2215
2272
|
-ms-transform: rotate(0);
|
|
2216
2273
|
transform: rotate(0);
|
|
2217
2274
|
-webkit-transform-origin: top left;
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2221
|
-
animation-timing-function: ease-in-out;
|
|
2275
|
+
-ms-transform-origin: top left;
|
|
2276
|
+
transform-origin: top left;
|
|
2222
2277
|
}
|
|
2223
2278
|
20%, 60% {
|
|
2224
2279
|
-webkit-transform: rotate(80deg);
|
|
2225
2280
|
-ms-transform: rotate(80deg);
|
|
2226
2281
|
transform: rotate(80deg);
|
|
2227
2282
|
-webkit-transform-origin: top left;
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2231
|
-
animation-timing-function: ease-in-out;
|
|
2283
|
+
-ms-transform-origin: top left;
|
|
2284
|
+
transform-origin: top left;
|
|
2232
2285
|
}
|
|
2233
2286
|
40% {
|
|
2234
2287
|
-webkit-transform: rotate(60deg);
|
|
2235
2288
|
-ms-transform: rotate(60deg);
|
|
2236
2289
|
transform: rotate(60deg);
|
|
2237
2290
|
-webkit-transform-origin: top left;
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2241
|
-
animation-timing-function: ease-in-out;
|
|
2291
|
+
-ms-transform-origin: top left;
|
|
2292
|
+
transform-origin: top left;
|
|
2242
2293
|
}
|
|
2243
2294
|
80% {
|
|
2295
|
+
opacity: 1;
|
|
2244
2296
|
-webkit-transform: rotate(60deg) translateY(0);
|
|
2245
2297
|
-ms-transform: rotate(60deg) translateY(0);
|
|
2246
2298
|
transform: rotate(60deg) translateY(0);
|
|
2247
|
-
opacity: 1;
|
|
2248
2299
|
-webkit-transform-origin: top left;
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
2252
|
-
animation-timing-function: ease-in-out;
|
|
2300
|
+
-ms-transform-origin: top left;
|
|
2301
|
+
transform-origin: top left;
|
|
2253
2302
|
}
|
|
2254
2303
|
100% {
|
|
2304
|
+
opacity: 0;
|
|
2255
2305
|
-webkit-transform: translateY(700px);
|
|
2256
2306
|
-ms-transform: translateY(700px);
|
|
2257
2307
|
transform: translateY(700px);
|
|
2258
|
-
opacity: 0;
|
|
2259
2308
|
}
|
|
2260
2309
|
}
|
|
2261
|
-
.hinge {
|
|
2262
|
-
-webkit-animation-
|
|
2263
|
-
|
|
2310
|
+
.animated-hinge {
|
|
2311
|
+
-webkit-animation-duration: 2s;
|
|
2312
|
+
-ms-animation-duration: 2s;
|
|
2313
|
+
animation-duration: 2s;
|
|
2314
|
+
-webkit-animation-name: animated-hinge;
|
|
2315
|
+
-ms-animation-name: animated-hinge;
|
|
2316
|
+
animation-name: animated-hinge;
|
|
2317
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
2318
|
+
-ms-animation-timing-function: ease-in-out;
|
|
2319
|
+
animation-timing-function: ease-in-out;
|
|
2264
2320
|
}
|
|
2265
|
-
@-webkit-keyframes
|
|
2321
|
+
@-webkit-keyframes animated-roll-in {
|
|
2266
2322
|
0% {
|
|
2267
2323
|
opacity: 0;
|
|
2268
2324
|
-webkit-transform: translateX(-100%) rotate(-120deg);
|
|
@@ -2274,7 +2330,7 @@
|
|
|
2274
2330
|
transform: translateX(0px) rotate(0deg);
|
|
2275
2331
|
}
|
|
2276
2332
|
}
|
|
2277
|
-
@keyframes
|
|
2333
|
+
@keyframes animated-roll-in {
|
|
2278
2334
|
0% {
|
|
2279
2335
|
opacity: 0;
|
|
2280
2336
|
-webkit-transform: translateX(-100%) rotate(-120deg);
|
|
@@ -2288,11 +2344,12 @@
|
|
|
2288
2344
|
transform: translateX(0px) rotate(0deg);
|
|
2289
2345
|
}
|
|
2290
2346
|
}
|
|
2291
|
-
.
|
|
2292
|
-
-webkit-animation-name:
|
|
2293
|
-
|
|
2347
|
+
.animated-roll-in {
|
|
2348
|
+
-webkit-animation-name: animated-roll-in;
|
|
2349
|
+
-ms-animation-name: animated-roll-in;
|
|
2350
|
+
animation-name: animated-roll-in;
|
|
2294
2351
|
}
|
|
2295
|
-
@-webkit-keyframes
|
|
2352
|
+
@-webkit-keyframes animated-roll-out {
|
|
2296
2353
|
0% {
|
|
2297
2354
|
opacity: 1;
|
|
2298
2355
|
-webkit-transform: translateX(0px) rotate(0deg);
|
|
@@ -2304,7 +2361,7 @@
|
|
|
2304
2361
|
transform: translateX(100%) rotate(120deg);
|
|
2305
2362
|
}
|
|
2306
2363
|
}
|
|
2307
|
-
@keyframes
|
|
2364
|
+
@keyframes animated-roll-out {
|
|
2308
2365
|
0% {
|
|
2309
2366
|
opacity: 1;
|
|
2310
2367
|
-webkit-transform: translateX(0px) rotate(0deg);
|
|
@@ -2318,69 +2375,84 @@
|
|
|
2318
2375
|
transform: translateX(100%) rotate(120deg);
|
|
2319
2376
|
}
|
|
2320
2377
|
}
|
|
2321
|
-
.
|
|
2322
|
-
-webkit-animation-name:
|
|
2323
|
-
|
|
2378
|
+
.animated-roll-out {
|
|
2379
|
+
-webkit-animation-name: animated-roll-out;
|
|
2380
|
+
-ms-animation-name: animated-roll-out;
|
|
2381
|
+
animation-name: animated-roll-out;
|
|
2324
2382
|
}
|
|
2325
2383
|
|
|
2326
|
-
/* #Delay
|
|
2384
|
+
/* # Delay
|
|
2327
2385
|
================================================== */
|
|
2328
2386
|
.animated.animated-delay-shortest {
|
|
2329
2387
|
-webkit-animation-delay: 0.25s;
|
|
2330
|
-
|
|
2388
|
+
-ms-animation-delay: 0.25s;
|
|
2389
|
+
animation-delay: 0.25s;
|
|
2331
2390
|
}
|
|
2332
2391
|
.animated.animated-delay-shorter {
|
|
2333
2392
|
-webkit-animation-delay: 0.5s;
|
|
2334
|
-
|
|
2393
|
+
-ms-animation-delay: 0.5s;
|
|
2394
|
+
animation-delay: 0.5s;
|
|
2335
2395
|
}
|
|
2336
2396
|
.animated.animated-delay-short {
|
|
2337
2397
|
-webkit-animation-delay: 0.75s;
|
|
2338
|
-
|
|
2398
|
+
-ms-animation-delay: 0.75s;
|
|
2399
|
+
animation-delay: 0.75s;
|
|
2339
2400
|
}
|
|
2340
2401
|
.animated.animated-delay-default {
|
|
2341
2402
|
-webkit-animation-delay: 1s;
|
|
2342
|
-
|
|
2403
|
+
-ms-animation-delay: 1s;
|
|
2404
|
+
animation-delay: 1s;
|
|
2343
2405
|
}
|
|
2344
2406
|
.animated.animated-delay-long {
|
|
2345
2407
|
-webkit-animation-delay: 1.25s;
|
|
2346
|
-
|
|
2408
|
+
-ms-animation-delay: 1.25s;
|
|
2409
|
+
animation-delay: 1.25s;
|
|
2347
2410
|
}
|
|
2348
2411
|
.animated.animated-delay-longer {
|
|
2349
2412
|
-webkit-animation-delay: 1.5s;
|
|
2350
|
-
|
|
2413
|
+
-ms-animation-delay: 1.5s;
|
|
2414
|
+
animation-delay: 1.5s;
|
|
2351
2415
|
}
|
|
2352
2416
|
.animated.animated-delay-longest {
|
|
2353
2417
|
-webkit-animation-delay: 1.75s;
|
|
2354
|
-
|
|
2418
|
+
-ms-animation-delay: 1.75s;
|
|
2419
|
+
animation-delay: 1.75s;
|
|
2355
2420
|
}
|
|
2356
2421
|
|
|
2357
|
-
/* #Duration
|
|
2422
|
+
/* # Duration
|
|
2358
2423
|
================================================== */
|
|
2359
2424
|
.animated.animated-duration-fastest {
|
|
2360
2425
|
-webkit-animation-duration: 0.25s;
|
|
2361
|
-
|
|
2426
|
+
-ms-animation-duration: 0.25s;
|
|
2427
|
+
animation-duration: 0.25s;
|
|
2362
2428
|
}
|
|
2363
2429
|
.animated.animated-duration-faster {
|
|
2364
2430
|
-webkit-animation-duration: 0.5s;
|
|
2365
|
-
|
|
2431
|
+
-ms-animation-duration: 0.5s;
|
|
2432
|
+
animation-duration: 0.5s;
|
|
2366
2433
|
}
|
|
2367
2434
|
.animated.animated-duration-fast {
|
|
2368
2435
|
-webkit-animation-duration: 0.75s;
|
|
2369
|
-
|
|
2436
|
+
-ms-animation-duration: 0.75s;
|
|
2437
|
+
animation-duration: 0.75s;
|
|
2370
2438
|
}
|
|
2371
2439
|
.animated.animated-duration-default {
|
|
2372
2440
|
-webkit-animation-duration: 1s;
|
|
2373
|
-
|
|
2441
|
+
-ms-animation-duration: 1s;
|
|
2442
|
+
animation-duration: 1s;
|
|
2374
2443
|
}
|
|
2375
2444
|
.animated.animated-duration-slow {
|
|
2376
2445
|
-webkit-animation-duration: 1.25s;
|
|
2377
|
-
|
|
2446
|
+
-ms-animation-duration: 1.25s;
|
|
2447
|
+
animation-duration: 1.25s;
|
|
2378
2448
|
}
|
|
2379
2449
|
.animated.animated-duration-slower {
|
|
2380
2450
|
-webkit-animation-duration: 1.5s;
|
|
2381
|
-
|
|
2451
|
+
-ms-animation-duration: 1.5s;
|
|
2452
|
+
animation-duration: 1.5s;
|
|
2382
2453
|
}
|
|
2383
2454
|
.animated.animated-duration-slowest {
|
|
2384
2455
|
-webkit-animation-duration: 1.75s;
|
|
2385
|
-
|
|
2456
|
+
-ms-animation-duration: 1.75s;
|
|
2457
|
+
animation-duration: 1.75s;
|
|
2386
2458
|
}
|