jekyll-theme-digitalebrain 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +4 -4
  2. metadata +1 -165
  3. data/_config.yml +0 -49
  4. data/_includes/_footer.html +0 -68
  5. data/_includes/_head.html +0 -29
  6. data/_includes/_navbar.html +0 -20
  7. data/_layouts/default.html +0 -41
  8. data/_layouts/page.html +0 -39
  9. data/_layouts/post.html +0 -5
  10. data/_sass/bootstrap/_alert.scss +0 -51
  11. data/_sass/bootstrap/_badge.scss +0 -47
  12. data/_sass/bootstrap/_breadcrumb.scss +0 -41
  13. data/_sass/bootstrap/_button-group.scss +0 -172
  14. data/_sass/bootstrap/_buttons.scss +0 -144
  15. data/_sass/bootstrap/_card.scss +0 -301
  16. data/_sass/bootstrap/_carousel.scss +0 -235
  17. data/_sass/bootstrap/_close.scss +0 -34
  18. data/_sass/bootstrap/_code.scss +0 -56
  19. data/_sass/bootstrap/_custom-forms.scss +0 -420
  20. data/_sass/bootstrap/_dropdown.scss +0 -166
  21. data/_sass/bootstrap/_forms.scss +0 -335
  22. data/_sass/bootstrap/_functions.scss +0 -86
  23. data/_sass/bootstrap/_grid.scss +0 -52
  24. data/_sass/bootstrap/_images.scss +0 -42
  25. data/_sass/bootstrap/_input-group.scss +0 -159
  26. data/_sass/bootstrap/_jumbotron.scss +0 -16
  27. data/_sass/bootstrap/_list-group.scss +0 -115
  28. data/_sass/bootstrap/_media.scss +0 -8
  29. data/_sass/bootstrap/_mixins.scss +0 -41
  30. data/_sass/bootstrap/_modal.scss +0 -168
  31. data/_sass/bootstrap/_nav.scss +0 -118
  32. data/_sass/bootstrap/_navbar.scss +0 -299
  33. data/_sass/bootstrap/_pagination.scss +0 -78
  34. data/_sass/bootstrap/_popover.scss +0 -183
  35. data/_sass/bootstrap/_print.scss +0 -124
  36. data/_sass/bootstrap/_progress.scss +0 -34
  37. data/_sass/bootstrap/_reboot.scss +0 -482
  38. data/_sass/bootstrap/_root.scss +0 -19
  39. data/_sass/bootstrap/_tables.scss +0 -188
  40. data/_sass/bootstrap/_tooltip.scss +0 -115
  41. data/_sass/bootstrap/_transitions.scss +0 -22
  42. data/_sass/bootstrap/_type.scss +0 -125
  43. data/_sass/bootstrap/_utilities.scss +0 -15
  44. data/_sass/bootstrap/_variables.scss +0 -930
  45. data/_sass/bootstrap/bootstrap-grid.scss +0 -32
  46. data/_sass/bootstrap/bootstrap-reboot.scss +0 -12
  47. data/_sass/bootstrap/bootstrap.scss +0 -42
  48. data/_sass/bootstrap/mixins/_alert.scss +0 -13
  49. data/_sass/bootstrap/mixins/_background-variant.scss +0 -21
  50. data/_sass/bootstrap/mixins/_badge.scss +0 -12
  51. data/_sass/bootstrap/mixins/_border-radius.scss +0 -35
  52. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -5
  53. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -123
  54. data/_sass/bootstrap/mixins/_buttons.scss +0 -109
  55. data/_sass/bootstrap/mixins/_caret.scss +0 -66
  56. data/_sass/bootstrap/mixins/_clearfix.scss +0 -7
  57. data/_sass/bootstrap/mixins/_float.scss +0 -11
  58. data/_sass/bootstrap/mixins/_forms.scss +0 -137
  59. data/_sass/bootstrap/mixins/_gradients.scss +0 -45
  60. data/_sass/bootstrap/mixins/_grid-framework.scss +0 -67
  61. data/_sass/bootstrap/mixins/_grid.scss +0 -52
  62. data/_sass/bootstrap/mixins/_hover.scss +0 -37
  63. data/_sass/bootstrap/mixins/_image.scss +0 -36
  64. data/_sass/bootstrap/mixins/_list-group.scss +0 -21
  65. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  66. data/_sass/bootstrap/mixins/_nav-divider.scss +0 -10
  67. data/_sass/bootstrap/mixins/_pagination.scss +0 -22
  68. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  69. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  70. data/_sass/bootstrap/mixins/_screen-reader.scss +0 -33
  71. data/_sass/bootstrap/mixins/_size.scss +0 -6
  72. data/_sass/bootstrap/mixins/_table-row.scss +0 -30
  73. data/_sass/bootstrap/mixins/_text-emphasis.scss +0 -14
  74. data/_sass/bootstrap/mixins/_text-hide.scss +0 -11
  75. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  76. data/_sass/bootstrap/mixins/_transition.scss +0 -13
  77. data/_sass/bootstrap/mixins/_visibility.scss +0 -7
  78. data/_sass/bootstrap/utilities/_align.scss +0 -8
  79. data/_sass/bootstrap/utilities/_background.scss +0 -19
  80. data/_sass/bootstrap/utilities/_borders.scss +0 -59
  81. data/_sass/bootstrap/utilities/_clearfix.scss +0 -3
  82. data/_sass/bootstrap/utilities/_display.scss +0 -38
  83. data/_sass/bootstrap/utilities/_embed.scss +0 -52
  84. data/_sass/bootstrap/utilities/_flex.scss +0 -51
  85. data/_sass/bootstrap/utilities/_float.scss +0 -9
  86. data/_sass/bootstrap/utilities/_position.scss +0 -37
  87. data/_sass/bootstrap/utilities/_screenreaders.scss +0 -11
  88. data/_sass/bootstrap/utilities/_shadows.scss +0 -6
  89. data/_sass/bootstrap/utilities/_sizing.scss +0 -12
  90. data/_sass/bootstrap/utilities/_spacing.scss +0 -51
  91. data/_sass/bootstrap/utilities/_text.scss +0 -58
  92. data/_sass/bootstrap/utilities/_visibility.scss +0 -11
  93. data/_sass/style.scss +0 -1569
  94. data/about.md +0 -10
  95. data/assets/.DS_Store +0 -0
  96. data/assets/css/Flaticon.woff +0 -0
  97. data/assets/css/Flaticon.woff2 +0 -0
  98. data/assets/css/_flaticon.scss +0 -70
  99. data/assets/css/ajax-loader.gif +0 -0
  100. data/assets/css/animate.css +0 -3377
  101. data/assets/css/aos.css +0 -2
  102. data/assets/css/bootstrap-datepicker.css +0 -512
  103. data/assets/css/bootstrap.min.css +0 -7
  104. data/assets/css/bootstrap/bootstrap-grid.css +0 -1708
  105. data/assets/css/bootstrap/bootstrap-reboot.css +0 -272
  106. data/assets/css/content.css +0 -101
  107. data/assets/css/css/bootstrap-reboot.css +0 -272
  108. data/assets/css/css/mixins/_text-hide.css +0 -0
  109. data/assets/css/flaticon.css +0 -47
  110. data/assets/css/icomoon.css +0 -4919
  111. data/assets/css/ionicons.min.css +0 -11
  112. data/assets/css/jquery.timepicker.css +0 -72
  113. data/assets/css/magnific-popup.css +0 -351
  114. data/assets/css/open-iconic-bootstrap.min.css +0 -1
  115. data/assets/css/owl.carousel.min.css +0 -6
  116. data/assets/css/owl.theme.default.min.css +0 -15
  117. data/assets/css/style.css +0 -8488
  118. data/assets/fonts/flaticon/backup.txt +0 -1
  119. data/assets/fonts/flaticon/font/Flaticon.eot +0 -0
  120. data/assets/fonts/flaticon/font/Flaticon.svg +0 -303
  121. data/assets/fonts/flaticon/font/Flaticon.ttf +0 -0
  122. data/assets/fonts/flaticon/font/Flaticon.woff +0 -0
  123. data/assets/fonts/flaticon/font/Flaticon.woff2 +0 -0
  124. data/assets/fonts/flaticon/font/_flaticon.scss +0 -70
  125. data/assets/fonts/flaticon/font/flaticon.css +0 -47
  126. data/assets/fonts/flaticon/font/flaticon.html +0 -530
  127. data/assets/fonts/flaticon/license/license.pdf +0 -0
  128. data/assets/fonts/icomoon/icomoon.eot +0 -0
  129. data/assets/fonts/icomoon/icomoon.svg +0 -1530
  130. data/assets/fonts/icomoon/icomoon.ttf +0 -0
  131. data/assets/fonts/icomoon/icomoon.woff +0 -0
  132. data/assets/fonts/ionicons/css/_ionicons.scss +0 -1480
  133. data/assets/fonts/ionicons/css/ionicons.min.css +0 -11
  134. data/assets/fonts/ionicons/fonts/ionicons.eot +0 -0
  135. data/assets/fonts/ionicons/fonts/ionicons.svg +0 -2094
  136. data/assets/fonts/ionicons/fonts/ionicons.ttf +0 -0
  137. data/assets/fonts/ionicons/fonts/ionicons.woff +0 -0
  138. data/assets/fonts/ionicons/fonts/ionicons.woff2 +0 -0
  139. data/assets/fonts/open-iconic/open-iconic.eot +0 -0
  140. data/assets/fonts/open-iconic/open-iconic.otf +0 -0
  141. data/assets/fonts/open-iconic/open-iconic.svg +0 -543
  142. data/assets/fonts/open-iconic/open-iconic.ttf +0 -0
  143. data/assets/fonts/open-iconic/open-iconic.woff +0 -0
  144. data/assets/images/.DS_Store +0 -0
  145. data/assets/images/bg_1.jpg +0 -0
  146. data/assets/images/bg_1_.jpg +0 -0
  147. data/assets/images/bubbles_.jpg +0 -0
  148. data/assets/images/favicon.png +0 -0
  149. data/assets/images/loc.png +0 -0
  150. data/assets/js/aos.js +0 -2
  151. data/assets/js/bootstrap-datepicker.js +0 -1671
  152. data/assets/js/bootstrap.min.js +0 -7
  153. data/assets/js/google-map.js +0 -62
  154. data/assets/js/jquery-3.2.1.min.js +0 -4
  155. data/assets/js/jquery-migrate-3.0.1.min.js +0 -215
  156. data/assets/js/jquery.animateNumber.min.js +0 -8
  157. data/assets/js/jquery.easing.1.3.js +0 -205
  158. data/assets/js/jquery.magnific-popup.min.js +0 -4
  159. data/assets/js/jquery.min.js +0 -10253
  160. data/assets/js/jquery.stellar.min.js +0 -2
  161. data/assets/js/jquery.timepicker.min.js +0 -7
  162. data/assets/js/jquery.waypoints.min.js +0 -7
  163. data/assets/js/main.js +0 -346
  164. data/assets/js/owl.carousel.min.js +0 -7
  165. data/assets/js/popper.min.js +0 -5
  166. data/index.md +0 -4
data/about.md DELETED
@@ -1,10 +0,0 @@
1
- ---
2
- layout: page
3
- title: Blogging Like a Hacker - About Us
4
- ---
5
-
6
- Lorem ipsum dolor sit amet, nec eu verear phaedrum constituto, timeam admodum temporibus in sed. Sit mutat exerci et, ad inani iuvaret definitionem mel. Ut eum vero nullam vulputate, mel eu scripta probatus. At qui illum paulo, has cu animal ceteros eleifend. Bonorum pertinax te ius, usu fugit dicunt ad, at doming aeterno referrentur nec. In qui illud omittantur, vim ei ubique persecuti honestatis.
7
-
8
- Quot moderatius cu pri. Eu cum posse scripta, homero euismod scriptorem mea no. Id nostrum postulant sententiae cum, ne ancillae nominati per, ad nec populo qualisque principes. Graeco vulputate ne eam, dicta honestatis eu eam. Veniam everti no vel.
9
-
10
- Oporteat philosophia sed an. Graeci audiam probatus vim ne, no usu quem autem adolescens. His an ornatus disputationi, accumsan perpetua ei has. In vivendo accusata mei, ne quo elit fierent detracto. At erat facer forensibus nec, oratio essent quodsi pri cu. Libris eligendi legendos nam ad, vitae dolorem dissentiet no his.
data/assets/.DS_Store DELETED
Binary file
Binary file
Binary file
@@ -1,70 +0,0 @@
1
- /*
2
- Flaticon icon font: Flaticon
3
- Creation date: 09/02/2019 00:29
4
- */
5
-
6
- @font-face {
7
- font-family: "Flaticon";
8
- src: url("./Flaticon.eot");
9
- src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
10
- url("./Flaticon.woff2") format("woff2"),
11
- url("./Flaticon.woff") format("woff"),
12
- url("./Flaticon.ttf") format("truetype"),
13
- url("./Flaticon.svg#Flaticon") format("svg");
14
- font-weight: normal;
15
- font-style: normal;
16
- }
17
-
18
- @media screen and (-webkit-min-device-pixel-ratio:0) {
19
- @font-face {
20
- font-family: "Flaticon";
21
- src: url("./Flaticon.svg#Flaticon") format("svg");
22
- }
23
- }
24
-
25
- .fi:before{
26
- display: inline-block;
27
- font-family: "Flaticon";
28
- font-style: normal;
29
- font-weight: normal;
30
- font-variant: normal;
31
- line-height: 1;
32
- text-decoration: inherit;
33
- text-rendering: optimizeLegibility;
34
- text-transform: none;
35
- -moz-osx-font-smoothing: grayscale;
36
- -webkit-font-smoothing: antialiased;
37
- font-smoothing: antialiased;
38
- }
39
-
40
- .flaticon-brain:before { content: "\f100"; }
41
- .flaticon-brain-1:before { content: "\f101"; }
42
- .flaticon-brain-2:before { content: "\f102"; }
43
- .flaticon-brain-3:before { content: "\f103"; }
44
- .flaticon-brain-4:before { content: "\f104"; }
45
- .flaticon-brain-5:before { content: "\f105"; }
46
- .flaticon-brain-6:before { content: "\f106"; }
47
- .flaticon-twitter:before { content: "\f107"; }
48
- .flaticon-facebook:before { content: "\f108"; }
49
- .flaticon-instagram:before { content: "\f109"; }
50
- .flaticon-twitter-1:before { content: "\f10a"; }
51
- .flaticon-brand:before { content: "\f10b"; }
52
- .flaticon-linkedin:before { content: "\f10c"; }
53
- .flaticon-telegram:before { content: "\f10d"; }
54
- .flaticon-github:before { content: "\f10e"; }
55
-
56
- $font-Flaticon-brain: "\f100";
57
- $font-Flaticon-brain-1: "\f101";
58
- $font-Flaticon-brain-2: "\f102";
59
- $font-Flaticon-brain-3: "\f103";
60
- $font-Flaticon-brain-4: "\f104";
61
- $font-Flaticon-brain-5: "\f105";
62
- $font-Flaticon-brain-6: "\f106";
63
- $font-Flaticon-twitter: "\f107";
64
- $font-Flaticon-facebook: "\f108";
65
- $font-Flaticon-instagram: "\f109";
66
- $font-Flaticon-twitter-1: "\f10a";
67
- $font-Flaticon-brand: "\f10b";
68
- $font-Flaticon-linkedin: "\f10c";
69
- $font-Flaticon-telegram: "\f10d";
70
- $font-Flaticon-github: "\f10e";
Binary file
@@ -1,3377 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /*!
4
- Animate.css - http://daneden.me/animate
5
- Licensed under the MIT license - http://opensource.org/licenses/MIT
6
-
7
- Copyright (c) 2015 Daniel Eden
8
- */
9
-
10
- .animated {
11
- -webkit-animation-duration: 1s;
12
- animation-duration: 1s;
13
- -webkit-animation-fill-mode: both;
14
- animation-fill-mode: both;
15
- }
16
- .animated-fast {
17
- -webkit-animation-duration: .2s;
18
- animation-duration: .2s;
19
- -webkit-animation-fill-mode: both;
20
- animation-fill-mode: both;
21
- }
22
- .ftco-animated {
23
- -webkit-animation-duration: .5s;
24
- animation-duration: .5s;
25
- -webkit-animation-fill-mode: both;
26
- animation-fill-mode: both;
27
- }
28
-
29
- .animated.infinite {
30
- -webkit-animation-iteration-count: infinite;
31
- animation-iteration-count: infinite;
32
- }
33
-
34
- .animated.hinge {
35
- -webkit-animation-duration: 2s;
36
- animation-duration: 2s;
37
- }
38
-
39
- .animated.bounceIn,
40
- .animated.bounceOut {
41
- -webkit-animation-duration: .75s;
42
- animation-duration: .75s;
43
- }
44
-
45
- .animated.flipOutX,
46
- .animated.flipOutY {
47
- -webkit-animation-duration: .75s;
48
- animation-duration: .75s;
49
- }
50
-
51
- @-webkit-keyframes bounce {
52
- from, 20%, 53%, 80%, to {
53
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
54
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
55
- -webkit-transform: translate3d(0,0,0);
56
- transform: translate3d(0,0,0);
57
- }
58
-
59
- 40%, 43% {
60
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
61
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
62
- -webkit-transform: translate3d(0, -30px, 0);
63
- transform: translate3d(0, -30px, 0);
64
- }
65
-
66
- 70% {
67
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
68
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
69
- -webkit-transform: translate3d(0, -15px, 0);
70
- transform: translate3d(0, -15px, 0);
71
- }
72
-
73
- 90% {
74
- -webkit-transform: translate3d(0,-4px,0);
75
- transform: translate3d(0,-4px,0);
76
- }
77
- }
78
-
79
- @keyframes bounce {
80
- from, 20%, 53%, 80%, to {
81
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
82
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
83
- -webkit-transform: translate3d(0,0,0);
84
- transform: translate3d(0,0,0);
85
- }
86
-
87
- 40%, 43% {
88
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
89
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
90
- -webkit-transform: translate3d(0, -30px, 0);
91
- transform: translate3d(0, -30px, 0);
92
- }
93
-
94
- 70% {
95
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
96
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
97
- -webkit-transform: translate3d(0, -15px, 0);
98
- transform: translate3d(0, -15px, 0);
99
- }
100
-
101
- 90% {
102
- -webkit-transform: translate3d(0,-4px,0);
103
- transform: translate3d(0,-4px,0);
104
- }
105
- }
106
-
107
- .bounce {
108
- -webkit-animation-name: bounce;
109
- animation-name: bounce;
110
- -webkit-transform-origin: center bottom;
111
- transform-origin: center bottom;
112
- }
113
-
114
- @-webkit-keyframes flash {
115
- from, 50%, to {
116
- opacity: 1;
117
- }
118
-
119
- 25%, 75% {
120
- opacity: 0;
121
- }
122
- }
123
-
124
- @keyframes flash {
125
- from, 50%, to {
126
- opacity: 1;
127
- }
128
-
129
- 25%, 75% {
130
- opacity: 0;
131
- }
132
- }
133
-
134
- .flash {
135
- -webkit-animation-name: flash;
136
- animation-name: flash;
137
- }
138
-
139
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
140
-
141
- @-webkit-keyframes pulse {
142
- from {
143
- -webkit-transform: scale3d(1, 1, 1);
144
- transform: scale3d(1, 1, 1);
145
- }
146
-
147
- 50% {
148
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
149
- transform: scale3d(1.05, 1.05, 1.05);
150
- }
151
-
152
- to {
153
- -webkit-transform: scale3d(1, 1, 1);
154
- transform: scale3d(1, 1, 1);
155
- }
156
- }
157
-
158
- @keyframes pulse {
159
- from {
160
- -webkit-transform: scale3d(1, 1, 1);
161
- transform: scale3d(1, 1, 1);
162
- }
163
-
164
- 50% {
165
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
166
- transform: scale3d(1.05, 1.05, 1.05);
167
- }
168
-
169
- to {
170
- -webkit-transform: scale3d(1, 1, 1);
171
- transform: scale3d(1, 1, 1);
172
- }
173
- }
174
-
175
- .pulse {
176
- -webkit-animation-name: pulse;
177
- animation-name: pulse;
178
- }
179
-
180
- @-webkit-keyframes rubberBand {
181
- from {
182
- -webkit-transform: scale3d(1, 1, 1);
183
- transform: scale3d(1, 1, 1);
184
- }
185
-
186
- 30% {
187
- -webkit-transform: scale3d(1.25, 0.75, 1);
188
- transform: scale3d(1.25, 0.75, 1);
189
- }
190
-
191
- 40% {
192
- -webkit-transform: scale3d(0.75, 1.25, 1);
193
- transform: scale3d(0.75, 1.25, 1);
194
- }
195
-
196
- 50% {
197
- -webkit-transform: scale3d(1.15, 0.85, 1);
198
- transform: scale3d(1.15, 0.85, 1);
199
- }
200
-
201
- 65% {
202
- -webkit-transform: scale3d(.95, 1.05, 1);
203
- transform: scale3d(.95, 1.05, 1);
204
- }
205
-
206
- 75% {
207
- -webkit-transform: scale3d(1.05, .95, 1);
208
- transform: scale3d(1.05, .95, 1);
209
- }
210
-
211
- to {
212
- -webkit-transform: scale3d(1, 1, 1);
213
- transform: scale3d(1, 1, 1);
214
- }
215
- }
216
-
217
- @keyframes rubberBand {
218
- from {
219
- -webkit-transform: scale3d(1, 1, 1);
220
- transform: scale3d(1, 1, 1);
221
- }
222
-
223
- 30% {
224
- -webkit-transform: scale3d(1.25, 0.75, 1);
225
- transform: scale3d(1.25, 0.75, 1);
226
- }
227
-
228
- 40% {
229
- -webkit-transform: scale3d(0.75, 1.25, 1);
230
- transform: scale3d(0.75, 1.25, 1);
231
- }
232
-
233
- 50% {
234
- -webkit-transform: scale3d(1.15, 0.85, 1);
235
- transform: scale3d(1.15, 0.85, 1);
236
- }
237
-
238
- 65% {
239
- -webkit-transform: scale3d(.95, 1.05, 1);
240
- transform: scale3d(.95, 1.05, 1);
241
- }
242
-
243
- 75% {
244
- -webkit-transform: scale3d(1.05, .95, 1);
245
- transform: scale3d(1.05, .95, 1);
246
- }
247
-
248
- to {
249
- -webkit-transform: scale3d(1, 1, 1);
250
- transform: scale3d(1, 1, 1);
251
- }
252
- }
253
-
254
- .rubberBand {
255
- -webkit-animation-name: rubberBand;
256
- animation-name: rubberBand;
257
- }
258
-
259
- @-webkit-keyframes shake {
260
- from, to {
261
- -webkit-transform: translate3d(0, 0, 0);
262
- transform: translate3d(0, 0, 0);
263
- }
264
-
265
- 10%, 30%, 50%, 70%, 90% {
266
- -webkit-transform: translate3d(-10px, 0, 0);
267
- transform: translate3d(-10px, 0, 0);
268
- }
269
-
270
- 20%, 40%, 60%, 80% {
271
- -webkit-transform: translate3d(10px, 0, 0);
272
- transform: translate3d(10px, 0, 0);
273
- }
274
- }
275
-
276
- @keyframes shake {
277
- from, to {
278
- -webkit-transform: translate3d(0, 0, 0);
279
- transform: translate3d(0, 0, 0);
280
- }
281
-
282
- 10%, 30%, 50%, 70%, 90% {
283
- -webkit-transform: translate3d(-10px, 0, 0);
284
- transform: translate3d(-10px, 0, 0);
285
- }
286
-
287
- 20%, 40%, 60%, 80% {
288
- -webkit-transform: translate3d(10px, 0, 0);
289
- transform: translate3d(10px, 0, 0);
290
- }
291
- }
292
-
293
- .shake {
294
- -webkit-animation-name: shake;
295
- animation-name: shake;
296
- }
297
-
298
- @-webkit-keyframes swing {
299
- 20% {
300
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
301
- transform: rotate3d(0, 0, 1, 15deg);
302
- }
303
-
304
- 40% {
305
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
306
- transform: rotate3d(0, 0, 1, -10deg);
307
- }
308
-
309
- 60% {
310
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
311
- transform: rotate3d(0, 0, 1, 5deg);
312
- }
313
-
314
- 80% {
315
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
316
- transform: rotate3d(0, 0, 1, -5deg);
317
- }
318
-
319
- to {
320
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
321
- transform: rotate3d(0, 0, 1, 0deg);
322
- }
323
- }
324
-
325
- @keyframes swing {
326
- 20% {
327
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
328
- transform: rotate3d(0, 0, 1, 15deg);
329
- }
330
-
331
- 40% {
332
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
333
- transform: rotate3d(0, 0, 1, -10deg);
334
- }
335
-
336
- 60% {
337
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
338
- transform: rotate3d(0, 0, 1, 5deg);
339
- }
340
-
341
- 80% {
342
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
343
- transform: rotate3d(0, 0, 1, -5deg);
344
- }
345
-
346
- to {
347
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
348
- transform: rotate3d(0, 0, 1, 0deg);
349
- }
350
- }
351
-
352
- .swing {
353
- -webkit-transform-origin: top center;
354
- transform-origin: top center;
355
- -webkit-animation-name: swing;
356
- animation-name: swing;
357
- }
358
-
359
- @-webkit-keyframes tada {
360
- from {
361
- -webkit-transform: scale3d(1, 1, 1);
362
- transform: scale3d(1, 1, 1);
363
- }
364
-
365
- 10%, 20% {
366
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
367
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
368
- }
369
-
370
- 30%, 50%, 70%, 90% {
371
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
372
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
373
- }
374
-
375
- 40%, 60%, 80% {
376
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
377
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
378
- }
379
-
380
- to {
381
- -webkit-transform: scale3d(1, 1, 1);
382
- transform: scale3d(1, 1, 1);
383
- }
384
- }
385
-
386
- @keyframes tada {
387
- from {
388
- -webkit-transform: scale3d(1, 1, 1);
389
- transform: scale3d(1, 1, 1);
390
- }
391
-
392
- 10%, 20% {
393
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
394
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
395
- }
396
-
397
- 30%, 50%, 70%, 90% {
398
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
399
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
400
- }
401
-
402
- 40%, 60%, 80% {
403
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
404
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
405
- }
406
-
407
- to {
408
- -webkit-transform: scale3d(1, 1, 1);
409
- transform: scale3d(1, 1, 1);
410
- }
411
- }
412
-
413
- .tada {
414
- -webkit-animation-name: tada;
415
- animation-name: tada;
416
- }
417
-
418
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
419
-
420
- @-webkit-keyframes wobble {
421
- from {
422
- -webkit-transform: none;
423
- transform: none;
424
- }
425
-
426
- 15% {
427
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
428
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
429
- }
430
-
431
- 30% {
432
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
433
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
434
- }
435
-
436
- 45% {
437
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
438
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
439
- }
440
-
441
- 60% {
442
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
443
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
444
- }
445
-
446
- 75% {
447
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
448
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
449
- }
450
-
451
- to {
452
- -webkit-transform: none;
453
- transform: none;
454
- }
455
- }
456
-
457
- @keyframes wobble {
458
- from {
459
- -webkit-transform: none;
460
- transform: none;
461
- }
462
-
463
- 15% {
464
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
465
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
466
- }
467
-
468
- 30% {
469
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
470
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
471
- }
472
-
473
- 45% {
474
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
475
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
476
- }
477
-
478
- 60% {
479
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
480
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
481
- }
482
-
483
- 75% {
484
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
485
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
486
- }
487
-
488
- to {
489
- -webkit-transform: none;
490
- transform: none;
491
- }
492
- }
493
-
494
- .wobble {
495
- -webkit-animation-name: wobble;
496
- animation-name: wobble;
497
- }
498
-
499
- @-webkit-keyframes jello {
500
- from, 11.1%, to {
501
- -webkit-transform: none;
502
- transform: none;
503
- }
504
-
505
- 22.2% {
506
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
507
- transform: skewX(-12.5deg) skewY(-12.5deg);
508
- }
509
-
510
- 33.3% {
511
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
512
- transform: skewX(6.25deg) skewY(6.25deg);
513
- }
514
-
515
- 44.4% {
516
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
517
- transform: skewX(-3.125deg) skewY(-3.125deg);
518
- }
519
-
520
- 55.5% {
521
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
522
- transform: skewX(1.5625deg) skewY(1.5625deg);
523
- }
524
-
525
- 66.6% {
526
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
527
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
528
- }
529
-
530
- 77.7% {
531
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
532
- transform: skewX(0.390625deg) skewY(0.390625deg);
533
- }
534
-
535
- 88.8% {
536
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
537
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
538
- }
539
- }
540
-
541
- @keyframes jello {
542
- from, 11.1%, to {
543
- -webkit-transform: none;
544
- transform: none;
545
- }
546
-
547
- 22.2% {
548
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
549
- transform: skewX(-12.5deg) skewY(-12.5deg);
550
- }
551
-
552
- 33.3% {
553
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
554
- transform: skewX(6.25deg) skewY(6.25deg);
555
- }
556
-
557
- 44.4% {
558
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
559
- transform: skewX(-3.125deg) skewY(-3.125deg);
560
- }
561
-
562
- 55.5% {
563
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
564
- transform: skewX(1.5625deg) skewY(1.5625deg);
565
- }
566
-
567
- 66.6% {
568
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
569
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
570
- }
571
-
572
- 77.7% {
573
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
574
- transform: skewX(0.390625deg) skewY(0.390625deg);
575
- }
576
-
577
- 88.8% {
578
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
579
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
580
- }
581
- }
582
-
583
- .jello {
584
- -webkit-animation-name: jello;
585
- animation-name: jello;
586
- -webkit-transform-origin: center;
587
- transform-origin: center;
588
- }
589
-
590
- @-webkit-keyframes bounceIn {
591
- from, 20%, 40%, 60%, 80%, to {
592
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
593
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
594
- }
595
-
596
- 0% {
597
- opacity: 0;
598
- -webkit-transform: scale3d(.3, .3, .3);
599
- transform: scale3d(.3, .3, .3);
600
- }
601
-
602
- 20% {
603
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
604
- transform: scale3d(1.1, 1.1, 1.1);
605
- }
606
-
607
- 40% {
608
- -webkit-transform: scale3d(.9, .9, .9);
609
- transform: scale3d(.9, .9, .9);
610
- }
611
-
612
- 60% {
613
- opacity: 1;
614
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
615
- transform: scale3d(1.03, 1.03, 1.03);
616
- }
617
-
618
- 80% {
619
- -webkit-transform: scale3d(.97, .97, .97);
620
- transform: scale3d(.97, .97, .97);
621
- }
622
-
623
- to {
624
- opacity: 1;
625
- -webkit-transform: scale3d(1, 1, 1);
626
- transform: scale3d(1, 1, 1);
627
- }
628
- }
629
-
630
- @keyframes bounceIn {
631
- from, 20%, 40%, 60%, 80%, to {
632
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
633
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
634
- }
635
-
636
- 0% {
637
- opacity: 0;
638
- -webkit-transform: scale3d(.3, .3, .3);
639
- transform: scale3d(.3, .3, .3);
640
- }
641
-
642
- 20% {
643
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
644
- transform: scale3d(1.1, 1.1, 1.1);
645
- }
646
-
647
- 40% {
648
- -webkit-transform: scale3d(.9, .9, .9);
649
- transform: scale3d(.9, .9, .9);
650
- }
651
-
652
- 60% {
653
- opacity: 1;
654
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
655
- transform: scale3d(1.03, 1.03, 1.03);
656
- }
657
-
658
- 80% {
659
- -webkit-transform: scale3d(.97, .97, .97);
660
- transform: scale3d(.97, .97, .97);
661
- }
662
-
663
- to {
664
- opacity: 1;
665
- -webkit-transform: scale3d(1, 1, 1);
666
- transform: scale3d(1, 1, 1);
667
- }
668
- }
669
-
670
- .bounceIn {
671
- -webkit-animation-name: bounceIn;
672
- animation-name: bounceIn;
673
- }
674
-
675
- @-webkit-keyframes bounceInDown {
676
- from, 60%, 75%, 90%, to {
677
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
678
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
679
- }
680
-
681
- 0% {
682
- opacity: 0;
683
- -webkit-transform: translate3d(0, -3000px, 0);
684
- transform: translate3d(0, -3000px, 0);
685
- }
686
-
687
- 60% {
688
- opacity: 1;
689
- -webkit-transform: translate3d(0, 25px, 0);
690
- transform: translate3d(0, 25px, 0);
691
- }
692
-
693
- 75% {
694
- -webkit-transform: translate3d(0, -10px, 0);
695
- transform: translate3d(0, -10px, 0);
696
- }
697
-
698
- 90% {
699
- -webkit-transform: translate3d(0, 5px, 0);
700
- transform: translate3d(0, 5px, 0);
701
- }
702
-
703
- to {
704
- -webkit-transform: none;
705
- transform: none;
706
- }
707
- }
708
-
709
- @keyframes bounceInDown {
710
- from, 60%, 75%, 90%, to {
711
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
712
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
713
- }
714
-
715
- 0% {
716
- opacity: 0;
717
- -webkit-transform: translate3d(0, -3000px, 0);
718
- transform: translate3d(0, -3000px, 0);
719
- }
720
-
721
- 60% {
722
- opacity: 1;
723
- -webkit-transform: translate3d(0, 25px, 0);
724
- transform: translate3d(0, 25px, 0);
725
- }
726
-
727
- 75% {
728
- -webkit-transform: translate3d(0, -10px, 0);
729
- transform: translate3d(0, -10px, 0);
730
- }
731
-
732
- 90% {
733
- -webkit-transform: translate3d(0, 5px, 0);
734
- transform: translate3d(0, 5px, 0);
735
- }
736
-
737
- to {
738
- -webkit-transform: none;
739
- transform: none;
740
- }
741
- }
742
-
743
- .bounceInDown {
744
- -webkit-animation-name: bounceInDown;
745
- animation-name: bounceInDown;
746
- }
747
-
748
- @-webkit-keyframes bounceInLeft {
749
- from, 60%, 75%, 90%, to {
750
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
751
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
752
- }
753
-
754
- 0% {
755
- opacity: 0;
756
- -webkit-transform: translate3d(-3000px, 0, 0);
757
- transform: translate3d(-3000px, 0, 0);
758
- }
759
-
760
- 60% {
761
- opacity: 1;
762
- -webkit-transform: translate3d(25px, 0, 0);
763
- transform: translate3d(25px, 0, 0);
764
- }
765
-
766
- 75% {
767
- -webkit-transform: translate3d(-10px, 0, 0);
768
- transform: translate3d(-10px, 0, 0);
769
- }
770
-
771
- 90% {
772
- -webkit-transform: translate3d(5px, 0, 0);
773
- transform: translate3d(5px, 0, 0);
774
- }
775
-
776
- to {
777
- -webkit-transform: none;
778
- transform: none;
779
- }
780
- }
781
-
782
- @keyframes bounceInLeft {
783
- from, 60%, 75%, 90%, to {
784
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
785
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
786
- }
787
-
788
- 0% {
789
- opacity: 0;
790
- -webkit-transform: translate3d(-3000px, 0, 0);
791
- transform: translate3d(-3000px, 0, 0);
792
- }
793
-
794
- 60% {
795
- opacity: 1;
796
- -webkit-transform: translate3d(25px, 0, 0);
797
- transform: translate3d(25px, 0, 0);
798
- }
799
-
800
- 75% {
801
- -webkit-transform: translate3d(-10px, 0, 0);
802
- transform: translate3d(-10px, 0, 0);
803
- }
804
-
805
- 90% {
806
- -webkit-transform: translate3d(5px, 0, 0);
807
- transform: translate3d(5px, 0, 0);
808
- }
809
-
810
- to {
811
- -webkit-transform: none;
812
- transform: none;
813
- }
814
- }
815
-
816
- .bounceInLeft {
817
- -webkit-animation-name: bounceInLeft;
818
- animation-name: bounceInLeft;
819
- }
820
-
821
- @-webkit-keyframes bounceInRight {
822
- from, 60%, 75%, 90%, to {
823
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
824
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
825
- }
826
-
827
- from {
828
- opacity: 0;
829
- -webkit-transform: translate3d(3000px, 0, 0);
830
- transform: translate3d(3000px, 0, 0);
831
- }
832
-
833
- 60% {
834
- opacity: 1;
835
- -webkit-transform: translate3d(-25px, 0, 0);
836
- transform: translate3d(-25px, 0, 0);
837
- }
838
-
839
- 75% {
840
- -webkit-transform: translate3d(10px, 0, 0);
841
- transform: translate3d(10px, 0, 0);
842
- }
843
-
844
- 90% {
845
- -webkit-transform: translate3d(-5px, 0, 0);
846
- transform: translate3d(-5px, 0, 0);
847
- }
848
-
849
- to {
850
- -webkit-transform: none;
851
- transform: none;
852
- }
853
- }
854
-
855
- @keyframes bounceInRight {
856
- from, 60%, 75%, 90%, to {
857
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
858
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
859
- }
860
-
861
- from {
862
- opacity: 0;
863
- -webkit-transform: translate3d(3000px, 0, 0);
864
- transform: translate3d(3000px, 0, 0);
865
- }
866
-
867
- 60% {
868
- opacity: 1;
869
- -webkit-transform: translate3d(-25px, 0, 0);
870
- transform: translate3d(-25px, 0, 0);
871
- }
872
-
873
- 75% {
874
- -webkit-transform: translate3d(10px, 0, 0);
875
- transform: translate3d(10px, 0, 0);
876
- }
877
-
878
- 90% {
879
- -webkit-transform: translate3d(-5px, 0, 0);
880
- transform: translate3d(-5px, 0, 0);
881
- }
882
-
883
- to {
884
- -webkit-transform: none;
885
- transform: none;
886
- }
887
- }
888
-
889
- .bounceInRight {
890
- -webkit-animation-name: bounceInRight;
891
- animation-name: bounceInRight;
892
- }
893
-
894
- @-webkit-keyframes bounceInUp {
895
- from, 60%, 75%, 90%, to {
896
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
897
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
898
- }
899
-
900
- from {
901
- opacity: 0;
902
- -webkit-transform: translate3d(0, 3000px, 0);
903
- transform: translate3d(0, 3000px, 0);
904
- }
905
-
906
- 60% {
907
- opacity: 1;
908
- -webkit-transform: translate3d(0, -20px, 0);
909
- transform: translate3d(0, -20px, 0);
910
- }
911
-
912
- 75% {
913
- -webkit-transform: translate3d(0, 10px, 0);
914
- transform: translate3d(0, 10px, 0);
915
- }
916
-
917
- 90% {
918
- -webkit-transform: translate3d(0, -5px, 0);
919
- transform: translate3d(0, -5px, 0);
920
- }
921
-
922
- to {
923
- -webkit-transform: translate3d(0, 0, 0);
924
- transform: translate3d(0, 0, 0);
925
- }
926
- }
927
-
928
- @keyframes bounceInUp {
929
- from, 60%, 75%, 90%, to {
930
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
931
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
932
- }
933
-
934
- from {
935
- opacity: 0;
936
- -webkit-transform: translate3d(0, 3000px, 0);
937
- transform: translate3d(0, 3000px, 0);
938
- }
939
-
940
- 60% {
941
- opacity: 1;
942
- -webkit-transform: translate3d(0, -20px, 0);
943
- transform: translate3d(0, -20px, 0);
944
- }
945
-
946
- 75% {
947
- -webkit-transform: translate3d(0, 10px, 0);
948
- transform: translate3d(0, 10px, 0);
949
- }
950
-
951
- 90% {
952
- -webkit-transform: translate3d(0, -5px, 0);
953
- transform: translate3d(0, -5px, 0);
954
- }
955
-
956
- to {
957
- -webkit-transform: translate3d(0, 0, 0);
958
- transform: translate3d(0, 0, 0);
959
- }
960
- }
961
-
962
- .bounceInUp {
963
- -webkit-animation-name: bounceInUp;
964
- animation-name: bounceInUp;
965
- }
966
-
967
- @-webkit-keyframes bounceOut {
968
- 20% {
969
- -webkit-transform: scale3d(.9, .9, .9);
970
- transform: scale3d(.9, .9, .9);
971
- }
972
-
973
- 50%, 55% {
974
- opacity: 1;
975
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
976
- transform: scale3d(1.1, 1.1, 1.1);
977
- }
978
-
979
- to {
980
- opacity: 0;
981
- -webkit-transform: scale3d(.3, .3, .3);
982
- transform: scale3d(.3, .3, .3);
983
- }
984
- }
985
-
986
- @keyframes bounceOut {
987
- 20% {
988
- -webkit-transform: scale3d(.9, .9, .9);
989
- transform: scale3d(.9, .9, .9);
990
- }
991
-
992
- 50%, 55% {
993
- opacity: 1;
994
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
995
- transform: scale3d(1.1, 1.1, 1.1);
996
- }
997
-
998
- to {
999
- opacity: 0;
1000
- -webkit-transform: scale3d(.3, .3, .3);
1001
- transform: scale3d(.3, .3, .3);
1002
- }
1003
- }
1004
-
1005
- .bounceOut {
1006
- -webkit-animation-name: bounceOut;
1007
- animation-name: bounceOut;
1008
- }
1009
-
1010
- @-webkit-keyframes bounceOutDown {
1011
- 20% {
1012
- -webkit-transform: translate3d(0, 10px, 0);
1013
- transform: translate3d(0, 10px, 0);
1014
- }
1015
-
1016
- 40%, 45% {
1017
- opacity: 1;
1018
- -webkit-transform: translate3d(0, -20px, 0);
1019
- transform: translate3d(0, -20px, 0);
1020
- }
1021
-
1022
- to {
1023
- opacity: 0;
1024
- -webkit-transform: translate3d(0, 2000px, 0);
1025
- transform: translate3d(0, 2000px, 0);
1026
- }
1027
- }
1028
-
1029
- @keyframes bounceOutDown {
1030
- 20% {
1031
- -webkit-transform: translate3d(0, 10px, 0);
1032
- transform: translate3d(0, 10px, 0);
1033
- }
1034
-
1035
- 40%, 45% {
1036
- opacity: 1;
1037
- -webkit-transform: translate3d(0, -20px, 0);
1038
- transform: translate3d(0, -20px, 0);
1039
- }
1040
-
1041
- to {
1042
- opacity: 0;
1043
- -webkit-transform: translate3d(0, 2000px, 0);
1044
- transform: translate3d(0, 2000px, 0);
1045
- }
1046
- }
1047
-
1048
- .bounceOutDown {
1049
- -webkit-animation-name: bounceOutDown;
1050
- animation-name: bounceOutDown;
1051
- }
1052
-
1053
- @-webkit-keyframes bounceOutLeft {
1054
- 20% {
1055
- opacity: 1;
1056
- -webkit-transform: translate3d(20px, 0, 0);
1057
- transform: translate3d(20px, 0, 0);
1058
- }
1059
-
1060
- to {
1061
- opacity: 0;
1062
- -webkit-transform: translate3d(-2000px, 0, 0);
1063
- transform: translate3d(-2000px, 0, 0);
1064
- }
1065
- }
1066
-
1067
- @keyframes bounceOutLeft {
1068
- 20% {
1069
- opacity: 1;
1070
- -webkit-transform: translate3d(20px, 0, 0);
1071
- transform: translate3d(20px, 0, 0);
1072
- }
1073
-
1074
- to {
1075
- opacity: 0;
1076
- -webkit-transform: translate3d(-2000px, 0, 0);
1077
- transform: translate3d(-2000px, 0, 0);
1078
- }
1079
- }
1080
-
1081
- .bounceOutLeft {
1082
- -webkit-animation-name: bounceOutLeft;
1083
- animation-name: bounceOutLeft;
1084
- }
1085
-
1086
- @-webkit-keyframes bounceOutRight {
1087
- 20% {
1088
- opacity: 1;
1089
- -webkit-transform: translate3d(-20px, 0, 0);
1090
- transform: translate3d(-20px, 0, 0);
1091
- }
1092
-
1093
- to {
1094
- opacity: 0;
1095
- -webkit-transform: translate3d(2000px, 0, 0);
1096
- transform: translate3d(2000px, 0, 0);
1097
- }
1098
- }
1099
-
1100
- @keyframes bounceOutRight {
1101
- 20% {
1102
- opacity: 1;
1103
- -webkit-transform: translate3d(-20px, 0, 0);
1104
- transform: translate3d(-20px, 0, 0);
1105
- }
1106
-
1107
- to {
1108
- opacity: 0;
1109
- -webkit-transform: translate3d(2000px, 0, 0);
1110
- transform: translate3d(2000px, 0, 0);
1111
- }
1112
- }
1113
-
1114
- .bounceOutRight {
1115
- -webkit-animation-name: bounceOutRight;
1116
- animation-name: bounceOutRight;
1117
- }
1118
-
1119
- @-webkit-keyframes bounceOutUp {
1120
- 20% {
1121
- -webkit-transform: translate3d(0, -10px, 0);
1122
- transform: translate3d(0, -10px, 0);
1123
- }
1124
-
1125
- 40%, 45% {
1126
- opacity: 1;
1127
- -webkit-transform: translate3d(0, 20px, 0);
1128
- transform: translate3d(0, 20px, 0);
1129
- }
1130
-
1131
- to {
1132
- opacity: 0;
1133
- -webkit-transform: translate3d(0, -2000px, 0);
1134
- transform: translate3d(0, -2000px, 0);
1135
- }
1136
- }
1137
-
1138
- @keyframes bounceOutUp {
1139
- 20% {
1140
- -webkit-transform: translate3d(0, -10px, 0);
1141
- transform: translate3d(0, -10px, 0);
1142
- }
1143
-
1144
- 40%, 45% {
1145
- opacity: 1;
1146
- -webkit-transform: translate3d(0, 20px, 0);
1147
- transform: translate3d(0, 20px, 0);
1148
- }
1149
-
1150
- to {
1151
- opacity: 0;
1152
- -webkit-transform: translate3d(0, -2000px, 0);
1153
- transform: translate3d(0, -2000px, 0);
1154
- }
1155
- }
1156
-
1157
- .bounceOutUp {
1158
- -webkit-animation-name: bounceOutUp;
1159
- animation-name: bounceOutUp;
1160
- }
1161
-
1162
- @-webkit-keyframes fadeIn {
1163
- from {
1164
- opacity: 0;
1165
- visibility: hidden;
1166
- -ms-transform: scale(0.95);
1167
- -webkit-transform: scale(0.95);
1168
- transform: scale(0.95);
1169
- }
1170
-
1171
- to {
1172
- opacity: 1;
1173
- visibility: visible;
1174
- -ms-transform: scale(1.0);
1175
- -webkit-transform: scale(1.0);
1176
- transform: scale(1.0);
1177
- }
1178
- }
1179
-
1180
- @keyframes fadeIn {
1181
- from {
1182
- opacity: 0;
1183
- visibility: hidden;
1184
- -ms-transform: scale(0.95);
1185
- -webkit-transform: scale(0.95);
1186
- transform: scale(0.95);
1187
- }
1188
-
1189
- to {
1190
- opacity: 1;
1191
- visibility: visible;
1192
- -ms-transform: scale(1.0);
1193
- -webkit-transform: scale(1.0);
1194
- transform: scale(1.0);
1195
- }
1196
- }
1197
-
1198
- .fadeIn {
1199
- -webkit-animation-name: fadeIn;
1200
- animation-name: fadeIn;
1201
- }
1202
-
1203
- @-webkit-keyframes fadeInDown {
1204
- from {
1205
- opacity: 0;
1206
- visibility: hidden;
1207
- /*-webkit-transform: translate3d(0, -100%, 0);
1208
- transform: translate3d(0, -100%, 0);*/
1209
- -webkit-transform: translate3d(0, -50px, 0);
1210
- transform: translate3d(0, -50px, 0);
1211
- }
1212
-
1213
- to {
1214
- opacity: 1;
1215
- visibility: visible;
1216
- -webkit-transform: none;
1217
- transform: none;
1218
- }
1219
- }
1220
-
1221
- @keyframes fadeInDown {
1222
- from {
1223
- opacity: 0;
1224
- visibility: hidden;
1225
- /*-webkit-transform: translate3d(0, -100%, 0);
1226
- transform: translate3d(0, -100%, 0);*/
1227
- -webkit-transform: translate3d(0, -50px, 0);
1228
- transform: translate3d(0, -50px, 0);
1229
- }
1230
-
1231
- to {
1232
- opacity: 1;
1233
- visibility: visible;
1234
- -webkit-transform: none;
1235
- transform: none;
1236
- }
1237
- }
1238
-
1239
- .fadeInDown {
1240
- -webkit-animation-name: fadeInDown;
1241
- animation-name: fadeInDown;
1242
- }
1243
-
1244
- @-webkit-keyframes fadeInDownBig {
1245
- from {
1246
- opacity: 0;
1247
- -webkit-transform: translate3d(0, -2000px, 0);
1248
- transform: translate3d(0, -2000px, 0);
1249
- }
1250
-
1251
- to {
1252
- opacity: 1;
1253
- -webkit-transform: none;
1254
- transform: none;
1255
- }
1256
- }
1257
-
1258
- @keyframes fadeInDownBig {
1259
- from {
1260
- opacity: 0;
1261
- -webkit-transform: translate3d(0, -2000px, 0);
1262
- transform: translate3d(0, -2000px, 0);
1263
- }
1264
-
1265
- to {
1266
- opacity: 1;
1267
- -webkit-transform: none;
1268
- transform: none;
1269
- }
1270
- }
1271
-
1272
- .fadeInDownBig {
1273
- -webkit-animation-name: fadeInDownBig;
1274
- animation-name: fadeInDownBig;
1275
- }
1276
-
1277
- @-webkit-keyframes fadeInLeft {
1278
- from {
1279
- opacity: 0;
1280
- visibility: hidden;
1281
- /*-webkit-transform: translate3d(-100%, 0, 0);
1282
- transform: translate3d(-100%, 0, 0);*/
1283
- -webkit-transform: translate3d(-50px, 0, 0);
1284
- transform: translate3d(-50px, 0, 0);
1285
- }
1286
-
1287
- to {
1288
- opacity: 1;
1289
- visibility: visible;
1290
- -webkit-transform: none;
1291
- transform: none;
1292
- }
1293
- }
1294
-
1295
- @keyframes fadeInLeft {
1296
- from {
1297
- opacity: 0;
1298
- visibility: hidden;
1299
- /*-webkit-transform: translate3d(-100%, 0, 0);
1300
- transform: translate3d(-100%, 0, 0);*/
1301
- -webkit-transform: translate3d(-50px, 0, 0);
1302
- transform: translate3d(-50px, 0, 0);
1303
- }
1304
-
1305
- to {
1306
- opacity: 1;
1307
- visibility: visible;
1308
- -webkit-transform: none;
1309
- transform: none;
1310
- }
1311
- }
1312
-
1313
- .fadeInLeft {
1314
- -webkit-animation-name: fadeInLeft;
1315
- animation-name: fadeInLeft;
1316
- }
1317
-
1318
- @-webkit-keyframes fadeInLeftBig {
1319
- from {
1320
- opacity: 0;
1321
- -webkit-transform: translate3d(-2000px, 0, 0);
1322
- transform: translate3d(-2000px, 0, 0);
1323
- }
1324
-
1325
- to {
1326
- opacity: 1;
1327
- -webkit-transform: none;
1328
- transform: none;
1329
- }
1330
- }
1331
-
1332
- @keyframes fadeInLeftBig {
1333
- from {
1334
- opacity: 0;
1335
- -webkit-transform: translate3d(-2000px, 0, 0);
1336
- transform: translate3d(-2000px, 0, 0);
1337
- }
1338
-
1339
- to {
1340
- opacity: 1;
1341
- -webkit-transform: none;
1342
- transform: none;
1343
- }
1344
- }
1345
-
1346
- .fadeInLeftBig {
1347
- -webkit-animation-name: fadeInLeftBig;
1348
- animation-name: fadeInLeftBig;
1349
- }
1350
-
1351
- @-webkit-keyframes fadeInRight {
1352
- from {
1353
- opacity: 0;
1354
- visibility: hidden;
1355
- /*-webkit-transform: translate3d(100%, 0, 0);
1356
- transform: translate3d(100%, 0, 0);*/
1357
- -webkit-transform: translate3d(50px, 0, 0);
1358
- transform: translate3d(50px, 0, 0);
1359
- }
1360
-
1361
- to {
1362
- opacity: 1;
1363
- visibility: visible;
1364
- -webkit-transform: none;
1365
- transform: none;
1366
- }
1367
- }
1368
-
1369
- @keyframes fadeInRight {
1370
- from {
1371
- opacity: 0;
1372
- visibility: hidden;
1373
- /*-webkit-transform: translate3d(100%, 0, 0);
1374
- transform: translate3d(100%, 0, 0);*/
1375
- -webkit-transform: translate3d(50px, 0, 0);
1376
- transform: translate3d(50px, 0, 0);
1377
- }
1378
-
1379
- to {
1380
- opacity: 1;
1381
- visibility: visible;
1382
- -webkit-transform: none;
1383
- transform: none;
1384
- }
1385
- }
1386
-
1387
- .fadeInRight {
1388
- -webkit-animation-name: fadeInRight;
1389
- animation-name: fadeInRight;
1390
- }
1391
-
1392
- @-webkit-keyframes fadeInRightBig {
1393
- from {
1394
- opacity: 0;
1395
- -webkit-transform: translate3d(2000px, 0, 0);
1396
- transform: translate3d(2000px, 0, 0);
1397
- }
1398
-
1399
- to {
1400
- opacity: 1;
1401
- -webkit-transform: none;
1402
- transform: none;
1403
- }
1404
- }
1405
-
1406
- @keyframes fadeInRightBig {
1407
- from {
1408
- opacity: 0;
1409
- -webkit-transform: translate3d(2000px, 0, 0);
1410
- transform: translate3d(2000px, 0, 0);
1411
- }
1412
-
1413
- to {
1414
- opacity: 1;
1415
- -webkit-transform: none;
1416
- transform: none;
1417
- }
1418
- }
1419
-
1420
- .fadeInRightBig {
1421
- -webkit-animation-name: fadeInRightBig;
1422
- animation-name: fadeInRightBig;
1423
- }
1424
-
1425
- @-webkit-keyframes fadeInUp {
1426
- from {
1427
- opacity: 0;
1428
- visibility: hidden;
1429
- /*-webkit-transform: translate3d(0, 100%, 0);
1430
- transform: translate3d(0, 100%, 0);*/
1431
- -webkit-transform: translate3d(0, 40px, 0);
1432
- transform: translate3d(0, 40px, 0);
1433
- }
1434
-
1435
- to {
1436
- opacity: 1;
1437
- visibility: visible;
1438
- -webkit-transform: none;
1439
- transform: none;
1440
- }
1441
- }
1442
-
1443
- @keyframes fadeInUp {
1444
- from {
1445
- opacity: 0;
1446
- visibility: hidden;
1447
- /*-webkit-transform: translate3d(0, 100%, 0);
1448
- transform: translate3d(0, 100%, 0);*/
1449
- -webkit-transform: translate3d(0, 40px, 0);
1450
- transform: translate3d(0, 40px, 0);
1451
- }
1452
-
1453
- to {
1454
- visibility: visible;
1455
- opacity: 1;
1456
- -webkit-transform: none;
1457
- transform: none;
1458
- }
1459
- }
1460
-
1461
- .fadeInUp {
1462
- -webkit-animation-name: fadeInUp;
1463
- animation-name: fadeInUp;
1464
- }
1465
-
1466
- @-webkit-keyframes fadeInUpMenu {
1467
- from {
1468
- opacity: 0;
1469
- visibility: hidden;
1470
- /*-webkit-transform: translate3d(0, 100%, 0);
1471
- transform: translate3d(0, 100%, 0);*/
1472
- -webkit-transform: translate3d(0, 20px, 0);
1473
- transform: translate3d(0, 20px, 0);
1474
- }
1475
-
1476
- to {
1477
- opacity: 1;
1478
- visibility: visible;
1479
- -webkit-transform: none;
1480
- transform: none;
1481
- }
1482
- }
1483
-
1484
- @keyframes fadeInUpMenu {
1485
- from {
1486
- opacity: 0;
1487
- visibility: hidden;
1488
- /*-webkit-transform: translate3d(0, 100%, 0);
1489
- transform: translate3d(0, 100%, 0);*/
1490
- -webkit-transform: translate3d(0, 20px, 0);
1491
- transform: translate3d(0, 20px, 0);
1492
- }
1493
-
1494
- to {
1495
- visibility: visible;
1496
- opacity: 1;
1497
- -webkit-transform: none;
1498
- transform: none;
1499
- }
1500
- }
1501
-
1502
- .fadeInUpMenu {
1503
- -webkit-animation-name: fadeInUpMenu;
1504
- animation-name: fadeInUpMenu;
1505
- }
1506
-
1507
- @-webkit-keyframes fadeInUpBig {
1508
- from {
1509
- opacity: 0;
1510
- -webkit-transform: translate3d(0, 2000px, 0);
1511
- transform: translate3d(0, 2000px, 0);
1512
- }
1513
-
1514
- to {
1515
- opacity: 1;
1516
- -webkit-transform: none;
1517
- transform: none;
1518
- }
1519
- }
1520
-
1521
- @keyframes fadeInUpBig {
1522
- from {
1523
- opacity: 0;
1524
- -webkit-transform: translate3d(0, 2000px, 0);
1525
- transform: translate3d(0, 2000px, 0);
1526
- }
1527
-
1528
- to {
1529
- opacity: 1;
1530
- -webkit-transform: none;
1531
- transform: none;
1532
- }
1533
- }
1534
-
1535
- .fadeInUpBig {
1536
- -webkit-animation-name: fadeInUpBig;
1537
- animation-name: fadeInUpBig;
1538
- }
1539
-
1540
- @-webkit-keyframes fadeOut {
1541
- from {
1542
- opacity: 1;
1543
- }
1544
-
1545
- to {
1546
- opacity: 0;
1547
- }
1548
- }
1549
-
1550
- @keyframes fadeOut {
1551
- from {
1552
- opacity: 1;
1553
- }
1554
-
1555
- to {
1556
- opacity: 0;
1557
- }
1558
- }
1559
-
1560
- .fadeOut {
1561
- -webkit-animation-name: fadeOut;
1562
- animation-name: fadeOut;
1563
- }
1564
-
1565
- @-webkit-keyframes fadeOutDown {
1566
- from {
1567
- opacity: 1;
1568
- visibility: visible;
1569
- }
1570
-
1571
- to {
1572
- opacity: 0;
1573
- visibility: hidden;
1574
- -webkit-transform: translate3d(0, 40px, 0);
1575
- transform: translate3d(0, 40px, 0);
1576
- }
1577
- }
1578
-
1579
- @keyframes fadeOutDown {
1580
- from {
1581
- opacity: 1;
1582
- visibility: visible;
1583
- }
1584
-
1585
- to {
1586
- opacity: 0;
1587
- visibility: hidden;
1588
- -webkit-transform: translate3d(0, 40px, 0);
1589
- transform: translate3d(0, 40px, 0);
1590
- }
1591
- }
1592
-
1593
- .fadeOutDown {
1594
- -webkit-animation-name: fadeOutDown;
1595
- animation-name: fadeOutDown;
1596
- }
1597
-
1598
- @-webkit-keyframes fadeOutDownBig {
1599
- from {
1600
- opacity: 1;
1601
- }
1602
-
1603
- to {
1604
- opacity: 0;
1605
- -webkit-transform: translate3d(0, 2000px, 0);
1606
- transform: translate3d(0, 2000px, 0);
1607
- }
1608
- }
1609
-
1610
- @keyframes fadeOutDownBig {
1611
- from {
1612
- opacity: 1;
1613
- }
1614
-
1615
- to {
1616
- opacity: 0;
1617
- -webkit-transform: translate3d(0, 2000px, 0);
1618
- transform: translate3d(0, 2000px, 0);
1619
- }
1620
- }
1621
-
1622
- .fadeOutDownBig {
1623
- -webkit-animation-name: fadeOutDownBig;
1624
- animation-name: fadeOutDownBig;
1625
- }
1626
-
1627
- @-webkit-keyframes fadeOutLeft {
1628
- from {
1629
- opacity: 1;
1630
- }
1631
-
1632
- to {
1633
- opacity: 0;
1634
- -webkit-transform: translate3d(-100%, 0, 0);
1635
- transform: translate3d(-100%, 0, 0);
1636
- }
1637
- }
1638
-
1639
- @keyframes fadeOutLeft {
1640
- from {
1641
- opacity: 1;
1642
- }
1643
-
1644
- to {
1645
- opacity: 0;
1646
- -webkit-transform: translate3d(-100%, 0, 0);
1647
- transform: translate3d(-100%, 0, 0);
1648
- }
1649
- }
1650
-
1651
- .fadeOutLeft {
1652
- -webkit-animation-name: fadeOutLeft;
1653
- animation-name: fadeOutLeft;
1654
- }
1655
-
1656
- @-webkit-keyframes fadeOutLeftBig {
1657
- from {
1658
- opacity: 1;
1659
- }
1660
-
1661
- to {
1662
- opacity: 0;
1663
- -webkit-transform: translate3d(-2000px, 0, 0);
1664
- transform: translate3d(-2000px, 0, 0);
1665
- }
1666
- }
1667
-
1668
- @keyframes fadeOutLeftBig {
1669
- from {
1670
- opacity: 1;
1671
- }
1672
-
1673
- to {
1674
- opacity: 0;
1675
- -webkit-transform: translate3d(-2000px, 0, 0);
1676
- transform: translate3d(-2000px, 0, 0);
1677
- }
1678
- }
1679
-
1680
- .fadeOutLeftBig {
1681
- -webkit-animation-name: fadeOutLeftBig;
1682
- animation-name: fadeOutLeftBig;
1683
- }
1684
-
1685
- @-webkit-keyframes fadeOutRight {
1686
- from {
1687
- opacity: 1;
1688
- }
1689
-
1690
- to {
1691
- opacity: 0;
1692
- -webkit-transform: translate3d(100%, 0, 0);
1693
- transform: translate3d(100%, 0, 0);
1694
- }
1695
- }
1696
-
1697
- @keyframes fadeOutRight {
1698
- from {
1699
- opacity: 1;
1700
- }
1701
-
1702
- to {
1703
- opacity: 0;
1704
- -webkit-transform: translate3d(100%, 0, 0);
1705
- transform: translate3d(100%, 0, 0);
1706
- }
1707
- }
1708
-
1709
- .fadeOutRight {
1710
- -webkit-animation-name: fadeOutRight;
1711
- animation-name: fadeOutRight;
1712
- }
1713
-
1714
- @-webkit-keyframes fadeOutRightBig {
1715
- from {
1716
- opacity: 1;
1717
- }
1718
-
1719
- to {
1720
- opacity: 0;
1721
- -webkit-transform: translate3d(2000px, 0, 0);
1722
- transform: translate3d(2000px, 0, 0);
1723
- }
1724
- }
1725
-
1726
- @keyframes fadeOutRightBig {
1727
- from {
1728
- opacity: 1;
1729
- }
1730
-
1731
- to {
1732
- opacity: 0;
1733
- -webkit-transform: translate3d(2000px, 0, 0);
1734
- transform: translate3d(2000px, 0, 0);
1735
- }
1736
- }
1737
-
1738
- .fadeOutRightBig {
1739
- -webkit-animation-name: fadeOutRightBig;
1740
- animation-name: fadeOutRightBig;
1741
- }
1742
-
1743
- @-webkit-keyframes fadeOutUp {
1744
- from {
1745
- opacity: 1;
1746
- }
1747
-
1748
- to {
1749
- opacity: 0;
1750
- -webkit-transform: translate3d(0, -100%, 0);
1751
- transform: translate3d(0, -100%, 0);
1752
- }
1753
- }
1754
-
1755
- @keyframes fadeOutUp {
1756
- from {
1757
- opacity: 1;
1758
- }
1759
-
1760
- to {
1761
- opacity: 0;
1762
- -webkit-transform: translate3d(0, -100%, 0);
1763
- transform: translate3d(0, -100%, 0);
1764
- }
1765
- }
1766
-
1767
- .fadeOutUp {
1768
- -webkit-animation-name: fadeOutUp;
1769
- animation-name: fadeOutUp;
1770
- }
1771
-
1772
- @-webkit-keyframes fadeOutUpBig {
1773
- from {
1774
- opacity: 1;
1775
- }
1776
-
1777
- to {
1778
- opacity: 0;
1779
- -webkit-transform: translate3d(0, -2000px, 0);
1780
- transform: translate3d(0, -2000px, 0);
1781
- }
1782
- }
1783
-
1784
- @keyframes fadeOutUpBig {
1785
- from {
1786
- opacity: 1;
1787
- }
1788
-
1789
- to {
1790
- opacity: 0;
1791
- -webkit-transform: translate3d(0, -2000px, 0);
1792
- transform: translate3d(0, -2000px, 0);
1793
- }
1794
- }
1795
-
1796
- .fadeOutUpBig {
1797
- -webkit-animation-name: fadeOutUpBig;
1798
- animation-name: fadeOutUpBig;
1799
- }
1800
-
1801
- @-webkit-keyframes flip {
1802
- from {
1803
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1804
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1805
- -webkit-animation-timing-function: ease-out;
1806
- animation-timing-function: ease-out;
1807
- }
1808
-
1809
- 40% {
1810
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1811
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1812
- -webkit-animation-timing-function: ease-out;
1813
- animation-timing-function: ease-out;
1814
- }
1815
-
1816
- 50% {
1817
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1818
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1819
- -webkit-animation-timing-function: ease-in;
1820
- animation-timing-function: ease-in;
1821
- }
1822
-
1823
- 80% {
1824
- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1825
- transform: perspective(400px) scale3d(.95, .95, .95);
1826
- -webkit-animation-timing-function: ease-in;
1827
- animation-timing-function: ease-in;
1828
- }
1829
-
1830
- to {
1831
- -webkit-transform: perspective(400px);
1832
- transform: perspective(400px);
1833
- -webkit-animation-timing-function: ease-in;
1834
- animation-timing-function: ease-in;
1835
- }
1836
- }
1837
-
1838
- @keyframes flip {
1839
- from {
1840
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1841
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1842
- -webkit-animation-timing-function: ease-out;
1843
- animation-timing-function: ease-out;
1844
- }
1845
-
1846
- 40% {
1847
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1848
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1849
- -webkit-animation-timing-function: ease-out;
1850
- animation-timing-function: ease-out;
1851
- }
1852
-
1853
- 50% {
1854
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1855
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1856
- -webkit-animation-timing-function: ease-in;
1857
- animation-timing-function: ease-in;
1858
- }
1859
-
1860
- 80% {
1861
- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1862
- transform: perspective(400px) scale3d(.95, .95, .95);
1863
- -webkit-animation-timing-function: ease-in;
1864
- animation-timing-function: ease-in;
1865
- }
1866
-
1867
- to {
1868
- -webkit-transform: perspective(400px);
1869
- transform: perspective(400px);
1870
- -webkit-animation-timing-function: ease-in;
1871
- animation-timing-function: ease-in;
1872
- }
1873
- }
1874
-
1875
- .animated.flip {
1876
- -webkit-backface-visibility: visible;
1877
- backface-visibility: visible;
1878
- -webkit-animation-name: flip;
1879
- animation-name: flip;
1880
- }
1881
-
1882
- @-webkit-keyframes flipInX {
1883
- from {
1884
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1885
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1886
- -webkit-animation-timing-function: ease-in;
1887
- animation-timing-function: ease-in;
1888
- opacity: 0;
1889
- }
1890
-
1891
- 40% {
1892
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1893
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1894
- -webkit-animation-timing-function: ease-in;
1895
- animation-timing-function: ease-in;
1896
- }
1897
-
1898
- 60% {
1899
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1900
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1901
- opacity: 1;
1902
- }
1903
-
1904
- 80% {
1905
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1906
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1907
- }
1908
-
1909
- to {
1910
- -webkit-transform: perspective(400px);
1911
- transform: perspective(400px);
1912
- }
1913
- }
1914
-
1915
- @keyframes flipInX {
1916
- from {
1917
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1918
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1919
- -webkit-animation-timing-function: ease-in;
1920
- animation-timing-function: ease-in;
1921
- opacity: 0;
1922
- }
1923
-
1924
- 40% {
1925
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1926
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1927
- -webkit-animation-timing-function: ease-in;
1928
- animation-timing-function: ease-in;
1929
- }
1930
-
1931
- 60% {
1932
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1933
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1934
- opacity: 1;
1935
- }
1936
-
1937
- 80% {
1938
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1939
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1940
- }
1941
-
1942
- to {
1943
- -webkit-transform: perspective(400px);
1944
- transform: perspective(400px);
1945
- }
1946
- }
1947
-
1948
- .flipInX {
1949
- -webkit-backface-visibility: visible !important;
1950
- backface-visibility: visible !important;
1951
- -webkit-animation-name: flipInX;
1952
- animation-name: flipInX;
1953
- }
1954
-
1955
- @-webkit-keyframes flipInY {
1956
- from {
1957
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1958
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1959
- -webkit-animation-timing-function: ease-in;
1960
- animation-timing-function: ease-in;
1961
- opacity: 0;
1962
- }
1963
-
1964
- 40% {
1965
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1966
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1967
- -webkit-animation-timing-function: ease-in;
1968
- animation-timing-function: ease-in;
1969
- }
1970
-
1971
- 60% {
1972
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1973
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1974
- opacity: 1;
1975
- }
1976
-
1977
- 80% {
1978
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1979
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1980
- }
1981
-
1982
- to {
1983
- -webkit-transform: perspective(400px);
1984
- transform: perspective(400px);
1985
- }
1986
- }
1987
-
1988
- @keyframes flipInY {
1989
- from {
1990
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1991
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1992
- -webkit-animation-timing-function: ease-in;
1993
- animation-timing-function: ease-in;
1994
- opacity: 0;
1995
- }
1996
-
1997
- 40% {
1998
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1999
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2000
- -webkit-animation-timing-function: ease-in;
2001
- animation-timing-function: ease-in;
2002
- }
2003
-
2004
- 60% {
2005
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2006
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2007
- opacity: 1;
2008
- }
2009
-
2010
- 80% {
2011
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2012
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2013
- }
2014
-
2015
- to {
2016
- -webkit-transform: perspective(400px);
2017
- transform: perspective(400px);
2018
- }
2019
- }
2020
-
2021
- .flipInY {
2022
- -webkit-backface-visibility: visible !important;
2023
- backface-visibility: visible !important;
2024
- -webkit-animation-name: flipInY;
2025
- animation-name: flipInY;
2026
- }
2027
-
2028
- @-webkit-keyframes flipOutX {
2029
- from {
2030
- -webkit-transform: perspective(400px);
2031
- transform: perspective(400px);
2032
- }
2033
-
2034
- 30% {
2035
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2036
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2037
- opacity: 1;
2038
- }
2039
-
2040
- to {
2041
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2042
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2043
- opacity: 0;
2044
- }
2045
- }
2046
-
2047
- @keyframes flipOutX {
2048
- from {
2049
- -webkit-transform: perspective(400px);
2050
- transform: perspective(400px);
2051
- }
2052
-
2053
- 30% {
2054
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2055
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2056
- opacity: 1;
2057
- }
2058
-
2059
- to {
2060
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2061
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2062
- opacity: 0;
2063
- }
2064
- }
2065
-
2066
- .flipOutX {
2067
- -webkit-animation-name: flipOutX;
2068
- animation-name: flipOutX;
2069
- -webkit-backface-visibility: visible !important;
2070
- backface-visibility: visible !important;
2071
- }
2072
-
2073
- @-webkit-keyframes flipOutY {
2074
- from {
2075
- -webkit-transform: perspective(400px);
2076
- transform: perspective(400px);
2077
- }
2078
-
2079
- 30% {
2080
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2081
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2082
- opacity: 1;
2083
- }
2084
-
2085
- to {
2086
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2087
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2088
- opacity: 0;
2089
- }
2090
- }
2091
-
2092
- @keyframes flipOutY {
2093
- from {
2094
- -webkit-transform: perspective(400px);
2095
- transform: perspective(400px);
2096
- }
2097
-
2098
- 30% {
2099
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2100
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2101
- opacity: 1;
2102
- }
2103
-
2104
- to {
2105
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2106
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2107
- opacity: 0;
2108
- }
2109
- }
2110
-
2111
- .flipOutY {
2112
- -webkit-backface-visibility: visible !important;
2113
- backface-visibility: visible !important;
2114
- -webkit-animation-name: flipOutY;
2115
- animation-name: flipOutY;
2116
- }
2117
-
2118
- @-webkit-keyframes lightSpeedIn {
2119
- from {
2120
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2121
- transform: translate3d(100%, 0, 0) skewX(-30deg);
2122
- opacity: 0;
2123
- }
2124
-
2125
- 60% {
2126
- -webkit-transform: skewX(20deg);
2127
- transform: skewX(20deg);
2128
- opacity: 1;
2129
- }
2130
-
2131
- 80% {
2132
- -webkit-transform: skewX(-5deg);
2133
- transform: skewX(-5deg);
2134
- opacity: 1;
2135
- }
2136
-
2137
- to {
2138
- -webkit-transform: none;
2139
- transform: none;
2140
- opacity: 1;
2141
- }
2142
- }
2143
-
2144
- @keyframes lightSpeedIn {
2145
- from {
2146
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2147
- transform: translate3d(100%, 0, 0) skewX(-30deg);
2148
- opacity: 0;
2149
- }
2150
-
2151
- 60% {
2152
- -webkit-transform: skewX(20deg);
2153
- transform: skewX(20deg);
2154
- opacity: 1;
2155
- }
2156
-
2157
- 80% {
2158
- -webkit-transform: skewX(-5deg);
2159
- transform: skewX(-5deg);
2160
- opacity: 1;
2161
- }
2162
-
2163
- to {
2164
- -webkit-transform: none;
2165
- transform: none;
2166
- opacity: 1;
2167
- }
2168
- }
2169
-
2170
- .lightSpeedIn {
2171
- -webkit-animation-name: lightSpeedIn;
2172
- animation-name: lightSpeedIn;
2173
- -webkit-animation-timing-function: ease-out;
2174
- animation-timing-function: ease-out;
2175
- }
2176
-
2177
- @-webkit-keyframes lightSpeedOut {
2178
- from {
2179
- opacity: 1;
2180
- }
2181
-
2182
- to {
2183
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2184
- transform: translate3d(100%, 0, 0) skewX(30deg);
2185
- opacity: 0;
2186
- }
2187
- }
2188
-
2189
- @keyframes lightSpeedOut {
2190
- from {
2191
- opacity: 1;
2192
- }
2193
-
2194
- to {
2195
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2196
- transform: translate3d(100%, 0, 0) skewX(30deg);
2197
- opacity: 0;
2198
- }
2199
- }
2200
-
2201
- .lightSpeedOut {
2202
- -webkit-animation-name: lightSpeedOut;
2203
- animation-name: lightSpeedOut;
2204
- -webkit-animation-timing-function: ease-in;
2205
- animation-timing-function: ease-in;
2206
- }
2207
-
2208
- @-webkit-keyframes rotateIn {
2209
- from {
2210
- -webkit-transform-origin: center;
2211
- transform-origin: center;
2212
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
2213
- transform: rotate3d(0, 0, 1, -200deg);
2214
- opacity: 0;
2215
- }
2216
-
2217
- to {
2218
- -webkit-transform-origin: center;
2219
- transform-origin: center;
2220
- -webkit-transform: none;
2221
- transform: none;
2222
- opacity: 1;
2223
- }
2224
- }
2225
-
2226
- @keyframes rotateIn {
2227
- from {
2228
- -webkit-transform-origin: center;
2229
- transform-origin: center;
2230
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
2231
- transform: rotate3d(0, 0, 1, -200deg);
2232
- opacity: 0;
2233
- }
2234
-
2235
- to {
2236
- -webkit-transform-origin: center;
2237
- transform-origin: center;
2238
- -webkit-transform: none;
2239
- transform: none;
2240
- opacity: 1;
2241
- }
2242
- }
2243
-
2244
- .rotateIn {
2245
- -webkit-animation-name: rotateIn;
2246
- animation-name: rotateIn;
2247
- }
2248
-
2249
- @-webkit-keyframes rotateInDownLeft {
2250
- from {
2251
- -webkit-transform-origin: left bottom;
2252
- transform-origin: left bottom;
2253
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2254
- transform: rotate3d(0, 0, 1, -45deg);
2255
- opacity: 0;
2256
- }
2257
-
2258
- to {
2259
- -webkit-transform-origin: left bottom;
2260
- transform-origin: left bottom;
2261
- -webkit-transform: none;
2262
- transform: none;
2263
- opacity: 1;
2264
- }
2265
- }
2266
-
2267
- @keyframes rotateInDownLeft {
2268
- from {
2269
- -webkit-transform-origin: left bottom;
2270
- transform-origin: left bottom;
2271
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2272
- transform: rotate3d(0, 0, 1, -45deg);
2273
- opacity: 0;
2274
- }
2275
-
2276
- to {
2277
- -webkit-transform-origin: left bottom;
2278
- transform-origin: left bottom;
2279
- -webkit-transform: none;
2280
- transform: none;
2281
- opacity: 1;
2282
- }
2283
- }
2284
-
2285
- .rotateInDownLeft {
2286
- -webkit-animation-name: rotateInDownLeft;
2287
- animation-name: rotateInDownLeft;
2288
- }
2289
-
2290
- @-webkit-keyframes rotateInDownRight {
2291
- from {
2292
- -webkit-transform-origin: right bottom;
2293
- transform-origin: right bottom;
2294
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2295
- transform: rotate3d(0, 0, 1, 45deg);
2296
- opacity: 0;
2297
- }
2298
-
2299
- to {
2300
- -webkit-transform-origin: right bottom;
2301
- transform-origin: right bottom;
2302
- -webkit-transform: none;
2303
- transform: none;
2304
- opacity: 1;
2305
- }
2306
- }
2307
-
2308
- @keyframes rotateInDownRight {
2309
- from {
2310
- -webkit-transform-origin: right bottom;
2311
- transform-origin: right bottom;
2312
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2313
- transform: rotate3d(0, 0, 1, 45deg);
2314
- opacity: 0;
2315
- }
2316
-
2317
- to {
2318
- -webkit-transform-origin: right bottom;
2319
- transform-origin: right bottom;
2320
- -webkit-transform: none;
2321
- transform: none;
2322
- opacity: 1;
2323
- }
2324
- }
2325
-
2326
- .rotateInDownRight {
2327
- -webkit-animation-name: rotateInDownRight;
2328
- animation-name: rotateInDownRight;
2329
- }
2330
-
2331
- @-webkit-keyframes rotateInUpLeft {
2332
- from {
2333
- -webkit-transform-origin: left bottom;
2334
- transform-origin: left bottom;
2335
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2336
- transform: rotate3d(0, 0, 1, 45deg);
2337
- opacity: 0;
2338
- }
2339
-
2340
- to {
2341
- -webkit-transform-origin: left bottom;
2342
- transform-origin: left bottom;
2343
- -webkit-transform: none;
2344
- transform: none;
2345
- opacity: 1;
2346
- }
2347
- }
2348
-
2349
- @keyframes rotateInUpLeft {
2350
- from {
2351
- -webkit-transform-origin: left bottom;
2352
- transform-origin: left bottom;
2353
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2354
- transform: rotate3d(0, 0, 1, 45deg);
2355
- opacity: 0;
2356
- }
2357
-
2358
- to {
2359
- -webkit-transform-origin: left bottom;
2360
- transform-origin: left bottom;
2361
- -webkit-transform: none;
2362
- transform: none;
2363
- opacity: 1;
2364
- }
2365
- }
2366
-
2367
- .rotateInUpLeft {
2368
- -webkit-animation-name: rotateInUpLeft;
2369
- animation-name: rotateInUpLeft;
2370
- }
2371
-
2372
- @-webkit-keyframes rotateInUpRight {
2373
- from {
2374
- -webkit-transform-origin: right bottom;
2375
- transform-origin: right bottom;
2376
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2377
- transform: rotate3d(0, 0, 1, -90deg);
2378
- opacity: 0;
2379
- }
2380
-
2381
- to {
2382
- -webkit-transform-origin: right bottom;
2383
- transform-origin: right bottom;
2384
- -webkit-transform: none;
2385
- transform: none;
2386
- opacity: 1;
2387
- }
2388
- }
2389
-
2390
- @keyframes rotateInUpRight {
2391
- from {
2392
- -webkit-transform-origin: right bottom;
2393
- transform-origin: right bottom;
2394
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2395
- transform: rotate3d(0, 0, 1, -90deg);
2396
- opacity: 0;
2397
- }
2398
-
2399
- to {
2400
- -webkit-transform-origin: right bottom;
2401
- transform-origin: right bottom;
2402
- -webkit-transform: none;
2403
- transform: none;
2404
- opacity: 1;
2405
- }
2406
- }
2407
-
2408
- .rotateInUpRight {
2409
- -webkit-animation-name: rotateInUpRight;
2410
- animation-name: rotateInUpRight;
2411
- }
2412
-
2413
- @-webkit-keyframes rotateOut {
2414
- from {
2415
- -webkit-transform-origin: center;
2416
- transform-origin: center;
2417
- opacity: 1;
2418
- }
2419
-
2420
- to {
2421
- -webkit-transform-origin: center;
2422
- transform-origin: center;
2423
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2424
- transform: rotate3d(0, 0, 1, 200deg);
2425
- opacity: 0;
2426
- }
2427
- }
2428
-
2429
- @keyframes rotateOut {
2430
- from {
2431
- -webkit-transform-origin: center;
2432
- transform-origin: center;
2433
- opacity: 1;
2434
- }
2435
-
2436
- to {
2437
- -webkit-transform-origin: center;
2438
- transform-origin: center;
2439
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2440
- transform: rotate3d(0, 0, 1, 200deg);
2441
- opacity: 0;
2442
- }
2443
- }
2444
-
2445
- .rotateOut {
2446
- -webkit-animation-name: rotateOut;
2447
- animation-name: rotateOut;
2448
- }
2449
-
2450
- @-webkit-keyframes rotateOutDownLeft {
2451
- from {
2452
- -webkit-transform-origin: left bottom;
2453
- transform-origin: left bottom;
2454
- opacity: 1;
2455
- }
2456
-
2457
- to {
2458
- -webkit-transform-origin: left bottom;
2459
- transform-origin: left bottom;
2460
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2461
- transform: rotate3d(0, 0, 1, 45deg);
2462
- opacity: 0;
2463
- }
2464
- }
2465
-
2466
- @keyframes rotateOutDownLeft {
2467
- from {
2468
- -webkit-transform-origin: left bottom;
2469
- transform-origin: left bottom;
2470
- opacity: 1;
2471
- }
2472
-
2473
- to {
2474
- -webkit-transform-origin: left bottom;
2475
- transform-origin: left bottom;
2476
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2477
- transform: rotate3d(0, 0, 1, 45deg);
2478
- opacity: 0;
2479
- }
2480
- }
2481
-
2482
- .rotateOutDownLeft {
2483
- -webkit-animation-name: rotateOutDownLeft;
2484
- animation-name: rotateOutDownLeft;
2485
- }
2486
-
2487
- @-webkit-keyframes rotateOutDownRight {
2488
- from {
2489
- -webkit-transform-origin: right bottom;
2490
- transform-origin: right bottom;
2491
- opacity: 1;
2492
- }
2493
-
2494
- to {
2495
- -webkit-transform-origin: right bottom;
2496
- transform-origin: right bottom;
2497
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2498
- transform: rotate3d(0, 0, 1, -45deg);
2499
- opacity: 0;
2500
- }
2501
- }
2502
-
2503
- @keyframes rotateOutDownRight {
2504
- from {
2505
- -webkit-transform-origin: right bottom;
2506
- transform-origin: right bottom;
2507
- opacity: 1;
2508
- }
2509
-
2510
- to {
2511
- -webkit-transform-origin: right bottom;
2512
- transform-origin: right bottom;
2513
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2514
- transform: rotate3d(0, 0, 1, -45deg);
2515
- opacity: 0;
2516
- }
2517
- }
2518
-
2519
- .rotateOutDownRight {
2520
- -webkit-animation-name: rotateOutDownRight;
2521
- animation-name: rotateOutDownRight;
2522
- }
2523
-
2524
- @-webkit-keyframes rotateOutUpLeft {
2525
- from {
2526
- -webkit-transform-origin: left bottom;
2527
- transform-origin: left bottom;
2528
- opacity: 1;
2529
- }
2530
-
2531
- to {
2532
- -webkit-transform-origin: left bottom;
2533
- transform-origin: left bottom;
2534
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2535
- transform: rotate3d(0, 0, 1, -45deg);
2536
- opacity: 0;
2537
- }
2538
- }
2539
-
2540
- @keyframes rotateOutUpLeft {
2541
- from {
2542
- -webkit-transform-origin: left bottom;
2543
- transform-origin: left bottom;
2544
- opacity: 1;
2545
- }
2546
-
2547
- to {
2548
- -webkit-transform-origin: left bottom;
2549
- transform-origin: left bottom;
2550
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2551
- transform: rotate3d(0, 0, 1, -45deg);
2552
- opacity: 0;
2553
- }
2554
- }
2555
-
2556
- .rotateOutUpLeft {
2557
- -webkit-animation-name: rotateOutUpLeft;
2558
- animation-name: rotateOutUpLeft;
2559
- }
2560
-
2561
- @-webkit-keyframes rotateOutUpRight {
2562
- from {
2563
- -webkit-transform-origin: right bottom;
2564
- transform-origin: right bottom;
2565
- opacity: 1;
2566
- }
2567
-
2568
- to {
2569
- -webkit-transform-origin: right bottom;
2570
- transform-origin: right bottom;
2571
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2572
- transform: rotate3d(0, 0, 1, 90deg);
2573
- opacity: 0;
2574
- }
2575
- }
2576
-
2577
- @keyframes rotateOutUpRight {
2578
- from {
2579
- -webkit-transform-origin: right bottom;
2580
- transform-origin: right bottom;
2581
- opacity: 1;
2582
- }
2583
-
2584
- to {
2585
- -webkit-transform-origin: right bottom;
2586
- transform-origin: right bottom;
2587
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2588
- transform: rotate3d(0, 0, 1, 90deg);
2589
- opacity: 0;
2590
- }
2591
- }
2592
-
2593
- .rotateOutUpRight {
2594
- -webkit-animation-name: rotateOutUpRight;
2595
- animation-name: rotateOutUpRight;
2596
- }
2597
-
2598
- @-webkit-keyframes hinge {
2599
- 0% {
2600
- -webkit-transform-origin: top left;
2601
- transform-origin: top left;
2602
- -webkit-animation-timing-function: ease-in-out;
2603
- animation-timing-function: ease-in-out;
2604
- }
2605
-
2606
- 20%, 60% {
2607
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2608
- transform: rotate3d(0, 0, 1, 80deg);
2609
- -webkit-transform-origin: top left;
2610
- transform-origin: top left;
2611
- -webkit-animation-timing-function: ease-in-out;
2612
- animation-timing-function: ease-in-out;
2613
- }
2614
-
2615
- 40%, 80% {
2616
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2617
- transform: rotate3d(0, 0, 1, 60deg);
2618
- -webkit-transform-origin: top left;
2619
- transform-origin: top left;
2620
- -webkit-animation-timing-function: ease-in-out;
2621
- animation-timing-function: ease-in-out;
2622
- opacity: 1;
2623
- }
2624
-
2625
- to {
2626
- -webkit-transform: translate3d(0, 700px, 0);
2627
- transform: translate3d(0, 700px, 0);
2628
- opacity: 0;
2629
- }
2630
- }
2631
-
2632
- @keyframes hinge {
2633
- 0% {
2634
- -webkit-transform-origin: top left;
2635
- transform-origin: top left;
2636
- -webkit-animation-timing-function: ease-in-out;
2637
- animation-timing-function: ease-in-out;
2638
- }
2639
-
2640
- 20%, 60% {
2641
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2642
- transform: rotate3d(0, 0, 1, 80deg);
2643
- -webkit-transform-origin: top left;
2644
- transform-origin: top left;
2645
- -webkit-animation-timing-function: ease-in-out;
2646
- animation-timing-function: ease-in-out;
2647
- }
2648
-
2649
- 40%, 80% {
2650
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2651
- transform: rotate3d(0, 0, 1, 60deg);
2652
- -webkit-transform-origin: top left;
2653
- transform-origin: top left;
2654
- -webkit-animation-timing-function: ease-in-out;
2655
- animation-timing-function: ease-in-out;
2656
- opacity: 1;
2657
- }
2658
-
2659
- to {
2660
- -webkit-transform: translate3d(0, 700px, 0);
2661
- transform: translate3d(0, 700px, 0);
2662
- opacity: 0;
2663
- }
2664
- }
2665
-
2666
- .hinge {
2667
- -webkit-animation-name: hinge;
2668
- animation-name: hinge;
2669
- }
2670
-
2671
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2672
-
2673
- @-webkit-keyframes rollIn {
2674
- from {
2675
- opacity: 0;
2676
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2677
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2678
- }
2679
-
2680
- to {
2681
- opacity: 1;
2682
- -webkit-transform: none;
2683
- transform: none;
2684
- }
2685
- }
2686
-
2687
- @keyframes rollIn {
2688
- from {
2689
- opacity: 0;
2690
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2691
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2692
- }
2693
-
2694
- to {
2695
- opacity: 1;
2696
- -webkit-transform: none;
2697
- transform: none;
2698
- }
2699
- }
2700
-
2701
- .rollIn {
2702
- -webkit-animation-name: rollIn;
2703
- animation-name: rollIn;
2704
- }
2705
-
2706
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2707
-
2708
- @-webkit-keyframes rollOut {
2709
- from {
2710
- opacity: 1;
2711
- }
2712
-
2713
- to {
2714
- opacity: 0;
2715
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2716
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2717
- }
2718
- }
2719
-
2720
- @keyframes rollOut {
2721
- from {
2722
- opacity: 1;
2723
- }
2724
-
2725
- to {
2726
- opacity: 0;
2727
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2728
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2729
- }
2730
- }
2731
-
2732
- .rollOut {
2733
- -webkit-animation-name: rollOut;
2734
- animation-name: rollOut;
2735
- }
2736
-
2737
- @-webkit-keyframes zoomIn {
2738
- from {
2739
- opacity: 0;
2740
- -webkit-transform: scale3d(.3, .3, .3);
2741
- transform: scale3d(.3, .3, .3);
2742
- }
2743
-
2744
- 50% {
2745
- opacity: 1;
2746
- }
2747
- }
2748
-
2749
- @keyframes zoomIn {
2750
- from {
2751
- opacity: 0;
2752
- -webkit-transform: scale3d(.3, .3, .3);
2753
- transform: scale3d(.3, .3, .3);
2754
- }
2755
-
2756
- 50% {
2757
- opacity: 1;
2758
- }
2759
- }
2760
-
2761
- .zoomIn {
2762
- -webkit-animation-name: zoomIn;
2763
- animation-name: zoomIn;
2764
- }
2765
-
2766
- @-webkit-keyframes zoomInDown {
2767
- from {
2768
- opacity: 0;
2769
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2770
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2771
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2772
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2773
- }
2774
-
2775
- 60% {
2776
- opacity: 1;
2777
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2778
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2779
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2780
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2781
- }
2782
- }
2783
-
2784
- @keyframes zoomInDown {
2785
- from {
2786
- opacity: 0;
2787
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2788
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2789
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2790
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2791
- }
2792
-
2793
- 60% {
2794
- opacity: 1;
2795
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2796
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2797
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2798
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2799
- }
2800
- }
2801
-
2802
- .zoomInDown {
2803
- -webkit-animation-name: zoomInDown;
2804
- animation-name: zoomInDown;
2805
- }
2806
-
2807
- @-webkit-keyframes zoomInLeft {
2808
- from {
2809
- opacity: 0;
2810
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2811
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2812
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2813
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2814
- }
2815
-
2816
- 60% {
2817
- opacity: 1;
2818
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2819
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2820
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2821
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2822
- }
2823
- }
2824
-
2825
- @keyframes zoomInLeft {
2826
- from {
2827
- opacity: 0;
2828
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2829
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2830
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2831
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2832
- }
2833
-
2834
- 60% {
2835
- opacity: 1;
2836
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2837
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2838
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2839
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2840
- }
2841
- }
2842
-
2843
- .zoomInLeft {
2844
- -webkit-animation-name: zoomInLeft;
2845
- animation-name: zoomInLeft;
2846
- }
2847
-
2848
- @-webkit-keyframes zoomInRight {
2849
- from {
2850
- opacity: 0;
2851
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2852
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2853
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2854
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2855
- }
2856
-
2857
- 60% {
2858
- opacity: 1;
2859
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2860
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2861
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2862
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2863
- }
2864
- }
2865
-
2866
- @keyframes zoomInRight {
2867
- from {
2868
- opacity: 0;
2869
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2870
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2871
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2872
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2873
- }
2874
-
2875
- 60% {
2876
- opacity: 1;
2877
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2878
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2879
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2880
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2881
- }
2882
- }
2883
-
2884
- .zoomInRight {
2885
- -webkit-animation-name: zoomInRight;
2886
- animation-name: zoomInRight;
2887
- }
2888
-
2889
- @-webkit-keyframes zoomInUp {
2890
- from {
2891
- opacity: 0;
2892
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2893
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2894
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2895
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2896
- }
2897
-
2898
- 60% {
2899
- opacity: 1;
2900
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2901
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2902
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2903
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2904
- }
2905
- }
2906
-
2907
- @keyframes zoomInUp {
2908
- from {
2909
- opacity: 0;
2910
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2911
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2912
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2913
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2914
- }
2915
-
2916
- 60% {
2917
- opacity: 1;
2918
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2919
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2920
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2921
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2922
- }
2923
- }
2924
-
2925
- .zoomInUp {
2926
- -webkit-animation-name: zoomInUp;
2927
- animation-name: zoomInUp;
2928
- }
2929
-
2930
- @-webkit-keyframes zoomOut {
2931
- from {
2932
- opacity: 1;
2933
- }
2934
-
2935
- 50% {
2936
- opacity: 0;
2937
- -webkit-transform: scale3d(.3, .3, .3);
2938
- transform: scale3d(.3, .3, .3);
2939
- }
2940
-
2941
- to {
2942
- opacity: 0;
2943
- }
2944
- }
2945
-
2946
- @keyframes zoomOut {
2947
- from {
2948
- opacity: 1;
2949
- }
2950
-
2951
- 50% {
2952
- opacity: 0;
2953
- -webkit-transform: scale3d(.3, .3, .3);
2954
- transform: scale3d(.3, .3, .3);
2955
- }
2956
-
2957
- to {
2958
- opacity: 0;
2959
- }
2960
- }
2961
-
2962
- .zoomOut {
2963
- -webkit-animation-name: zoomOut;
2964
- animation-name: zoomOut;
2965
- }
2966
-
2967
- @-webkit-keyframes zoomOutDown {
2968
- 40% {
2969
- opacity: 1;
2970
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2971
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2972
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2973
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2974
- }
2975
-
2976
- to {
2977
- opacity: 0;
2978
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2979
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2980
- -webkit-transform-origin: center bottom;
2981
- transform-origin: center bottom;
2982
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2983
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2984
- }
2985
- }
2986
-
2987
- @keyframes zoomOutDown {
2988
- 40% {
2989
- opacity: 1;
2990
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2991
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2992
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2993
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2994
- }
2995
-
2996
- to {
2997
- opacity: 0;
2998
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2999
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
3000
- -webkit-transform-origin: center bottom;
3001
- transform-origin: center bottom;
3002
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3003
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3004
- }
3005
- }
3006
-
3007
- .zoomOutDown {
3008
- -webkit-animation-name: zoomOutDown;
3009
- animation-name: zoomOutDown;
3010
- }
3011
-
3012
- @-webkit-keyframes zoomOutLeft {
3013
- 40% {
3014
- opacity: 1;
3015
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3016
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3017
- }
3018
-
3019
- to {
3020
- opacity: 0;
3021
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3022
- transform: scale(.1) translate3d(-2000px, 0, 0);
3023
- -webkit-transform-origin: left center;
3024
- transform-origin: left center;
3025
- }
3026
- }
3027
-
3028
- @keyframes zoomOutLeft {
3029
- 40% {
3030
- opacity: 1;
3031
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3032
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3033
- }
3034
-
3035
- to {
3036
- opacity: 0;
3037
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3038
- transform: scale(.1) translate3d(-2000px, 0, 0);
3039
- -webkit-transform-origin: left center;
3040
- transform-origin: left center;
3041
- }
3042
- }
3043
-
3044
- .zoomOutLeft {
3045
- -webkit-animation-name: zoomOutLeft;
3046
- animation-name: zoomOutLeft;
3047
- }
3048
-
3049
- @-webkit-keyframes zoomOutRight {
3050
- 40% {
3051
- opacity: 1;
3052
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3053
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3054
- }
3055
-
3056
- to {
3057
- opacity: 0;
3058
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3059
- transform: scale(.1) translate3d(2000px, 0, 0);
3060
- -webkit-transform-origin: right center;
3061
- transform-origin: right center;
3062
- }
3063
- }
3064
-
3065
- @keyframes zoomOutRight {
3066
- 40% {
3067
- opacity: 1;
3068
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3069
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3070
- }
3071
-
3072
- to {
3073
- opacity: 0;
3074
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3075
- transform: scale(.1) translate3d(2000px, 0, 0);
3076
- -webkit-transform-origin: right center;
3077
- transform-origin: right center;
3078
- }
3079
- }
3080
-
3081
- .zoomOutRight {
3082
- -webkit-animation-name: zoomOutRight;
3083
- animation-name: zoomOutRight;
3084
- }
3085
-
3086
- @-webkit-keyframes zoomOutUp {
3087
- 40% {
3088
- opacity: 1;
3089
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3090
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3091
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3092
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3093
- }
3094
-
3095
- to {
3096
- opacity: 0;
3097
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3098
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3099
- -webkit-transform-origin: center bottom;
3100
- transform-origin: center bottom;
3101
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3102
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3103
- }
3104
- }
3105
-
3106
- @keyframes zoomOutUp {
3107
- 40% {
3108
- opacity: 1;
3109
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3110
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3111
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3112
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3113
- }
3114
-
3115
- to {
3116
- opacity: 0;
3117
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3118
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3119
- -webkit-transform-origin: center bottom;
3120
- transform-origin: center bottom;
3121
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3122
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3123
- }
3124
- }
3125
-
3126
- .zoomOutUp {
3127
- -webkit-animation-name: zoomOutUp;
3128
- animation-name: zoomOutUp;
3129
- }
3130
-
3131
- @-webkit-keyframes slideInDown {
3132
- from {
3133
- -webkit-transform: translate3d(0, -100%, 0);
3134
- transform: translate3d(0, -100%, 0);
3135
- visibility: visible;
3136
- }
3137
-
3138
- to {
3139
- -webkit-transform: translate3d(0, 0, 0);
3140
- transform: translate3d(0, 0, 0);
3141
- }
3142
- }
3143
-
3144
- @keyframes slideInDown {
3145
- from {
3146
- -webkit-transform: translate3d(0, -100%, 0);
3147
- transform: translate3d(0, -100%, 0);
3148
- visibility: visible;
3149
- }
3150
-
3151
- to {
3152
- -webkit-transform: translate3d(0, 0, 0);
3153
- transform: translate3d(0, 0, 0);
3154
- }
3155
- }
3156
-
3157
- .slideInDown {
3158
- -webkit-animation-name: slideInDown;
3159
- animation-name: slideInDown;
3160
- }
3161
-
3162
- @-webkit-keyframes slideInLeft {
3163
- from {
3164
- -webkit-transform: translate3d(-100%, 0, 0);
3165
- transform: translate3d(-100%, 0, 0);
3166
- visibility: visible;
3167
- }
3168
-
3169
- to {
3170
- -webkit-transform: translate3d(0, 0, 0);
3171
- transform: translate3d(0, 0, 0);
3172
- }
3173
- }
3174
-
3175
- @keyframes slideInLeft {
3176
- from {
3177
- -webkit-transform: translate3d(-100%, 0, 0);
3178
- transform: translate3d(-100%, 0, 0);
3179
- visibility: visible;
3180
- }
3181
-
3182
- to {
3183
- -webkit-transform: translate3d(0, 0, 0);
3184
- transform: translate3d(0, 0, 0);
3185
- }
3186
- }
3187
-
3188
- .slideInLeft {
3189
- -webkit-animation-name: slideInLeft;
3190
- animation-name: slideInLeft;
3191
- }
3192
-
3193
- @-webkit-keyframes slideInRight {
3194
- from {
3195
- -webkit-transform: translate3d(100%, 0, 0);
3196
- transform: translate3d(100%, 0, 0);
3197
- visibility: visible;
3198
- }
3199
-
3200
- to {
3201
- -webkit-transform: translate3d(0, 0, 0);
3202
- transform: translate3d(0, 0, 0);
3203
- }
3204
- }
3205
-
3206
- @keyframes slideInRight {
3207
- from {
3208
- -webkit-transform: translate3d(100%, 0, 0);
3209
- transform: translate3d(100%, 0, 0);
3210
- visibility: visible;
3211
- }
3212
-
3213
- to {
3214
- -webkit-transform: translate3d(0, 0, 0);
3215
- transform: translate3d(0, 0, 0);
3216
- }
3217
- }
3218
-
3219
- .slideInRight {
3220
- -webkit-animation-name: slideInRight;
3221
- animation-name: slideInRight;
3222
- }
3223
-
3224
- @-webkit-keyframes slideInUp {
3225
- from {
3226
- -webkit-transform: translate3d(0, 100%, 0);
3227
- transform: translate3d(0, 100%, 0);
3228
- visibility: visible;
3229
- }
3230
-
3231
- to {
3232
- -webkit-transform: translate3d(0, 0, 0);
3233
- transform: translate3d(0, 0, 0);
3234
- }
3235
- }
3236
-
3237
- @keyframes slideInUp {
3238
- from {
3239
- -webkit-transform: translate3d(0, 100%, 0);
3240
- transform: translate3d(0, 100%, 0);
3241
- visibility: visible;
3242
- }
3243
-
3244
- to {
3245
- -webkit-transform: translate3d(0, 0, 0);
3246
- transform: translate3d(0, 0, 0);
3247
- }
3248
- }
3249
-
3250
- .slideInUp {
3251
- -webkit-animation-name: slideInUp;
3252
- animation-name: slideInUp;
3253
- }
3254
-
3255
- @-webkit-keyframes slideOutDown {
3256
- from {
3257
- -webkit-transform: translate3d(0, 0, 0);
3258
- transform: translate3d(0, 0, 0);
3259
- }
3260
-
3261
- to {
3262
- visibility: hidden;
3263
- -webkit-transform: translate3d(0, 100%, 0);
3264
- transform: translate3d(0, 100%, 0);
3265
- }
3266
- }
3267
-
3268
- @keyframes slideOutDown {
3269
- from {
3270
- -webkit-transform: translate3d(0, 0, 0);
3271
- transform: translate3d(0, 0, 0);
3272
- }
3273
-
3274
- to {
3275
- visibility: hidden;
3276
- -webkit-transform: translate3d(0, 100%, 0);
3277
- transform: translate3d(0, 100%, 0);
3278
- }
3279
- }
3280
-
3281
- .slideOutDown {
3282
- -webkit-animation-name: slideOutDown;
3283
- animation-name: slideOutDown;
3284
- }
3285
-
3286
- @-webkit-keyframes slideOutLeft {
3287
- from {
3288
- -webkit-transform: translate3d(0, 0, 0);
3289
- transform: translate3d(0, 0, 0);
3290
- }
3291
-
3292
- to {
3293
- visibility: hidden;
3294
- -webkit-transform: translate3d(-100%, 0, 0);
3295
- transform: translate3d(-100%, 0, 0);
3296
- }
3297
- }
3298
-
3299
- @keyframes slideOutLeft {
3300
- from {
3301
- -webkit-transform: translate3d(0, 0, 0);
3302
- transform: translate3d(0, 0, 0);
3303
- }
3304
-
3305
- to {
3306
- visibility: hidden;
3307
- -webkit-transform: translate3d(-100%, 0, 0);
3308
- transform: translate3d(-100%, 0, 0);
3309
- }
3310
- }
3311
-
3312
- .slideOutLeft {
3313
- -webkit-animation-name: slideOutLeft;
3314
- animation-name: slideOutLeft;
3315
- }
3316
-
3317
- @-webkit-keyframes slideOutRight {
3318
- from {
3319
- -webkit-transform: translate3d(0, 0, 0);
3320
- transform: translate3d(0, 0, 0);
3321
- }
3322
-
3323
- to {
3324
- visibility: hidden;
3325
- -webkit-transform: translate3d(100%, 0, 0);
3326
- transform: translate3d(100%, 0, 0);
3327
- }
3328
- }
3329
-
3330
- @keyframes slideOutRight {
3331
- from {
3332
- -webkit-transform: translate3d(0, 0, 0);
3333
- transform: translate3d(0, 0, 0);
3334
- }
3335
-
3336
- to {
3337
- visibility: hidden;
3338
- -webkit-transform: translate3d(100%, 0, 0);
3339
- transform: translate3d(100%, 0, 0);
3340
- }
3341
- }
3342
-
3343
- .slideOutRight {
3344
- -webkit-animation-name: slideOutRight;
3345
- animation-name: slideOutRight;
3346
- }
3347
-
3348
- @-webkit-keyframes slideOutUp {
3349
- from {
3350
- -webkit-transform: translate3d(0, 0, 0);
3351
- transform: translate3d(0, 0, 0);
3352
- }
3353
-
3354
- to {
3355
- visibility: hidden;
3356
- -webkit-transform: translate3d(0, -100%, 0);
3357
- transform: translate3d(0, -100%, 0);
3358
- }
3359
- }
3360
-
3361
- @keyframes slideOutUp {
3362
- from {
3363
- -webkit-transform: translate3d(0, 0, 0);
3364
- transform: translate3d(0, 0, 0);
3365
- }
3366
-
3367
- to {
3368
- visibility: hidden;
3369
- -webkit-transform: translate3d(0, -100%, 0);
3370
- transform: translate3d(0, -100%, 0);
3371
- }
3372
- }
3373
-
3374
- .slideOutUp {
3375
- -webkit-animation-name: slideOutUp;
3376
- animation-name: slideOutUp;
3377
- }