DiAngelo / LadaCuBasme.html (public) (License: GPLv3) (since 2015-12-14) (hash sha1)
Colectie de povesti pentru copii
Clone URLs: https://rocketgit.com/user/DiAngelo/LadaCuBasme.html ssh://rocketgit@ssh.rocketgit.com/user/DiAngelo/LadaCuBasme.html git://git.rocketgit.com/user/DiAngelo/LadaCuBasme.html
master
List of commits:
Subject Hash Author Date (UTC)
Initial structure 0e82a59f44dbe7bef187d87967d11f36fe0fc0d1 DiAngelo 2015-12-15 16:44:29
Added readme file b9f8a2584d63ec5162e3104db14d6140f9717fdb DiAngelo 2015-12-15 09:05:52
Commit 0e82a59f44dbe7bef187d87967d11f36fe0fc0d1 - Initial structure
Author: DiAngelo
Author date (UTC): 2015-12-15 16:44
Committer name: DiAngelo
Committer date (UTC): 2015-12-15 16:44
Parent(s): b9f8a2584d63ec5162e3104db14d6140f9717fdb
Signing key:
Tree: bf59bb84ba8fd67f11d3240c90a5903febcabdf9
File Lines added Lines deleted
css/Ovo-Regular.ttf 0 0
css/animate.css 3273 0
css/app.css 37 0
css/list-bare.css 61 0
css/old_paper.jpg 0 0
css/page-content.css 121 0
css/page.css 78 0
css/theme.css 10043 0
css/utils.css 5 0
images/logo.png 0 0
index.html 36 0
js/app.conf.js 27 0
js/com/admin/settings.rkr.js 29 0
js/com/base/branding.rkr.js 20 0
js/com/base/content.rkr.js 16 0
js/com/base/header.rkr.js 10 0
js/com/base/menu-main.rkr.js 59 0
js/com/base/menu-simple.rkr.js 32 0
js/com/base/setting.rkr.js 24 0
js/com/base/sidebar.rkr.js 28 0
js/com/mobile/splash-screen.rkr.js 19 0
js/com/mobile/webapp.rkr.js 19 0
js/com/route/page.rkr.js 19 0
js/com/settings/page.rkr.js 21 0
js/com/settings/sidebar.rkr.js 28 0
js/com/settings/text.rkr.js 16 0
js/data/authors.js 12 0
js/index.js 68 0
js/layouts/default.js 10 0
js/layouts/settings-sidemenu.js 31 0
js/layouts/webapp.js 16 0
js/rucker/rkr.js 91 0
File css/Ovo-Regular.ttf added (mode: 100644) (index 0000000..9b4a50a)
File css/animate.css added (mode: 100644) (index 0000000..17ecf7f)
1 @charset "UTF-8";
2
3 /*!
4 Animate.css - http://daneden.me/animate
5 Version - 3.4.0
6 Licensed under the MIT license - http://opensource.org/licenses/MIT
7
8 Copyright (c) 2015 Daniel Eden
9 */
10
11 .animated {
12 -webkit-animation-duration: 1s;
13 animation-duration: 1s;
14 -webkit-animation-fill-mode: both;
15 animation-fill-mode: both;
16 }
17
18 .animated.infinite {
19 -webkit-animation-iteration-count: infinite;
20 animation-iteration-count: infinite;
21 }
22
23 .animated.hinge {
24 -webkit-animation-duration: 2s;
25 animation-duration: 2s;
26 }
27
28 .animated.bounceIn,
29 .animated.bounceOut {
30 -webkit-animation-duration: .75s;
31 animation-duration: .75s;
32 }
33
34 .animated.flipOutX,
35 .animated.flipOutY {
36 -webkit-animation-duration: .75s;
37 animation-duration: .75s;
38 }
39
40 @-webkit-keyframes bounce {
41 from, 20%, 53%, 80%, to {
42 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
43 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
44 -webkit-transform: translate3d(0,0,0);
45 transform: translate3d(0,0,0);
46 }
47
48 40%, 43% {
49 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
50 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
51 -webkit-transform: translate3d(0, -30px, 0);
52 transform: translate3d(0, -30px, 0);
53 }
54
55 70% {
56 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
58 -webkit-transform: translate3d(0, -15px, 0);
59 transform: translate3d(0, -15px, 0);
60 }
61
62 90% {
63 -webkit-transform: translate3d(0,-4px,0);
64 transform: translate3d(0,-4px,0);
65 }
66 }
67
68 @keyframes bounce {
69 from, 20%, 53%, 80%, to {
70 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
71 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
72 -webkit-transform: translate3d(0,0,0);
73 transform: translate3d(0,0,0);
74 }
75
76 40%, 43% {
77 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
78 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
79 -webkit-transform: translate3d(0, -30px, 0);
80 transform: translate3d(0, -30px, 0);
81 }
82
83 70% {
84 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
85 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
86 -webkit-transform: translate3d(0, -15px, 0);
87 transform: translate3d(0, -15px, 0);
88 }
89
90 90% {
91 -webkit-transform: translate3d(0,-4px,0);
92 transform: translate3d(0,-4px,0);
93 }
94 }
95
96 .bounce {
97 -webkit-animation-name: bounce;
98 animation-name: bounce;
99 -webkit-transform-origin: center bottom;
100 transform-origin: center bottom;
101 }
102
103 @-webkit-keyframes flash {
104 from, 50%, to {
105 opacity: 1;
106 }
107
108 25%, 75% {
109 opacity: 0;
110 }
111 }
112
113 @keyframes flash {
114 from, 50%, to {
115 opacity: 1;
116 }
117
118 25%, 75% {
119 opacity: 0;
120 }
121 }
122
123 .flash {
124 -webkit-animation-name: flash;
125 animation-name: flash;
126 }
127
128 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
129
130 @-webkit-keyframes pulse {
131 from {
132 -webkit-transform: scale3d(1, 1, 1);
133 transform: scale3d(1, 1, 1);
134 }
135
136 50% {
137 -webkit-transform: scale3d(1.05, 1.05, 1.05);
138 transform: scale3d(1.05, 1.05, 1.05);
139 }
140
141 to {
142 -webkit-transform: scale3d(1, 1, 1);
143 transform: scale3d(1, 1, 1);
144 }
145 }
146
147 @keyframes pulse {
148 from {
149 -webkit-transform: scale3d(1, 1, 1);
150 transform: scale3d(1, 1, 1);
151 }
152
153 50% {
154 -webkit-transform: scale3d(1.05, 1.05, 1.05);
155 transform: scale3d(1.05, 1.05, 1.05);
156 }
157
158 to {
159 -webkit-transform: scale3d(1, 1, 1);
160 transform: scale3d(1, 1, 1);
161 }
162 }
163
164 .pulse {
165 -webkit-animation-name: pulse;
166 animation-name: pulse;
167 }
168
169 @-webkit-keyframes rubberBand {
170 from {
171 -webkit-transform: scale3d(1, 1, 1);
172 transform: scale3d(1, 1, 1);
173 }
174
175 30% {
176 -webkit-transform: scale3d(1.25, 0.75, 1);
177 transform: scale3d(1.25, 0.75, 1);
178 }
179
180 40% {
181 -webkit-transform: scale3d(0.75, 1.25, 1);
182 transform: scale3d(0.75, 1.25, 1);
183 }
184
185 50% {
186 -webkit-transform: scale3d(1.15, 0.85, 1);
187 transform: scale3d(1.15, 0.85, 1);
188 }
189
190 65% {
191 -webkit-transform: scale3d(.95, 1.05, 1);
192 transform: scale3d(.95, 1.05, 1);
193 }
194
195 75% {
196 -webkit-transform: scale3d(1.05, .95, 1);
197 transform: scale3d(1.05, .95, 1);
198 }
199
200 to {
201 -webkit-transform: scale3d(1, 1, 1);
202 transform: scale3d(1, 1, 1);
203 }
204 }
205
206 @keyframes rubberBand {
207 from {
208 -webkit-transform: scale3d(1, 1, 1);
209 transform: scale3d(1, 1, 1);
210 }
211
212 30% {
213 -webkit-transform: scale3d(1.25, 0.75, 1);
214 transform: scale3d(1.25, 0.75, 1);
215 }
216
217 40% {
218 -webkit-transform: scale3d(0.75, 1.25, 1);
219 transform: scale3d(0.75, 1.25, 1);
220 }
221
222 50% {
223 -webkit-transform: scale3d(1.15, 0.85, 1);
224 transform: scale3d(1.15, 0.85, 1);
225 }
226
227 65% {
228 -webkit-transform: scale3d(.95, 1.05, 1);
229 transform: scale3d(.95, 1.05, 1);
230 }
231
232 75% {
233 -webkit-transform: scale3d(1.05, .95, 1);
234 transform: scale3d(1.05, .95, 1);
235 }
236
237 to {
238 -webkit-transform: scale3d(1, 1, 1);
239 transform: scale3d(1, 1, 1);
240 }
241 }
242
243 .rubberBand {
244 -webkit-animation-name: rubberBand;
245 animation-name: rubberBand;
246 }
247
248 @-webkit-keyframes shake {
249 from, to {
250 -webkit-transform: translate3d(0, 0, 0);
251 transform: translate3d(0, 0, 0);
252 }
253
254 10%, 30%, 50%, 70%, 90% {
255 -webkit-transform: translate3d(-10px, 0, 0);
256 transform: translate3d(-10px, 0, 0);
257 }
258
259 20%, 40%, 60%, 80% {
260 -webkit-transform: translate3d(10px, 0, 0);
261 transform: translate3d(10px, 0, 0);
262 }
263 }
264
265 @keyframes shake {
266 from, to {
267 -webkit-transform: translate3d(0, 0, 0);
268 transform: translate3d(0, 0, 0);
269 }
270
271 10%, 30%, 50%, 70%, 90% {
272 -webkit-transform: translate3d(-10px, 0, 0);
273 transform: translate3d(-10px, 0, 0);
274 }
275
276 20%, 40%, 60%, 80% {
277 -webkit-transform: translate3d(10px, 0, 0);
278 transform: translate3d(10px, 0, 0);
279 }
280 }
281
282 .shake {
283 -webkit-animation-name: shake;
284 animation-name: shake;
285 }
286
287 @-webkit-keyframes swing {
288 20% {
289 -webkit-transform: rotate3d(0, 0, 1, 15deg);
290 transform: rotate3d(0, 0, 1, 15deg);
291 }
292
293 40% {
294 -webkit-transform: rotate3d(0, 0, 1, -10deg);
295 transform: rotate3d(0, 0, 1, -10deg);
296 }
297
298 60% {
299 -webkit-transform: rotate3d(0, 0, 1, 5deg);
300 transform: rotate3d(0, 0, 1, 5deg);
301 }
302
303 80% {
304 -webkit-transform: rotate3d(0, 0, 1, -5deg);
305 transform: rotate3d(0, 0, 1, -5deg);
306 }
307
308 to {
309 -webkit-transform: rotate3d(0, 0, 1, 0deg);
310 transform: rotate3d(0, 0, 1, 0deg);
311 }
312 }
313
314 @keyframes swing {
315 20% {
316 -webkit-transform: rotate3d(0, 0, 1, 15deg);
317 transform: rotate3d(0, 0, 1, 15deg);
318 }
319
320 40% {
321 -webkit-transform: rotate3d(0, 0, 1, -10deg);
322 transform: rotate3d(0, 0, 1, -10deg);
323 }
324
325 60% {
326 -webkit-transform: rotate3d(0, 0, 1, 5deg);
327 transform: rotate3d(0, 0, 1, 5deg);
328 }
329
330 80% {
331 -webkit-transform: rotate3d(0, 0, 1, -5deg);
332 transform: rotate3d(0, 0, 1, -5deg);
333 }
334
335 to {
336 -webkit-transform: rotate3d(0, 0, 1, 0deg);
337 transform: rotate3d(0, 0, 1, 0deg);
338 }
339 }
340
341 .swing {
342 -webkit-transform-origin: top center;
343 transform-origin: top center;
344 -webkit-animation-name: swing;
345 animation-name: swing;
346 }
347
348 @-webkit-keyframes tada {
349 from {
350 -webkit-transform: scale3d(1, 1, 1);
351 transform: scale3d(1, 1, 1);
352 }
353
354 10%, 20% {
355 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
356 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
357 }
358
359 30%, 50%, 70%, 90% {
360 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
361 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
362 }
363
364 40%, 60%, 80% {
365 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
366 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
367 }
368
369 to {
370 -webkit-transform: scale3d(1, 1, 1);
371 transform: scale3d(1, 1, 1);
372 }
373 }
374
375 @keyframes tada {
376 from {
377 -webkit-transform: scale3d(1, 1, 1);
378 transform: scale3d(1, 1, 1);
379 }
380
381 10%, 20% {
382 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
383 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
384 }
385
386 30%, 50%, 70%, 90% {
387 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
388 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
389 }
390
391 40%, 60%, 80% {
392 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
393 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
394 }
395
396 to {
397 -webkit-transform: scale3d(1, 1, 1);
398 transform: scale3d(1, 1, 1);
399 }
400 }
401
402 .tada {
403 -webkit-animation-name: tada;
404 animation-name: tada;
405 }
406
407 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
408
409 @-webkit-keyframes wobble {
410 from {
411 -webkit-transform: none;
412 transform: none;
413 }
414
415 15% {
416 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
417 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
418 }
419
420 30% {
421 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
422 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
423 }
424
425 45% {
426 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
427 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
428 }
429
430 60% {
431 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
432 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
433 }
434
435 75% {
436 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
437 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
438 }
439
440 to {
441 -webkit-transform: none;
442 transform: none;
443 }
444 }
445
446 @keyframes wobble {
447 from {
448 -webkit-transform: none;
449 transform: none;
450 }
451
452 15% {
453 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
454 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
455 }
456
457 30% {
458 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
459 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
460 }
461
462 45% {
463 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
464 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
465 }
466
467 60% {
468 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
469 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
470 }
471
472 75% {
473 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
474 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
475 }
476
477 to {
478 -webkit-transform: none;
479 transform: none;
480 }
481 }
482
483 .wobble {
484 -webkit-animation-name: wobble;
485 animation-name: wobble;
486 }
487
488 @-webkit-keyframes jello {
489 from, 11.1%, to {
490 -webkit-transform: none;
491 transform: none;
492 }
493
494 22.2% {
495 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
496 transform: skewX(-12.5deg) skewY(-12.5deg);
497 }
498
499 33.3% {
500 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
501 transform: skewX(6.25deg) skewY(6.25deg);
502 }
503
504 44.4% {
505 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
506 transform: skewX(-3.125deg) skewY(-3.125deg);
507 }
508
509 55.5% {
510 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
511 transform: skewX(1.5625deg) skewY(1.5625deg);
512 }
513
514 66.6% {
515 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
516 transform: skewX(-0.78125deg) skewY(-0.78125deg);
517 }
518
519 77.7% {
520 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
521 transform: skewX(0.390625deg) skewY(0.390625deg);
522 }
523
524 88.8% {
525 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
526 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
527 }
528 }
529
530 @keyframes jello {
531 from, 11.1%, to {
532 -webkit-transform: none;
533 transform: none;
534 }
535
536 22.2% {
537 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
538 transform: skewX(-12.5deg) skewY(-12.5deg);
539 }
540
541 33.3% {
542 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
543 transform: skewX(6.25deg) skewY(6.25deg);
544 }
545
546 44.4% {
547 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
548 transform: skewX(-3.125deg) skewY(-3.125deg);
549 }
550
551 55.5% {
552 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
553 transform: skewX(1.5625deg) skewY(1.5625deg);
554 }
555
556 66.6% {
557 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
558 transform: skewX(-0.78125deg) skewY(-0.78125deg);
559 }
560
561 77.7% {
562 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
563 transform: skewX(0.390625deg) skewY(0.390625deg);
564 }
565
566 88.8% {
567 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
568 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
569 }
570 }
571
572 .jello {
573 -webkit-animation-name: jello;
574 animation-name: jello;
575 -webkit-transform-origin: center;
576 transform-origin: center;
577 }
578
579 @-webkit-keyframes bounceIn {
580 from, 20%, 40%, 60%, 80%, to {
581 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
582 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
583 }
584
585 0% {
586 opacity: 0;
587 -webkit-transform: scale3d(.3, .3, .3);
588 transform: scale3d(.3, .3, .3);
589 }
590
591 20% {
592 -webkit-transform: scale3d(1.1, 1.1, 1.1);
593 transform: scale3d(1.1, 1.1, 1.1);
594 }
595
596 40% {
597 -webkit-transform: scale3d(.9, .9, .9);
598 transform: scale3d(.9, .9, .9);
599 }
600
601 60% {
602 opacity: 1;
603 -webkit-transform: scale3d(1.03, 1.03, 1.03);
604 transform: scale3d(1.03, 1.03, 1.03);
605 }
606
607 80% {
608 -webkit-transform: scale3d(.97, .97, .97);
609 transform: scale3d(.97, .97, .97);
610 }
611
612 to {
613 opacity: 1;
614 -webkit-transform: scale3d(1, 1, 1);
615 transform: scale3d(1, 1, 1);
616 }
617 }
618
619 @keyframes bounceIn {
620 from, 20%, 40%, 60%, 80%, to {
621 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
622 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
623 }
624
625 0% {
626 opacity: 0;
627 -webkit-transform: scale3d(.3, .3, .3);
628 transform: scale3d(.3, .3, .3);
629 }
630
631 20% {
632 -webkit-transform: scale3d(1.1, 1.1, 1.1);
633 transform: scale3d(1.1, 1.1, 1.1);
634 }
635
636 40% {
637 -webkit-transform: scale3d(.9, .9, .9);
638 transform: scale3d(.9, .9, .9);
639 }
640
641 60% {
642 opacity: 1;
643 -webkit-transform: scale3d(1.03, 1.03, 1.03);
644 transform: scale3d(1.03, 1.03, 1.03);
645 }
646
647 80% {
648 -webkit-transform: scale3d(.97, .97, .97);
649 transform: scale3d(.97, .97, .97);
650 }
651
652 to {
653 opacity: 1;
654 -webkit-transform: scale3d(1, 1, 1);
655 transform: scale3d(1, 1, 1);
656 }
657 }
658
659 .bounceIn {
660 -webkit-animation-name: bounceIn;
661 animation-name: bounceIn;
662 }
663
664 @-webkit-keyframes bounceInDown {
665 from, 60%, 75%, 90%, to {
666 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
667 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
668 }
669
670 0% {
671 opacity: 0;
672 -webkit-transform: translate3d(0, -3000px, 0);
673 transform: translate3d(0, -3000px, 0);
674 }
675
676 60% {
677 opacity: 1;
678 -webkit-transform: translate3d(0, 25px, 0);
679 transform: translate3d(0, 25px, 0);
680 }
681
682 75% {
683 -webkit-transform: translate3d(0, -10px, 0);
684 transform: translate3d(0, -10px, 0);
685 }
686
687 90% {
688 -webkit-transform: translate3d(0, 5px, 0);
689 transform: translate3d(0, 5px, 0);
690 }
691
692 to {
693 -webkit-transform: none;
694 transform: none;
695 }
696 }
697
698 @keyframes bounceInDown {
699 from, 60%, 75%, 90%, to {
700 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
701 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
702 }
703
704 0% {
705 opacity: 0;
706 -webkit-transform: translate3d(0, -3000px, 0);
707 transform: translate3d(0, -3000px, 0);
708 }
709
710 60% {
711 opacity: 1;
712 -webkit-transform: translate3d(0, 25px, 0);
713 transform: translate3d(0, 25px, 0);
714 }
715
716 75% {
717 -webkit-transform: translate3d(0, -10px, 0);
718 transform: translate3d(0, -10px, 0);
719 }
720
721 90% {
722 -webkit-transform: translate3d(0, 5px, 0);
723 transform: translate3d(0, 5px, 0);
724 }
725
726 to {
727 -webkit-transform: none;
728 transform: none;
729 }
730 }
731
732 .bounceInDown {
733 -webkit-animation-name: bounceInDown;
734 animation-name: bounceInDown;
735 }
736
737 @-webkit-keyframes bounceInLeft {
738 from, 60%, 75%, 90%, to {
739 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
740 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
741 }
742
743 0% {
744 opacity: 0;
745 -webkit-transform: translate3d(-3000px, 0, 0);
746 transform: translate3d(-3000px, 0, 0);
747 }
748
749 60% {
750 opacity: 1;
751 -webkit-transform: translate3d(25px, 0, 0);
752 transform: translate3d(25px, 0, 0);
753 }
754
755 75% {
756 -webkit-transform: translate3d(-10px, 0, 0);
757 transform: translate3d(-10px, 0, 0);
758 }
759
760 90% {
761 -webkit-transform: translate3d(5px, 0, 0);
762 transform: translate3d(5px, 0, 0);
763 }
764
765 to {
766 -webkit-transform: none;
767 transform: none;
768 }
769 }
770
771 @keyframes bounceInLeft {
772 from, 60%, 75%, 90%, to {
773 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
774 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
775 }
776
777 0% {
778 opacity: 0;
779 -webkit-transform: translate3d(-3000px, 0, 0);
780 transform: translate3d(-3000px, 0, 0);
781 }
782
783 60% {
784 opacity: 1;
785 -webkit-transform: translate3d(25px, 0, 0);
786 transform: translate3d(25px, 0, 0);
787 }
788
789 75% {
790 -webkit-transform: translate3d(-10px, 0, 0);
791 transform: translate3d(-10px, 0, 0);
792 }
793
794 90% {
795 -webkit-transform: translate3d(5px, 0, 0);
796 transform: translate3d(5px, 0, 0);
797 }
798
799 to {
800 -webkit-transform: none;
801 transform: none;
802 }
803 }
804
805 .bounceInLeft {
806 -webkit-animation-name: bounceInLeft;
807 animation-name: bounceInLeft;
808 }
809
810 @-webkit-keyframes bounceInRight {
811 from, 60%, 75%, 90%, to {
812 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
813 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
814 }
815
816 from {
817 opacity: 0;
818 -webkit-transform: translate3d(3000px, 0, 0);
819 transform: translate3d(3000px, 0, 0);
820 }
821
822 60% {
823 opacity: 1;
824 -webkit-transform: translate3d(-25px, 0, 0);
825 transform: translate3d(-25px, 0, 0);
826 }
827
828 75% {
829 -webkit-transform: translate3d(10px, 0, 0);
830 transform: translate3d(10px, 0, 0);
831 }
832
833 90% {
834 -webkit-transform: translate3d(-5px, 0, 0);
835 transform: translate3d(-5px, 0, 0);
836 }
837
838 to {
839 -webkit-transform: none;
840 transform: none;
841 }
842 }
843
844 @keyframes bounceInRight {
845 from, 60%, 75%, 90%, to {
846 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
847 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
848 }
849
850 from {
851 opacity: 0;
852 -webkit-transform: translate3d(3000px, 0, 0);
853 transform: translate3d(3000px, 0, 0);
854 }
855
856 60% {
857 opacity: 1;
858 -webkit-transform: translate3d(-25px, 0, 0);
859 transform: translate3d(-25px, 0, 0);
860 }
861
862 75% {
863 -webkit-transform: translate3d(10px, 0, 0);
864 transform: translate3d(10px, 0, 0);
865 }
866
867 90% {
868 -webkit-transform: translate3d(-5px, 0, 0);
869 transform: translate3d(-5px, 0, 0);
870 }
871
872 to {
873 -webkit-transform: none;
874 transform: none;
875 }
876 }
877
878 .bounceInRight {
879 -webkit-animation-name: bounceInRight;
880 animation-name: bounceInRight;
881 }
882
883 @-webkit-keyframes bounceInUp {
884 from, 60%, 75%, 90%, to {
885 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
886 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
887 }
888
889 from {
890 opacity: 0;
891 -webkit-transform: translate3d(0, 3000px, 0);
892 transform: translate3d(0, 3000px, 0);
893 }
894
895 60% {
896 opacity: 1;
897 -webkit-transform: translate3d(0, -20px, 0);
898 transform: translate3d(0, -20px, 0);
899 }
900
901 75% {
902 -webkit-transform: translate3d(0, 10px, 0);
903 transform: translate3d(0, 10px, 0);
904 }
905
906 90% {
907 -webkit-transform: translate3d(0, -5px, 0);
908 transform: translate3d(0, -5px, 0);
909 }
910
911 to {
912 -webkit-transform: translate3d(0, 0, 0);
913 transform: translate3d(0, 0, 0);
914 }
915 }
916
917 @keyframes bounceInUp {
918 from, 60%, 75%, 90%, to {
919 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
920 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
921 }
922
923 from {
924 opacity: 0;
925 -webkit-transform: translate3d(0, 3000px, 0);
926 transform: translate3d(0, 3000px, 0);
927 }
928
929 60% {
930 opacity: 1;
931 -webkit-transform: translate3d(0, -20px, 0);
932 transform: translate3d(0, -20px, 0);
933 }
934
935 75% {
936 -webkit-transform: translate3d(0, 10px, 0);
937 transform: translate3d(0, 10px, 0);
938 }
939
940 90% {
941 -webkit-transform: translate3d(0, -5px, 0);
942 transform: translate3d(0, -5px, 0);
943 }
944
945 to {
946 -webkit-transform: translate3d(0, 0, 0);
947 transform: translate3d(0, 0, 0);
948 }
949 }
950
951 .bounceInUp {
952 -webkit-animation-name: bounceInUp;
953 animation-name: bounceInUp;
954 }
955
956 @-webkit-keyframes bounceOut {
957 20% {
958 -webkit-transform: scale3d(.9, .9, .9);
959 transform: scale3d(.9, .9, .9);
960 }
961
962 50%, 55% {
963 opacity: 1;
964 -webkit-transform: scale3d(1.1, 1.1, 1.1);
965 transform: scale3d(1.1, 1.1, 1.1);
966 }
967
968 to {
969 opacity: 0;
970 -webkit-transform: scale3d(.3, .3, .3);
971 transform: scale3d(.3, .3, .3);
972 }
973 }
974
975 @keyframes bounceOut {
976 20% {
977 -webkit-transform: scale3d(.9, .9, .9);
978 transform: scale3d(.9, .9, .9);
979 }
980
981 50%, 55% {
982 opacity: 1;
983 -webkit-transform: scale3d(1.1, 1.1, 1.1);
984 transform: scale3d(1.1, 1.1, 1.1);
985 }
986
987 to {
988 opacity: 0;
989 -webkit-transform: scale3d(.3, .3, .3);
990 transform: scale3d(.3, .3, .3);
991 }
992 }
993
994 .bounceOut {
995 -webkit-animation-name: bounceOut;
996 animation-name: bounceOut;
997 }
998
999 @-webkit-keyframes bounceOutDown {
1000 20% {
1001 -webkit-transform: translate3d(0, 10px, 0);
1002 transform: translate3d(0, 10px, 0);
1003 }
1004
1005 40%, 45% {
1006 opacity: 1;
1007 -webkit-transform: translate3d(0, -20px, 0);
1008 transform: translate3d(0, -20px, 0);
1009 }
1010
1011 to {
1012 opacity: 0;
1013 -webkit-transform: translate3d(0, 2000px, 0);
1014 transform: translate3d(0, 2000px, 0);
1015 }
1016 }
1017
1018 @keyframes bounceOutDown {
1019 20% {
1020 -webkit-transform: translate3d(0, 10px, 0);
1021 transform: translate3d(0, 10px, 0);
1022 }
1023
1024 40%, 45% {
1025 opacity: 1;
1026 -webkit-transform: translate3d(0, -20px, 0);
1027 transform: translate3d(0, -20px, 0);
1028 }
1029
1030 to {
1031 opacity: 0;
1032 -webkit-transform: translate3d(0, 2000px, 0);
1033 transform: translate3d(0, 2000px, 0);
1034 }
1035 }
1036
1037 .bounceOutDown {
1038 -webkit-animation-name: bounceOutDown;
1039 animation-name: bounceOutDown;
1040 }
1041
1042 @-webkit-keyframes bounceOutLeft {
1043 20% {
1044 opacity: 1;
1045 -webkit-transform: translate3d(20px, 0, 0);
1046 transform: translate3d(20px, 0, 0);
1047 }
1048
1049 to {
1050 opacity: 0;
1051 -webkit-transform: translate3d(-2000px, 0, 0);
1052 transform: translate3d(-2000px, 0, 0);
1053 }
1054 }
1055
1056 @keyframes bounceOutLeft {
1057 20% {
1058 opacity: 1;
1059 -webkit-transform: translate3d(20px, 0, 0);
1060 transform: translate3d(20px, 0, 0);
1061 }
1062
1063 to {
1064 opacity: 0;
1065 -webkit-transform: translate3d(-2000px, 0, 0);
1066 transform: translate3d(-2000px, 0, 0);
1067 }
1068 }
1069
1070 .bounceOutLeft {
1071 -webkit-animation-name: bounceOutLeft;
1072 animation-name: bounceOutLeft;
1073 }
1074
1075 @-webkit-keyframes bounceOutRight {
1076 20% {
1077 opacity: 1;
1078 -webkit-transform: translate3d(-20px, 0, 0);
1079 transform: translate3d(-20px, 0, 0);
1080 }
1081
1082 to {
1083 opacity: 0;
1084 -webkit-transform: translate3d(2000px, 0, 0);
1085 transform: translate3d(2000px, 0, 0);
1086 }
1087 }
1088
1089 @keyframes bounceOutRight {
1090 20% {
1091 opacity: 1;
1092 -webkit-transform: translate3d(-20px, 0, 0);
1093 transform: translate3d(-20px, 0, 0);
1094 }
1095
1096 to {
1097 opacity: 0;
1098 -webkit-transform: translate3d(2000px, 0, 0);
1099 transform: translate3d(2000px, 0, 0);
1100 }
1101 }
1102
1103 .bounceOutRight {
1104 -webkit-animation-name: bounceOutRight;
1105 animation-name: bounceOutRight;
1106 }
1107
1108 @-webkit-keyframes bounceOutUp {
1109 20% {
1110 -webkit-transform: translate3d(0, -10px, 0);
1111 transform: translate3d(0, -10px, 0);
1112 }
1113
1114 40%, 45% {
1115 opacity: 1;
1116 -webkit-transform: translate3d(0, 20px, 0);
1117 transform: translate3d(0, 20px, 0);
1118 }
1119
1120 to {
1121 opacity: 0;
1122 -webkit-transform: translate3d(0, -2000px, 0);
1123 transform: translate3d(0, -2000px, 0);
1124 }
1125 }
1126
1127 @keyframes bounceOutUp {
1128 20% {
1129 -webkit-transform: translate3d(0, -10px, 0);
1130 transform: translate3d(0, -10px, 0);
1131 }
1132
1133 40%, 45% {
1134 opacity: 1;
1135 -webkit-transform: translate3d(0, 20px, 0);
1136 transform: translate3d(0, 20px, 0);
1137 }
1138
1139 to {
1140 opacity: 0;
1141 -webkit-transform: translate3d(0, -2000px, 0);
1142 transform: translate3d(0, -2000px, 0);
1143 }
1144 }
1145
1146 .bounceOutUp {
1147 -webkit-animation-name: bounceOutUp;
1148 animation-name: bounceOutUp;
1149 }
1150
1151 @-webkit-keyframes fadeIn {
1152 from {
1153 opacity: 0;
1154 }
1155
1156 to {
1157 opacity: 1;
1158 }
1159 }
1160
1161 @keyframes fadeIn {
1162 from {
1163 opacity: 0;
1164 }
1165
1166 to {
1167 opacity: 1;
1168 }
1169 }
1170
1171 .fadeIn {
1172 -webkit-animation-name: fadeIn;
1173 animation-name: fadeIn;
1174 }
1175
1176 @-webkit-keyframes fadeInDown {
1177 from {
1178 opacity: 0;
1179 -webkit-transform: translate3d(0, -100%, 0);
1180 transform: translate3d(0, -100%, 0);
1181 }
1182
1183 to {
1184 opacity: 1;
1185 -webkit-transform: none;
1186 transform: none;
1187 }
1188 }
1189
1190 @keyframes fadeInDown {
1191 from {
1192 opacity: 0;
1193 -webkit-transform: translate3d(0, -100%, 0);
1194 transform: translate3d(0, -100%, 0);
1195 }
1196
1197 to {
1198 opacity: 1;
1199 -webkit-transform: none;
1200 transform: none;
1201 }
1202 }
1203
1204 .fadeInDown {
1205 -webkit-animation-name: fadeInDown;
1206 animation-name: fadeInDown;
1207 }
1208
1209 @-webkit-keyframes fadeInDownBig {
1210 from {
1211 opacity: 0;
1212 -webkit-transform: translate3d(0, -2000px, 0);
1213 transform: translate3d(0, -2000px, 0);
1214 }
1215
1216 to {
1217 opacity: 1;
1218 -webkit-transform: none;
1219 transform: none;
1220 }
1221 }
1222
1223 @keyframes fadeInDownBig {
1224 from {
1225 opacity: 0;
1226 -webkit-transform: translate3d(0, -2000px, 0);
1227 transform: translate3d(0, -2000px, 0);
1228 }
1229
1230 to {
1231 opacity: 1;
1232 -webkit-transform: none;
1233 transform: none;
1234 }
1235 }
1236
1237 .fadeInDownBig {
1238 -webkit-animation-name: fadeInDownBig;
1239 animation-name: fadeInDownBig;
1240 }
1241
1242 @-webkit-keyframes fadeInLeft {
1243 from {
1244 opacity: 0;
1245 -webkit-transform: translate3d(-100%, 0, 0);
1246 transform: translate3d(-100%, 0, 0);
1247 }
1248
1249 to {
1250 opacity: 1;
1251 -webkit-transform: none;
1252 transform: none;
1253 }
1254 }
1255
1256 @keyframes fadeInLeft {
1257 from {
1258 opacity: 0;
1259 -webkit-transform: translate3d(-100%, 0, 0);
1260 transform: translate3d(-100%, 0, 0);
1261 }
1262
1263 to {
1264 opacity: 1;
1265 -webkit-transform: none;
1266 transform: none;
1267 }
1268 }
1269
1270 .fadeInLeft {
1271 -webkit-animation-name: fadeInLeft;
1272 animation-name: fadeInLeft;
1273 }
1274
1275 @-webkit-keyframes fadeInLeftBig {
1276 from {
1277 opacity: 0;
1278 -webkit-transform: translate3d(-2000px, 0, 0);
1279 transform: translate3d(-2000px, 0, 0);
1280 }
1281
1282 to {
1283 opacity: 1;
1284 -webkit-transform: none;
1285 transform: none;
1286 }
1287 }
1288
1289 @keyframes fadeInLeftBig {
1290 from {
1291 opacity: 0;
1292 -webkit-transform: translate3d(-2000px, 0, 0);
1293 transform: translate3d(-2000px, 0, 0);
1294 }
1295
1296 to {
1297 opacity: 1;
1298 -webkit-transform: none;
1299 transform: none;
1300 }
1301 }
1302
1303 .fadeInLeftBig {
1304 -webkit-animation-name: fadeInLeftBig;
1305 animation-name: fadeInLeftBig;
1306 }
1307
1308 @-webkit-keyframes fadeInRight {
1309 from {
1310 opacity: 0;
1311 -webkit-transform: translate3d(100%, 0, 0);
1312 transform: translate3d(100%, 0, 0);
1313 }
1314
1315 to {
1316 opacity: 1;
1317 -webkit-transform: none;
1318 transform: none;
1319 }
1320 }
1321
1322 @keyframes fadeInRight {
1323 from {
1324 opacity: 0;
1325 -webkit-transform: translate3d(100%, 0, 0);
1326 transform: translate3d(100%, 0, 0);
1327 }
1328
1329 to {
1330 opacity: 1;
1331 -webkit-transform: none;
1332 transform: none;
1333 }
1334 }
1335
1336 .fadeInRight {
1337 -webkit-animation-name: fadeInRight;
1338 animation-name: fadeInRight;
1339 }
1340
1341 @-webkit-keyframes fadeInRightBig {
1342 from {
1343 opacity: 0;
1344 -webkit-transform: translate3d(2000px, 0, 0);
1345 transform: translate3d(2000px, 0, 0);
1346 }
1347
1348 to {
1349 opacity: 1;
1350 -webkit-transform: none;
1351 transform: none;
1352 }
1353 }
1354
1355 @keyframes fadeInRightBig {
1356 from {
1357 opacity: 0;
1358 -webkit-transform: translate3d(2000px, 0, 0);
1359 transform: translate3d(2000px, 0, 0);
1360 }
1361
1362 to {
1363 opacity: 1;
1364 -webkit-transform: none;
1365 transform: none;
1366 }
1367 }
1368
1369 .fadeInRightBig {
1370 -webkit-animation-name: fadeInRightBig;
1371 animation-name: fadeInRightBig;
1372 }
1373
1374 @-webkit-keyframes fadeInUp {
1375 from {
1376 opacity: 0;
1377 -webkit-transform: translate3d(0, 100%, 0);
1378 transform: translate3d(0, 100%, 0);
1379 }
1380
1381 to {
1382 opacity: 1;
1383 -webkit-transform: none;
1384 transform: none;
1385 }
1386 }
1387
1388 @keyframes fadeInUp {
1389 from {
1390 opacity: 0;
1391 -webkit-transform: translate3d(0, 100%, 0);
1392 transform: translate3d(0, 100%, 0);
1393 }
1394
1395 to {
1396 opacity: 1;
1397 -webkit-transform: none;
1398 transform: none;
1399 }
1400 }
1401
1402 .fadeInUp {
1403 -webkit-animation-name: fadeInUp;
1404 animation-name: fadeInUp;
1405 }
1406
1407 @-webkit-keyframes fadeInUpBig {
1408 from {
1409 opacity: 0;
1410 -webkit-transform: translate3d(0, 2000px, 0);
1411 transform: translate3d(0, 2000px, 0);
1412 }
1413
1414 to {
1415 opacity: 1;
1416 -webkit-transform: none;
1417 transform: none;
1418 }
1419 }
1420
1421 @keyframes fadeInUpBig {
1422 from {
1423 opacity: 0;
1424 -webkit-transform: translate3d(0, 2000px, 0);
1425 transform: translate3d(0, 2000px, 0);
1426 }
1427
1428 to {
1429 opacity: 1;
1430 -webkit-transform: none;
1431 transform: none;
1432 }
1433 }
1434
1435 .fadeInUpBig {
1436 -webkit-animation-name: fadeInUpBig;
1437 animation-name: fadeInUpBig;
1438 }
1439
1440 @-webkit-keyframes fadeOut {
1441 from {
1442 opacity: 1;
1443 }
1444
1445 to {
1446 opacity: 0;
1447 }
1448 }
1449
1450 @keyframes fadeOut {
1451 from {
1452 opacity: 1;
1453 }
1454
1455 to {
1456 opacity: 0;
1457 }
1458 }
1459
1460 .fadeOut {
1461 -webkit-animation-name: fadeOut;
1462 animation-name: fadeOut;
1463 }
1464
1465 @-webkit-keyframes fadeOutDown {
1466 from {
1467 opacity: 1;
1468 }
1469
1470 to {
1471 opacity: 0;
1472 -webkit-transform: translate3d(0, 100%, 0);
1473 transform: translate3d(0, 100%, 0);
1474 }
1475 }
1476
1477 @keyframes fadeOutDown {
1478 from {
1479 opacity: 1;
1480 }
1481
1482 to {
1483 opacity: 0;
1484 -webkit-transform: translate3d(0, 100%, 0);
1485 transform: translate3d(0, 100%, 0);
1486 }
1487 }
1488
1489 .fadeOutDown {
1490 -webkit-animation-name: fadeOutDown;
1491 animation-name: fadeOutDown;
1492 }
1493
1494 @-webkit-keyframes fadeOutDownBig {
1495 from {
1496 opacity: 1;
1497 }
1498
1499 to {
1500 opacity: 0;
1501 -webkit-transform: translate3d(0, 2000px, 0);
1502 transform: translate3d(0, 2000px, 0);
1503 }
1504 }
1505
1506 @keyframes fadeOutDownBig {
1507 from {
1508 opacity: 1;
1509 }
1510
1511 to {
1512 opacity: 0;
1513 -webkit-transform: translate3d(0, 2000px, 0);
1514 transform: translate3d(0, 2000px, 0);
1515 }
1516 }
1517
1518 .fadeOutDownBig {
1519 -webkit-animation-name: fadeOutDownBig;
1520 animation-name: fadeOutDownBig;
1521 }
1522
1523 @-webkit-keyframes fadeOutLeft {
1524 from {
1525 opacity: 1;
1526 }
1527
1528 to {
1529 opacity: 0;
1530 -webkit-transform: translate3d(-100%, 0, 0);
1531 transform: translate3d(-100%, 0, 0);
1532 }
1533 }
1534
1535 @keyframes fadeOutLeft {
1536 from {
1537 opacity: 1;
1538 }
1539
1540 to {
1541 opacity: 0;
1542 -webkit-transform: translate3d(-100%, 0, 0);
1543 transform: translate3d(-100%, 0, 0);
1544 }
1545 }
1546
1547 .fadeOutLeft {
1548 -webkit-animation-name: fadeOutLeft;
1549 animation-name: fadeOutLeft;
1550 }
1551
1552 @-webkit-keyframes fadeOutLeftBig {
1553 from {
1554 opacity: 1;
1555 }
1556
1557 to {
1558 opacity: 0;
1559 -webkit-transform: translate3d(-2000px, 0, 0);
1560 transform: translate3d(-2000px, 0, 0);
1561 }
1562 }
1563
1564 @keyframes fadeOutLeftBig {
1565 from {
1566 opacity: 1;
1567 }
1568
1569 to {
1570 opacity: 0;
1571 -webkit-transform: translate3d(-2000px, 0, 0);
1572 transform: translate3d(-2000px, 0, 0);
1573 }
1574 }
1575
1576 .fadeOutLeftBig {
1577 -webkit-animation-name: fadeOutLeftBig;
1578 animation-name: fadeOutLeftBig;
1579 }
1580
1581 @-webkit-keyframes fadeOutRight {
1582 from {
1583 opacity: 1;
1584 }
1585
1586 to {
1587 opacity: 0;
1588 -webkit-transform: translate3d(100%, 0, 0);
1589 transform: translate3d(100%, 0, 0);
1590 }
1591 }
1592
1593 @keyframes fadeOutRight {
1594 from {
1595 opacity: 1;
1596 }
1597
1598 to {
1599 opacity: 0;
1600 -webkit-transform: translate3d(100%, 0, 0);
1601 transform: translate3d(100%, 0, 0);
1602 }
1603 }
1604
1605 .fadeOutRight {
1606 -webkit-animation-name: fadeOutRight;
1607 animation-name: fadeOutRight;
1608 }
1609
1610 @-webkit-keyframes fadeOutRightBig {
1611 from {
1612 opacity: 1;
1613 }
1614
1615 to {
1616 opacity: 0;
1617 -webkit-transform: translate3d(2000px, 0, 0);
1618 transform: translate3d(2000px, 0, 0);
1619 }
1620 }
1621
1622 @keyframes fadeOutRightBig {
1623 from {
1624 opacity: 1;
1625 }
1626
1627 to {
1628 opacity: 0;
1629 -webkit-transform: translate3d(2000px, 0, 0);
1630 transform: translate3d(2000px, 0, 0);
1631 }
1632 }
1633
1634 .fadeOutRightBig {
1635 -webkit-animation-name: fadeOutRightBig;
1636 animation-name: fadeOutRightBig;
1637 }
1638
1639 @-webkit-keyframes fadeOutUp {
1640 from {
1641 opacity: 1;
1642 }
1643
1644 to {
1645 opacity: 0;
1646 -webkit-transform: translate3d(0, -100%, 0);
1647 transform: translate3d(0, -100%, 0);
1648 }
1649 }
1650
1651 @keyframes fadeOutUp {
1652 from {
1653 opacity: 1;
1654 }
1655
1656 to {
1657 opacity: 0;
1658 -webkit-transform: translate3d(0, -100%, 0);
1659 transform: translate3d(0, -100%, 0);
1660 }
1661 }
1662
1663 .fadeOutUp {
1664 -webkit-animation-name: fadeOutUp;
1665 animation-name: fadeOutUp;
1666 }
1667
1668 @-webkit-keyframes fadeOutUpBig {
1669 from {
1670 opacity: 1;
1671 }
1672
1673 to {
1674 opacity: 0;
1675 -webkit-transform: translate3d(0, -2000px, 0);
1676 transform: translate3d(0, -2000px, 0);
1677 }
1678 }
1679
1680 @keyframes fadeOutUpBig {
1681 from {
1682 opacity: 1;
1683 }
1684
1685 to {
1686 opacity: 0;
1687 -webkit-transform: translate3d(0, -2000px, 0);
1688 transform: translate3d(0, -2000px, 0);
1689 }
1690 }
1691
1692 .fadeOutUpBig {
1693 -webkit-animation-name: fadeOutUpBig;
1694 animation-name: fadeOutUpBig;
1695 }
1696
1697 @-webkit-keyframes flip {
1698 from {
1699 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1700 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1701 -webkit-animation-timing-function: ease-out;
1702 animation-timing-function: ease-out;
1703 }
1704
1705 40% {
1706 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1707 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1708 -webkit-animation-timing-function: ease-out;
1709 animation-timing-function: ease-out;
1710 }
1711
1712 50% {
1713 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1714 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1715 -webkit-animation-timing-function: ease-in;
1716 animation-timing-function: ease-in;
1717 }
1718
1719 80% {
1720 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1721 transform: perspective(400px) scale3d(.95, .95, .95);
1722 -webkit-animation-timing-function: ease-in;
1723 animation-timing-function: ease-in;
1724 }
1725
1726 to {
1727 -webkit-transform: perspective(400px);
1728 transform: perspective(400px);
1729 -webkit-animation-timing-function: ease-in;
1730 animation-timing-function: ease-in;
1731 }
1732 }
1733
1734 @keyframes flip {
1735 from {
1736 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1737 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1738 -webkit-animation-timing-function: ease-out;
1739 animation-timing-function: ease-out;
1740 }
1741
1742 40% {
1743 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1744 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1745 -webkit-animation-timing-function: ease-out;
1746 animation-timing-function: ease-out;
1747 }
1748
1749 50% {
1750 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1751 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1752 -webkit-animation-timing-function: ease-in;
1753 animation-timing-function: ease-in;
1754 }
1755
1756 80% {
1757 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1758 transform: perspective(400px) scale3d(.95, .95, .95);
1759 -webkit-animation-timing-function: ease-in;
1760 animation-timing-function: ease-in;
1761 }
1762
1763 to {
1764 -webkit-transform: perspective(400px);
1765 transform: perspective(400px);
1766 -webkit-animation-timing-function: ease-in;
1767 animation-timing-function: ease-in;
1768 }
1769 }
1770
1771 .animated.flip {
1772 -webkit-backface-visibility: visible;
1773 backface-visibility: visible;
1774 -webkit-animation-name: flip;
1775 animation-name: flip;
1776 }
1777
1778 @-webkit-keyframes flipInX {
1779 from {
1780 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1781 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1782 -webkit-animation-timing-function: ease-in;
1783 animation-timing-function: ease-in;
1784 opacity: 0;
1785 }
1786
1787 40% {
1788 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1789 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1790 -webkit-animation-timing-function: ease-in;
1791 animation-timing-function: ease-in;
1792 }
1793
1794 60% {
1795 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1796 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1797 opacity: 1;
1798 }
1799
1800 80% {
1801 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1802 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1803 }
1804
1805 to {
1806 -webkit-transform: perspective(400px);
1807 transform: perspective(400px);
1808 }
1809 }
1810
1811 @keyframes flipInX {
1812 from {
1813 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1814 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1815 -webkit-animation-timing-function: ease-in;
1816 animation-timing-function: ease-in;
1817 opacity: 0;
1818 }
1819
1820 40% {
1821 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1822 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1823 -webkit-animation-timing-function: ease-in;
1824 animation-timing-function: ease-in;
1825 }
1826
1827 60% {
1828 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1829 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1830 opacity: 1;
1831 }
1832
1833 80% {
1834 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1835 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1836 }
1837
1838 to {
1839 -webkit-transform: perspective(400px);
1840 transform: perspective(400px);
1841 }
1842 }
1843
1844 .flipInX {
1845 -webkit-backface-visibility: visible !important;
1846 backface-visibility: visible !important;
1847 -webkit-animation-name: flipInX;
1848 animation-name: flipInX;
1849 }
1850
1851 @-webkit-keyframes flipInY {
1852 from {
1853 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1854 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1855 -webkit-animation-timing-function: ease-in;
1856 animation-timing-function: ease-in;
1857 opacity: 0;
1858 }
1859
1860 40% {
1861 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1862 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1863 -webkit-animation-timing-function: ease-in;
1864 animation-timing-function: ease-in;
1865 }
1866
1867 60% {
1868 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1869 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1870 opacity: 1;
1871 }
1872
1873 80% {
1874 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1875 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1876 }
1877
1878 to {
1879 -webkit-transform: perspective(400px);
1880 transform: perspective(400px);
1881 }
1882 }
1883
1884 @keyframes flipInY {
1885 from {
1886 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1887 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1888 -webkit-animation-timing-function: ease-in;
1889 animation-timing-function: ease-in;
1890 opacity: 0;
1891 }
1892
1893 40% {
1894 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1895 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1896 -webkit-animation-timing-function: ease-in;
1897 animation-timing-function: ease-in;
1898 }
1899
1900 60% {
1901 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1902 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1903 opacity: 1;
1904 }
1905
1906 80% {
1907 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1908 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1909 }
1910
1911 to {
1912 -webkit-transform: perspective(400px);
1913 transform: perspective(400px);
1914 }
1915 }
1916
1917 .flipInY {
1918 -webkit-backface-visibility: visible !important;
1919 backface-visibility: visible !important;
1920 -webkit-animation-name: flipInY;
1921 animation-name: flipInY;
1922 }
1923
1924 @-webkit-keyframes flipOutX {
1925 from {
1926 -webkit-transform: perspective(400px);
1927 transform: perspective(400px);
1928 }
1929
1930 30% {
1931 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1932 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1933 opacity: 1;
1934 }
1935
1936 to {
1937 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1938 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1939 opacity: 0;
1940 }
1941 }
1942
1943 @keyframes flipOutX {
1944 from {
1945 -webkit-transform: perspective(400px);
1946 transform: perspective(400px);
1947 }
1948
1949 30% {
1950 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1951 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1952 opacity: 1;
1953 }
1954
1955 to {
1956 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1957 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1958 opacity: 0;
1959 }
1960 }
1961
1962 .flipOutX {
1963 -webkit-animation-name: flipOutX;
1964 animation-name: flipOutX;
1965 -webkit-backface-visibility: visible !important;
1966 backface-visibility: visible !important;
1967 }
1968
1969 @-webkit-keyframes flipOutY {
1970 from {
1971 -webkit-transform: perspective(400px);
1972 transform: perspective(400px);
1973 }
1974
1975 30% {
1976 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1977 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1978 opacity: 1;
1979 }
1980
1981 to {
1982 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1983 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1984 opacity: 0;
1985 }
1986 }
1987
1988 @keyframes flipOutY {
1989 from {
1990 -webkit-transform: perspective(400px);
1991 transform: perspective(400px);
1992 }
1993
1994 30% {
1995 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1996 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1997 opacity: 1;
1998 }
1999
2000 to {
2001 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2002 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2003 opacity: 0;
2004 }
2005 }
2006
2007 .flipOutY {
2008 -webkit-backface-visibility: visible !important;
2009 backface-visibility: visible !important;
2010 -webkit-animation-name: flipOutY;
2011 animation-name: flipOutY;
2012 }
2013
2014 @-webkit-keyframes lightSpeedIn {
2015 from {
2016 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2017 transform: translate3d(100%, 0, 0) skewX(-30deg);
2018 opacity: 0;
2019 }
2020
2021 60% {
2022 -webkit-transform: skewX(20deg);
2023 transform: skewX(20deg);
2024 opacity: 1;
2025 }
2026
2027 80% {
2028 -webkit-transform: skewX(-5deg);
2029 transform: skewX(-5deg);
2030 opacity: 1;
2031 }
2032
2033 to {
2034 -webkit-transform: none;
2035 transform: none;
2036 opacity: 1;
2037 }
2038 }
2039
2040 @keyframes lightSpeedIn {
2041 from {
2042 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2043 transform: translate3d(100%, 0, 0) skewX(-30deg);
2044 opacity: 0;
2045 }
2046
2047 60% {
2048 -webkit-transform: skewX(20deg);
2049 transform: skewX(20deg);
2050 opacity: 1;
2051 }
2052
2053 80% {
2054 -webkit-transform: skewX(-5deg);
2055 transform: skewX(-5deg);
2056 opacity: 1;
2057 }
2058
2059 to {
2060 -webkit-transform: none;
2061 transform: none;
2062 opacity: 1;
2063 }
2064 }
2065
2066 .lightSpeedIn {
2067 -webkit-animation-name: lightSpeedIn;
2068 animation-name: lightSpeedIn;
2069 -webkit-animation-timing-function: ease-out;
2070 animation-timing-function: ease-out;
2071 }
2072
2073 @-webkit-keyframes lightSpeedOut {
2074 from {
2075 opacity: 1;
2076 }
2077
2078 to {
2079 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2080 transform: translate3d(100%, 0, 0) skewX(30deg);
2081 opacity: 0;
2082 }
2083 }
2084
2085 @keyframes lightSpeedOut {
2086 from {
2087 opacity: 1;
2088 }
2089
2090 to {
2091 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2092 transform: translate3d(100%, 0, 0) skewX(30deg);
2093 opacity: 0;
2094 }
2095 }
2096
2097 .lightSpeedOut {
2098 -webkit-animation-name: lightSpeedOut;
2099 animation-name: lightSpeedOut;
2100 -webkit-animation-timing-function: ease-in;
2101 animation-timing-function: ease-in;
2102 }
2103
2104 @-webkit-keyframes rotateIn {
2105 from {
2106 -webkit-transform-origin: center;
2107 transform-origin: center;
2108 -webkit-transform: rotate3d(0, 0, 1, -200deg);
2109 transform: rotate3d(0, 0, 1, -200deg);
2110 opacity: 0;
2111 }
2112
2113 to {
2114 -webkit-transform-origin: center;
2115 transform-origin: center;
2116 -webkit-transform: none;
2117 transform: none;
2118 opacity: 1;
2119 }
2120 }
2121
2122 @keyframes rotateIn {
2123 from {
2124 -webkit-transform-origin: center;
2125 transform-origin: center;
2126 -webkit-transform: rotate3d(0, 0, 1, -200deg);
2127 transform: rotate3d(0, 0, 1, -200deg);
2128 opacity: 0;
2129 }
2130
2131 to {
2132 -webkit-transform-origin: center;
2133 transform-origin: center;
2134 -webkit-transform: none;
2135 transform: none;
2136 opacity: 1;
2137 }
2138 }
2139
2140 .rotateIn {
2141 -webkit-animation-name: rotateIn;
2142 animation-name: rotateIn;
2143 }
2144
2145 @-webkit-keyframes rotateInDownLeft {
2146 from {
2147 -webkit-transform-origin: left bottom;
2148 transform-origin: left bottom;
2149 -webkit-transform: rotate3d(0, 0, 1, -45deg);
2150 transform: rotate3d(0, 0, 1, -45deg);
2151 opacity: 0;
2152 }
2153
2154 to {
2155 -webkit-transform-origin: left bottom;
2156 transform-origin: left bottom;
2157 -webkit-transform: none;
2158 transform: none;
2159 opacity: 1;
2160 }
2161 }
2162
2163 @keyframes rotateInDownLeft {
2164 from {
2165 -webkit-transform-origin: left bottom;
2166 transform-origin: left bottom;
2167 -webkit-transform: rotate3d(0, 0, 1, -45deg);
2168 transform: rotate3d(0, 0, 1, -45deg);
2169 opacity: 0;
2170 }
2171
2172 to {
2173 -webkit-transform-origin: left bottom;
2174 transform-origin: left bottom;
2175 -webkit-transform: none;
2176 transform: none;
2177 opacity: 1;
2178 }
2179 }
2180
2181 .rotateInDownLeft {
2182 -webkit-animation-name: rotateInDownLeft;
2183 animation-name: rotateInDownLeft;
2184 }
2185
2186 @-webkit-keyframes rotateInDownRight {
2187 from {
2188 -webkit-transform-origin: right bottom;
2189 transform-origin: right bottom;
2190 -webkit-transform: rotate3d(0, 0, 1, 45deg);
2191 transform: rotate3d(0, 0, 1, 45deg);
2192 opacity: 0;
2193 }
2194
2195 to {
2196 -webkit-transform-origin: right bottom;
2197 transform-origin: right bottom;
2198 -webkit-transform: none;
2199 transform: none;
2200 opacity: 1;
2201 }
2202 }
2203
2204 @keyframes rotateInDownRight {
2205 from {
2206 -webkit-transform-origin: right bottom;
2207 transform-origin: right bottom;
2208 -webkit-transform: rotate3d(0, 0, 1, 45deg);
2209 transform: rotate3d(0, 0, 1, 45deg);
2210 opacity: 0;
2211 }
2212
2213 to {
2214 -webkit-transform-origin: right bottom;
2215 transform-origin: right bottom;
2216 -webkit-transform: none;
2217 transform: none;
2218 opacity: 1;
2219 }
2220 }
2221
2222 .rotateInDownRight {
2223 -webkit-animation-name: rotateInDownRight;
2224 animation-name: rotateInDownRight;
2225 }
2226
2227 @-webkit-keyframes rotateInUpLeft {
2228 from {
2229 -webkit-transform-origin: left bottom;
2230 transform-origin: left bottom;
2231 -webkit-transform: rotate3d(0, 0, 1, 45deg);
2232 transform: rotate3d(0, 0, 1, 45deg);
2233 opacity: 0;
2234 }
2235
2236 to {
2237 -webkit-transform-origin: left bottom;
2238 transform-origin: left bottom;
2239 -webkit-transform: none;
2240 transform: none;
2241 opacity: 1;
2242 }
2243 }
2244
2245 @keyframes rotateInUpLeft {
2246 from {
2247 -webkit-transform-origin: left bottom;
2248 transform-origin: left bottom;
2249 -webkit-transform: rotate3d(0, 0, 1, 45deg);
2250 transform: rotate3d(0, 0, 1, 45deg);
2251 opacity: 0;
2252 }
2253
2254 to {
2255 -webkit-transform-origin: left bottom;
2256 transform-origin: left bottom;
2257 -webkit-transform: none;
2258 transform: none;
2259 opacity: 1;
2260 }
2261 }
2262
2263 .rotateInUpLeft {
2264 -webkit-animation-name: rotateInUpLeft;
2265 animation-name: rotateInUpLeft;
2266 }
2267
2268 @-webkit-keyframes rotateInUpRight {
2269 from {
2270 -webkit-transform-origin: right bottom;
2271 transform-origin: right bottom;
2272 -webkit-transform: rotate3d(0, 0, 1, -90deg);
2273 transform: rotate3d(0, 0, 1, -90deg);
2274 opacity: 0;
2275 }
2276
2277 to {
2278 -webkit-transform-origin: right bottom;
2279 transform-origin: right bottom;
2280 -webkit-transform: none;
2281 transform: none;
2282 opacity: 1;
2283 }
2284 }
2285
2286 @keyframes rotateInUpRight {
2287 from {
2288 -webkit-transform-origin: right bottom;
2289 transform-origin: right bottom;
2290 -webkit-transform: rotate3d(0, 0, 1, -90deg);
2291 transform: rotate3d(0, 0, 1, -90deg);
2292 opacity: 0;
2293 }
2294
2295 to {
2296 -webkit-transform-origin: right bottom;
2297 transform-origin: right bottom;
2298 -webkit-transform: none;
2299 transform: none;
2300 opacity: 1;
2301 }
2302 }
2303
2304 .rotateInUpRight {
2305 -webkit-animation-name: rotateInUpRight;
2306 animation-name: rotateInUpRight;
2307 }
2308
2309 @-webkit-keyframes rotateOut {
2310 from {
2311 -webkit-transform-origin: center;
2312 transform-origin: center;
2313 opacity: 1;
2314 }
2315
2316 to {
2317 -webkit-transform-origin: center;
2318 transform-origin: center;
2319 -webkit-transform: rotate3d(0, 0, 1, 200deg);
2320 transform: rotate3d(0, 0, 1, 200deg);
2321 opacity: 0;
2322 }
2323 }
2324
2325 @keyframes rotateOut {
2326 from {
2327 -webkit-transform-origin: center;
2328 transform-origin: center;
2329 opacity: 1;
2330 }
2331
2332 to {
2333 -webkit-transform-origin: center;
2334 transform-origin: center;
2335 -webkit-transform: rotate3d(0, 0, 1, 200deg);
2336 transform: rotate3d(0, 0, 1, 200deg);
2337 opacity: 0;
2338 }
2339 }
2340
2341 .rotateOut {
2342 -webkit-animation-name: rotateOut;
2343 animation-name: rotateOut;
2344 }
2345
2346 @-webkit-keyframes rotateOutDownLeft {
2347 from {
2348 -webkit-transform-origin: left bottom;
2349 transform-origin: left bottom;
2350 opacity: 1;
2351 }
2352
2353 to {
2354 -webkit-transform-origin: left bottom;
2355 transform-origin: left bottom;
2356 -webkit-transform: rotate3d(0, 0, 1, 45deg);
2357 transform: rotate3d(0, 0, 1, 45deg);
2358 opacity: 0;
2359 }
2360 }
2361
2362 @keyframes rotateOutDownLeft {
2363 from {
2364 -webkit-transform-origin: left bottom;
2365 transform-origin: left bottom;
2366 opacity: 1;
2367 }
2368
2369 to {
2370 -webkit-transform-origin: left bottom;
2371 transform-origin: left bottom;
2372 -webkit-transform: rotate3d(0, 0, 1, 45deg);
2373 transform: rotate3d(0, 0, 1, 45deg);
2374 opacity: 0;
2375 }
2376 }
2377
2378 .rotateOutDownLeft {
2379 -webkit-animation-name: rotateOutDownLeft;
2380 animation-name: rotateOutDownLeft;
2381 }
2382
2383 @-webkit-keyframes rotateOutDownRight {
2384 from {
2385 -webkit-transform-origin: right bottom;
2386 transform-origin: right bottom;
2387 opacity: 1;
2388 }
2389
2390 to {
2391 -webkit-transform-origin: right bottom;
2392 transform-origin: right bottom;
2393 -webkit-transform: rotate3d(0, 0, 1, -45deg);
2394 transform: rotate3d(0, 0, 1, -45deg);
2395 opacity: 0;
2396 }
2397 }
2398
2399 @keyframes rotateOutDownRight {
2400 from {
2401 -webkit-transform-origin: right bottom;
2402 transform-origin: right bottom;
2403 opacity: 1;
2404 }
2405
2406 to {
2407 -webkit-transform-origin: right bottom;
2408 transform-origin: right bottom;
2409 -webkit-transform: rotate3d(0, 0, 1, -45deg);
2410 transform: rotate3d(0, 0, 1, -45deg);
2411 opacity: 0;
2412 }
2413 }
2414
2415 .rotateOutDownRight {
2416 -webkit-animation-name: rotateOutDownRight;
2417 animation-name: rotateOutDownRight;
2418 }
2419
2420 @-webkit-keyframes rotateOutUpLeft {
2421 from {
2422 -webkit-transform-origin: left bottom;
2423 transform-origin: left bottom;
2424 opacity: 1;
2425 }
2426
2427 to {
2428 -webkit-transform-origin: left bottom;
2429 transform-origin: left bottom;
2430 -webkit-transform: rotate3d(0, 0, 1, -45deg);
2431 transform: rotate3d(0, 0, 1, -45deg);
2432 opacity: 0;
2433 }
2434 }
2435
2436 @keyframes rotateOutUpLeft {
2437 from {
2438 -webkit-transform-origin: left bottom;
2439 transform-origin: left bottom;
2440 opacity: 1;
2441 }
2442
2443 to {
2444 -webkit-transform-origin: left bottom;
2445 transform-origin: left bottom;
2446 -webkit-transform: rotate3d(0, 0, 1, -45deg);
2447 transform: rotate3d(0, 0, 1, -45deg);
2448 opacity: 0;
2449 }
2450 }
2451
2452 .rotateOutUpLeft {
2453 -webkit-animation-name: rotateOutUpLeft;
2454 animation-name: rotateOutUpLeft;
2455 }
2456
2457 @-webkit-keyframes rotateOutUpRight {
2458 from {
2459 -webkit-transform-origin: right bottom;
2460 transform-origin: right bottom;
2461 opacity: 1;
2462 }
2463
2464 to {
2465 -webkit-transform-origin: right bottom;
2466 transform-origin: right bottom;
2467 -webkit-transform: rotate3d(0, 0, 1, 90deg);
2468 transform: rotate3d(0, 0, 1, 90deg);
2469 opacity: 0;
2470 }
2471 }
2472
2473 @keyframes rotateOutUpRight {
2474 from {
2475 -webkit-transform-origin: right bottom;
2476 transform-origin: right bottom;
2477 opacity: 1;
2478 }
2479
2480 to {
2481 -webkit-transform-origin: right bottom;
2482 transform-origin: right bottom;
2483 -webkit-transform: rotate3d(0, 0, 1, 90deg);
2484 transform: rotate3d(0, 0, 1, 90deg);
2485 opacity: 0;
2486 }
2487 }
2488
2489 .rotateOutUpRight {
2490 -webkit-animation-name: rotateOutUpRight;
2491 animation-name: rotateOutUpRight;
2492 }
2493
2494 @-webkit-keyframes hinge {
2495 0% {
2496 -webkit-transform-origin: top left;
2497 transform-origin: top left;
2498 -webkit-animation-timing-function: ease-in-out;
2499 animation-timing-function: ease-in-out;
2500 }
2501
2502 20%, 60% {
2503 -webkit-transform: rotate3d(0, 0, 1, 80deg);
2504 transform: rotate3d(0, 0, 1, 80deg);
2505 -webkit-transform-origin: top left;
2506 transform-origin: top left;
2507 -webkit-animation-timing-function: ease-in-out;
2508 animation-timing-function: ease-in-out;
2509 }
2510
2511 40%, 80% {
2512 -webkit-transform: rotate3d(0, 0, 1, 60deg);
2513 transform: rotate3d(0, 0, 1, 60deg);
2514 -webkit-transform-origin: top left;
2515 transform-origin: top left;
2516 -webkit-animation-timing-function: ease-in-out;
2517 animation-timing-function: ease-in-out;
2518 opacity: 1;
2519 }
2520
2521 to {
2522 -webkit-transform: translate3d(0, 700px, 0);
2523 transform: translate3d(0, 700px, 0);
2524 opacity: 0;
2525 }
2526 }
2527
2528 @keyframes hinge {
2529 0% {
2530 -webkit-transform-origin: top left;
2531 transform-origin: top left;
2532 -webkit-animation-timing-function: ease-in-out;
2533 animation-timing-function: ease-in-out;
2534 }
2535
2536 20%, 60% {
2537 -webkit-transform: rotate3d(0, 0, 1, 80deg);
2538 transform: rotate3d(0, 0, 1, 80deg);
2539 -webkit-transform-origin: top left;
2540 transform-origin: top left;
2541 -webkit-animation-timing-function: ease-in-out;
2542 animation-timing-function: ease-in-out;
2543 }
2544
2545 40%, 80% {
2546 -webkit-transform: rotate3d(0, 0, 1, 60deg);
2547 transform: rotate3d(0, 0, 1, 60deg);
2548 -webkit-transform-origin: top left;
2549 transform-origin: top left;
2550 -webkit-animation-timing-function: ease-in-out;
2551 animation-timing-function: ease-in-out;
2552 opacity: 1;
2553 }
2554
2555 to {
2556 -webkit-transform: translate3d(0, 700px, 0);
2557 transform: translate3d(0, 700px, 0);
2558 opacity: 0;
2559 }
2560 }
2561
2562 .hinge {
2563 -webkit-animation-name: hinge;
2564 animation-name: hinge;
2565 }
2566
2567 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2568
2569 @-webkit-keyframes rollIn {
2570 from {
2571 opacity: 0;
2572 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2573 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2574 }
2575
2576 to {
2577 opacity: 1;
2578 -webkit-transform: none;
2579 transform: none;
2580 }
2581 }
2582
2583 @keyframes rollIn {
2584 from {
2585 opacity: 0;
2586 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2587 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2588 }
2589
2590 to {
2591 opacity: 1;
2592 -webkit-transform: none;
2593 transform: none;
2594 }
2595 }
2596
2597 .rollIn {
2598 -webkit-animation-name: rollIn;
2599 animation-name: rollIn;
2600 }
2601
2602 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2603
2604 @-webkit-keyframes rollOut {
2605 from {
2606 opacity: 1;
2607 }
2608
2609 to {
2610 opacity: 0;
2611 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2612 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2613 }
2614 }
2615
2616 @keyframes rollOut {
2617 from {
2618 opacity: 1;
2619 }
2620
2621 to {
2622 opacity: 0;
2623 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2624 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2625 }
2626 }
2627
2628 .rollOut {
2629 -webkit-animation-name: rollOut;
2630 animation-name: rollOut;
2631 }
2632
2633 @-webkit-keyframes zoomIn {
2634 from {
2635 opacity: 0;
2636 -webkit-transform: scale3d(.3, .3, .3);
2637 transform: scale3d(.3, .3, .3);
2638 }
2639
2640 50% {
2641 opacity: 1;
2642 }
2643 }
2644
2645 @keyframes zoomIn {
2646 from {
2647 opacity: 0;
2648 -webkit-transform: scale3d(.3, .3, .3);
2649 transform: scale3d(.3, .3, .3);
2650 }
2651
2652 50% {
2653 opacity: 1;
2654 }
2655 }
2656
2657 .zoomIn {
2658 -webkit-animation-name: zoomIn;
2659 animation-name: zoomIn;
2660 }
2661
2662 @-webkit-keyframes zoomInDown {
2663 from {
2664 opacity: 0;
2665 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2666 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2667 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2668 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2669 }
2670
2671 60% {
2672 opacity: 1;
2673 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2674 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2675 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2676 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2677 }
2678 }
2679
2680 @keyframes zoomInDown {
2681 from {
2682 opacity: 0;
2683 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2684 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2685 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2686 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2687 }
2688
2689 60% {
2690 opacity: 1;
2691 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2692 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2693 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2694 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2695 }
2696 }
2697
2698 .zoomInDown {
2699 -webkit-animation-name: zoomInDown;
2700 animation-name: zoomInDown;
2701 }
2702
2703 @-webkit-keyframes zoomInLeft {
2704 from {
2705 opacity: 0;
2706 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2707 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2708 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2709 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2710 }
2711
2712 60% {
2713 opacity: 1;
2714 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2715 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2716 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2717 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2718 }
2719 }
2720
2721 @keyframes zoomInLeft {
2722 from {
2723 opacity: 0;
2724 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2725 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2726 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2727 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2728 }
2729
2730 60% {
2731 opacity: 1;
2732 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2733 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2734 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2735 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2736 }
2737 }
2738
2739 .zoomInLeft {
2740 -webkit-animation-name: zoomInLeft;
2741 animation-name: zoomInLeft;
2742 }
2743
2744 @-webkit-keyframes zoomInRight {
2745 from {
2746 opacity: 0;
2747 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2748 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2749 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2750 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2751 }
2752
2753 60% {
2754 opacity: 1;
2755 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2756 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2757 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2758 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2759 }
2760 }
2761
2762 @keyframes zoomInRight {
2763 from {
2764 opacity: 0;
2765 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2766 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2767 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2768 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2769 }
2770
2771 60% {
2772 opacity: 1;
2773 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2774 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2775 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2776 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2777 }
2778 }
2779
2780 .zoomInRight {
2781 -webkit-animation-name: zoomInRight;
2782 animation-name: zoomInRight;
2783 }
2784
2785 @-webkit-keyframes zoomInUp {
2786 from {
2787 opacity: 0;
2788 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2789 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2790 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2791 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2792 }
2793
2794 60% {
2795 opacity: 1;
2796 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2797 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2798 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2799 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2800 }
2801 }
2802
2803 @keyframes zoomInUp {
2804 from {
2805 opacity: 0;
2806 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2807 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2808 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2809 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2810 }
2811
2812 60% {
2813 opacity: 1;
2814 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2815 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2816 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2817 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2818 }
2819 }
2820
2821 .zoomInUp {
2822 -webkit-animation-name: zoomInUp;
2823 animation-name: zoomInUp;
2824 }
2825
2826 @-webkit-keyframes zoomOut {
2827 from {
2828 opacity: 1;
2829 }
2830
2831 50% {
2832 opacity: 0;
2833 -webkit-transform: scale3d(.3, .3, .3);
2834 transform: scale3d(.3, .3, .3);
2835 }
2836
2837 to {
2838 opacity: 0;
2839 }
2840 }
2841
2842 @keyframes zoomOut {
2843 from {
2844 opacity: 1;
2845 }
2846
2847 50% {
2848 opacity: 0;
2849 -webkit-transform: scale3d(.3, .3, .3);
2850 transform: scale3d(.3, .3, .3);
2851 }
2852
2853 to {
2854 opacity: 0;
2855 }
2856 }
2857
2858 .zoomOut {
2859 -webkit-animation-name: zoomOut;
2860 animation-name: zoomOut;
2861 }
2862
2863 @-webkit-keyframes zoomOutDown {
2864 40% {
2865 opacity: 1;
2866 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2867 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2868 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2869 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2870 }
2871
2872 to {
2873 opacity: 0;
2874 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2875 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2876 -webkit-transform-origin: center bottom;
2877 transform-origin: center bottom;
2878 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2879 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2880 }
2881 }
2882
2883 @keyframes zoomOutDown {
2884 40% {
2885 opacity: 1;
2886 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2887 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2888 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2889 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2890 }
2891
2892 to {
2893 opacity: 0;
2894 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2895 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2896 -webkit-transform-origin: center bottom;
2897 transform-origin: center bottom;
2898 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2899 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2900 }
2901 }
2902
2903 .zoomOutDown {
2904 -webkit-animation-name: zoomOutDown;
2905 animation-name: zoomOutDown;
2906 }
2907
2908 @-webkit-keyframes zoomOutLeft {
2909 40% {
2910 opacity: 1;
2911 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2912 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2913 }
2914
2915 to {
2916 opacity: 0;
2917 -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2918 transform: scale(.1) translate3d(-2000px, 0, 0);
2919 -webkit-transform-origin: left center;
2920 transform-origin: left center;
2921 }
2922 }
2923
2924 @keyframes zoomOutLeft {
2925 40% {
2926 opacity: 1;
2927 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2928 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2929 }
2930
2931 to {
2932 opacity: 0;
2933 -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2934 transform: scale(.1) translate3d(-2000px, 0, 0);
2935 -webkit-transform-origin: left center;
2936 transform-origin: left center;
2937 }
2938 }
2939
2940 .zoomOutLeft {
2941 -webkit-animation-name: zoomOutLeft;
2942 animation-name: zoomOutLeft;
2943 }
2944
2945 @-webkit-keyframes zoomOutRight {
2946 40% {
2947 opacity: 1;
2948 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2949 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2950 }
2951
2952 to {
2953 opacity: 0;
2954 -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2955 transform: scale(.1) translate3d(2000px, 0, 0);
2956 -webkit-transform-origin: right center;
2957 transform-origin: right center;
2958 }
2959 }
2960
2961 @keyframes zoomOutRight {
2962 40% {
2963 opacity: 1;
2964 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2965 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2966 }
2967
2968 to {
2969 opacity: 0;
2970 -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2971 transform: scale(.1) translate3d(2000px, 0, 0);
2972 -webkit-transform-origin: right center;
2973 transform-origin: right center;
2974 }
2975 }
2976
2977 .zoomOutRight {
2978 -webkit-animation-name: zoomOutRight;
2979 animation-name: zoomOutRight;
2980 }
2981
2982 @-webkit-keyframes zoomOutUp {
2983 40% {
2984 opacity: 1;
2985 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2986 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2987 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2988 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2989 }
2990
2991 to {
2992 opacity: 0;
2993 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2994 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2995 -webkit-transform-origin: center bottom;
2996 transform-origin: center bottom;
2997 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2998 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2999 }
3000 }
3001
3002 @keyframes zoomOutUp {
3003 40% {
3004 opacity: 1;
3005 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3006 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3007 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3008 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3009 }
3010
3011 to {
3012 opacity: 0;
3013 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3014 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3015 -webkit-transform-origin: center bottom;
3016 transform-origin: center bottom;
3017 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3018 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3019 }
3020 }
3021
3022 .zoomOutUp {
3023 -webkit-animation-name: zoomOutUp;
3024 animation-name: zoomOutUp;
3025 }
3026
3027 @-webkit-keyframes slideInDown {
3028 from {
3029 -webkit-transform: translate3d(0, -100%, 0);
3030 transform: translate3d(0, -100%, 0);
3031 visibility: visible;
3032 }
3033
3034 to {
3035 -webkit-transform: translate3d(0, 0, 0);
3036 transform: translate3d(0, 0, 0);
3037 }
3038 }
3039
3040 @keyframes slideInDown {
3041 from {
3042 -webkit-transform: translate3d(0, -100%, 0);
3043 transform: translate3d(0, -100%, 0);
3044 visibility: visible;
3045 }
3046
3047 to {
3048 -webkit-transform: translate3d(0, 0, 0);
3049 transform: translate3d(0, 0, 0);
3050 }
3051 }
3052
3053 .slideInDown {
3054 -webkit-animation-name: slideInDown;
3055 animation-name: slideInDown;
3056 }
3057
3058 @-webkit-keyframes slideInLeft {
3059 from {
3060 -webkit-transform: translate3d(-100%, 0, 0);
3061 transform: translate3d(-100%, 0, 0);
3062 visibility: visible;
3063 }
3064
3065 to {
3066 -webkit-transform: translate3d(0, 0, 0);
3067 transform: translate3d(0, 0, 0);
3068 }
3069 }
3070
3071 @keyframes slideInLeft {
3072 from {
3073 -webkit-transform: translate3d(-100%, 0, 0);
3074 transform: translate3d(-100%, 0, 0);
3075 visibility: visible;
3076 }
3077
3078 to {
3079 -webkit-transform: translate3d(0, 0, 0);
3080 transform: translate3d(0, 0, 0);
3081 }
3082 }
3083
3084 .slideInLeft {
3085 -webkit-animation-name: slideInLeft;
3086 animation-name: slideInLeft;
3087 }
3088
3089 @-webkit-keyframes slideInRight {
3090 from {
3091 -webkit-transform: translate3d(100%, 0, 0);
3092 transform: translate3d(100%, 0, 0);
3093 visibility: visible;
3094 }
3095
3096 to {
3097 -webkit-transform: translate3d(0, 0, 0);
3098 transform: translate3d(0, 0, 0);
3099 }
3100 }
3101
3102 @keyframes slideInRight {
3103 from {
3104 -webkit-transform: translate3d(100%, 0, 0);
3105 transform: translate3d(100%, 0, 0);
3106 visibility: visible;
3107 }
3108
3109 to {
3110 -webkit-transform: translate3d(0, 0, 0);
3111 transform: translate3d(0, 0, 0);
3112 }
3113 }
3114
3115 .slideInRight {
3116 -webkit-animation-name: slideInRight;
3117 animation-name: slideInRight;
3118 }
3119
3120 @-webkit-keyframes slideInUp {
3121 from {
3122 -webkit-transform: translate3d(0, 100%, 0);
3123 transform: translate3d(0, 100%, 0);
3124 visibility: visible;
3125 }
3126
3127 to {
3128 -webkit-transform: translate3d(0, 0, 0);
3129 transform: translate3d(0, 0, 0);
3130 }
3131 }
3132
3133 @keyframes slideInUp {
3134 from {
3135 -webkit-transform: translate3d(0, 100%, 0);
3136 transform: translate3d(0, 100%, 0);
3137 visibility: visible;
3138 }
3139
3140 to {
3141 -webkit-transform: translate3d(0, 0, 0);
3142 transform: translate3d(0, 0, 0);
3143 }
3144 }
3145
3146 .slideInUp {
3147 -webkit-animation-name: slideInUp;
3148 animation-name: slideInUp;
3149 }
3150
3151 @-webkit-keyframes slideOutDown {
3152 from {
3153 -webkit-transform: translate3d(0, 0, 0);
3154 transform: translate3d(0, 0, 0);
3155 }
3156
3157 to {
3158 visibility: hidden;
3159 -webkit-transform: translate3d(0, 100%, 0);
3160 transform: translate3d(0, 100%, 0);
3161 }
3162 }
3163
3164 @keyframes slideOutDown {
3165 from {
3166 -webkit-transform: translate3d(0, 0, 0);
3167 transform: translate3d(0, 0, 0);
3168 }
3169
3170 to {
3171 visibility: hidden;
3172 -webkit-transform: translate3d(0, 100%, 0);
3173 transform: translate3d(0, 100%, 0);
3174 }
3175 }
3176
3177 .slideOutDown {
3178 -webkit-animation-name: slideOutDown;
3179 animation-name: slideOutDown;
3180 }
3181
3182 @-webkit-keyframes slideOutLeft {
3183 from {
3184 -webkit-transform: translate3d(0, 0, 0);
3185 transform: translate3d(0, 0, 0);
3186 }
3187
3188 to {
3189 visibility: hidden;
3190 -webkit-transform: translate3d(-100%, 0, 0);
3191 transform: translate3d(-100%, 0, 0);
3192 }
3193 }
3194
3195 @keyframes slideOutLeft {
3196 from {
3197 -webkit-transform: translate3d(0, 0, 0);
3198 transform: translate3d(0, 0, 0);
3199 }
3200
3201 to {
3202 visibility: hidden;
3203 -webkit-transform: translate3d(-100%, 0, 0);
3204 transform: translate3d(-100%, 0, 0);
3205 }
3206 }
3207
3208 .slideOutLeft {
3209 -webkit-animation-name: slideOutLeft;
3210 animation-name: slideOutLeft;
3211 }
3212
3213 @-webkit-keyframes slideOutRight {
3214 from {
3215 -webkit-transform: translate3d(0, 0, 0);
3216 transform: translate3d(0, 0, 0);
3217 }
3218
3219 to {
3220 visibility: hidden;
3221 -webkit-transform: translate3d(100%, 0, 0);
3222 transform: translate3d(100%, 0, 0);
3223 }
3224 }
3225
3226 @keyframes slideOutRight {
3227 from {
3228 -webkit-transform: translate3d(0, 0, 0);
3229 transform: translate3d(0, 0, 0);
3230 }
3231
3232 to {
3233 visibility: hidden;
3234 -webkit-transform: translate3d(100%, 0, 0);
3235 transform: translate3d(100%, 0, 0);
3236 }
3237 }
3238
3239 .slideOutRight {
3240 -webkit-animation-name: slideOutRight;
3241 animation-name: slideOutRight;
3242 }
3243
3244 @-webkit-keyframes slideOutUp {
3245 from {
3246 -webkit-transform: translate3d(0, 0, 0);
3247 transform: translate3d(0, 0, 0);
3248 }
3249
3250 to {
3251 visibility: hidden;
3252 -webkit-transform: translate3d(0, -100%, 0);
3253 transform: translate3d(0, -100%, 0);
3254 }
3255 }
3256
3257 @keyframes slideOutUp {
3258 from {
3259 -webkit-transform: translate3d(0, 0, 0);
3260 transform: translate3d(0, 0, 0);
3261 }
3262
3263 to {
3264 visibility: hidden;
3265 -webkit-transform: translate3d(0, -100%, 0);
3266 transform: translate3d(0, -100%, 0);
3267 }
3268 }
3269
3270 .slideOutUp {
3271 -webkit-animation-name: slideOutUp;
3272 animation-name: slideOutUp;
3273 }
File css/app.css added (mode: 100644) (index 0000000..b7ed281)
1 @font-face {
2 font-family: 'Ovo';
3 src: url('Ovo-Regular.ttf') format('truetype');
4 }
5
6 @font-face {
7 font-family: 'Tinos';
8 src: url('Tinos-Regular.ttf') format('truetype');
9 }
10
11
12
13 html, body, ul, ol {
14 margin: 0;
15 padding: 0;
16 }
17
18 ul, ol { list-style: none; }
19
20 html {
21 font-size: 14px;
22 }
23
24 body {
25 font-family: 'Ovo', serif;
26 font-size: 1rem;
27 }
28
29 @media (min-width: 34rem) {
30 body {
31 font-size: 1.5rem;
32 }
33 }
34
35 h1 {
36 font-size: 2rem;
37 }
File css/list-bare.css added (mode: 100644) (index 0000000..df2973d)
1 .oListBare {
2 max-width: 32rem;
3 display: block;
4 margin: 0 .5rem;
5 list-style: none;
6 }
7
8 @media (min-width: 34rem) {
9 .oListBare {
10 margin: 0 auto;
11 }
12 }
13
14
15 .oListBare_item {
16 display: block;
17 margin: 0 0 2px;
18 }
19
20 .oListBare_lbl {
21 display: block;
22 font-size: 1.4rem;
23 font-family: serif;
24 line-height: 2;
25 padding: 0 1rem;
26 cursor: pointer;
27 }
28
29 .oListBare_lbl.hasChildren:before {
30 content: '';
31 display: inline-block;
32 vertical-align: middle;
33
34 margin-right: 2rem;
35 margin-top: -1rem;
36 width: 1rem;
37 height: 1rem;
38
39 border-bottom: 2px solid;
40 border-right: 2px solid;
41
42 -webkit-transform: rotate(45deg);
43 transform: rotate(45deg);
44 }
45
46 input.oListBare_box:checked + .oListBare_group > .oListBare_lbl.hasChildren:before {
47 margin-top: 0;
48
49 -webkit-transform: rotate(-135deg);
50 transform: rotate(-135deg);
51 }
52
53
54 .oListBare_children,
55 input.oListBare_box { display: none; }
56
57 input.oListBare_box:checked + .oListBare_group > .oListBare_children {
58 display: block;
59 padding-bottom: 0.5rem;
60 }
61
File css/old_paper.jpg added (mode: 100644) (index 0000000..a4dfb85)
File css/page-content.css added (mode: 100644) (index 0000000..0028f62)
1 .oContent
2 {
3 background-color: #000;
4 background-size: 110%;
5 background-image: none;
6 margin: 0;
7 padding: 5% 2% 4em;
8 color: #fff;
9 font-family: serif;
10
11 -webkit-box-sizing: border-box;
12 box-sizing: border-box;
13 }
14
15 .oContent.text-small { font-size: .6rem; }
16 .oContent.text-normal { font-size: .8rem; }
17 .oContent.text-large { font-size: 1rem; }
18
19 .oContent h1
20 {
21 font-size: 1.6em;
22 }
23 .oContent h3
24 {
25 font-size: 1.4em;
26 }
27 .oContent h4
28 {
29 font-size: 1.2em;
30 }
31
32 .oContent h1.red
33 {
34 text-transform: uppercase;
35 }
36
37 .oContent h1,
38 .oContent h2,
39 .oContent h3,
40 .oContent h4 {
41 color: #e20000;
42 text-align: center;
43 }
44
45 .oContent .drop-caps {
46 font-size: 300%;
47 line-height: 1em;
48 margin-right: 0.1rem;
49 padding-bottom: 0.1rem;
50 text-transform: uppercase;
51 float: left;
52 position: relative;
53 top: .4rem;
54 color: #e20000 !important;
55 }
56
57 .oContent .directive {
58 font-size: .9em;
59 color: #e20000;
60 }
61
62 .oContent span.directive { font-size: .75em; }
63
64 .oContent p,
65 .oContent li
66 {
67 text-indent: 0;
68 font-size: 1.2em;
69 text-align: justify;
70 line-height: 2em;
71 clear: both;
72 }
73
74 .oContent p.centered
75 {
76 text-indent: 0;
77 text-align: center;
78 padding: 0.5em 0 0;
79 }
80 .oContent .red
81 {
82 color: #e20000;
83 }
84 .oContent .black
85 {
86 color: #fff;
87 }
88 .oContent ol
89 {
90 padding-left: 2.4em;
91 }
92 .oContent ol li
93 {
94 margin: 0;
95 text-indent: 0;
96 }
97
98 .oContent footer
99 {
100 position: fixed;
101 bottom: 0;
102 height: 32px;
103 width: 96%;
104 }
105
106 .oContent .mSize
107 {
108 float: right;
109 padding: 5px 10px;
110 width: 40px;
111 height: 18px;
112 border-radius: 5px;
113 background-color: #ccc;
114 color: #e20000;
115 text-align:center;
116 text-decoration: none;
117 }
118 .oContent .mSize-active { color: #333; }
119 .oContent .mSize-small { font-size: .6rem; }
120 .oContent .mSize-normal { font-size: .8rem; }
121 .oContent .mSize-large { font-size: 1rem; }
File css/page.css added (mode: 100644) (index 0000000..30ce9ae)
1 .oPage {
2 position: fixed;
3 top: 0 ;
4 bottom: 0 ;
5 left: 100%;
6 width: 100%;
7 overflow: auto;
8
9 background-image: url('old_paper.jpg');
10 background-size: 100% auto;
11 }
12
13 .oPage.isActive {
14 left: 0;
15 }
16
17 .oPage.isRendered {
18 left: -100%;
19 }
20
21 .oPage_list { list-style: none; }
22
23 .oPage_logo {
24 display: block;
25 margin: 3rem auto 1rem;
26 }
27
28 .oPage_link {
29 font-size: 1.5rem;
30 color: #00c;
31 }
32
33 .oPage_hero {
34 display: block;
35 background-color: #fff;
36 text-align: center;
37 padding: 0 2rem;
38 }
39
40 .oPage_hero > img {
41 width: 100%;
42 margin: 1rem auto;
43 }
44
45 @media (min-width: 23rem) {
46 .oPage_hero > img {
47 width: auto;
48 height: 370px;
49 }
50 }
51
52 .oPage_header {
53 display: block;
54 text-align: center;
55 font-size: 1.5rem;
56 margin: 0 0 1rem ;
57 padding: .5rem;
58 }
59
60 .fillMain {
61 background-color: rgba(120,40,0,0.3);
62 color: #6F1D0A;
63 }
64
65 .fillRoot {
66 background-color: rgba(120,40,0,0.4);
67 color: #fff;
68 }
69
70 .fillRoot:hover { background-color: rgba(120,40,0,0.5); }
71
72
73 .fillSecondary {
74 background-color: rgba(255,255,255,0.4);
75 color: #6F1D0A;
76 }
77
78 .fillSecondary:hover { background-color: rgba(255,255,255,0.6); }
The diff for file css/theme.css is too big (10043 changes) and cannot be shown.
File css/utils.css added (mode: 100644) (index 0000000..6f4afcd)
1 /* Utilities */
2
3 .uCenter { text-align: center !important; }
4 .uLeft { text-align: left !important; }
5 .uRight { text-align: right !important; }
File images/logo.png added (mode: 100644) (index 0000000..940ed16)
File index.html added (mode: 100644) (index 0000000..642719e)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5
6 <meta name="viewport" content="width=device-width, minimum-scale=1.0">
7
8 <title>Lada cu Bazme</title>
9 <meta name="description" content="Colectie de povesti pentru copii">
10 <meta name="keywords" content="rucker, css">
11
12 <!-- <link rel="stylesheet" href="css/theme.css"> -->
13 <link rel="stylesheet" href="css/animate.css">
14 <link rel="stylesheet" href="css/app.css">
15 <link rel="stylesheet" href="css/page.css">
16 <link rel="stylesheet" href="css/page-content.css">
17 <link rel="stylesheet" href="css/utils.css">
18
19 </head>
20 <body>
21
22 <section class="js-app-container">Loading ...</section>
23
24 <script src="https://cdnjs.cloudflare.com/ajax/libs/loglevel/1.4.0/loglevel.min.js"></script>
25 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script>
26 <script src="https://cdnjs.cloudflare.com/ajax/libs/mithril/0.2.0/mithril.js"></script>
27
28 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
29 <script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
30 <script src="js/rucker/rkr.js"></script>
31
32 <script type='text/javascript'>var require = {"baseUrl":"js/","deps":["js/index.js"]};</script>
33 <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.20/require.js"></script>
34
35 </body>
36 </html>
File js/app.conf.js added (mode: 100644) (index 0000000..cc1ac5e)
1 //
2 // Rucker Admin config file
3 //
4
5 define({
6 prefix: "rkr",
7
8 app: {
9 title: "Lada cu Bazme",
10 motto: "Colectie de povesti pentru copii",
11 version: {
12 major: 0,
13 minor: '0.1'
14 }
15 },
16
17 classContainer: "js-app-container",
18 layout: "webapp",
19
20 routeBaseParam: "",//"page=rkr-options",
21 routes: {
22 general: "General",
23 home: "Homepage"
24 },
25 defaultRoute: "general",
26
27 });
File js/com/admin/settings.rkr.js added (mode: 100644) (index 0000000..314d460)
1 define(["com/settings/text.rkr"], function(rkrText) {
2 var comAdminSettings = {}
3
4 comAdminSettings.controller = function() {
5 if (arguments.length > 0) {
6 this.options = arguments[0].options;
7 }
8 }
9
10 comAdminSettings.view = function(ctrl) {
11 var pageSettings = [];
12
13 _.each(ctrl.options, function (option, key) {
14 switch (option.type) {
15 case "text": {
16 pageSettings.push(m.component(rkrText, {id: key, option: option}));
17 break;
18 }
19 default: {
20 pageSettings.push(m("span", "---"));
21 break;
22 }
23 }
24 });
25 return m(".options", pageSettings);
26 }
27
28 return comAdminSettings;
29 });
File js/com/base/branding.rkr.js added (mode: 100644) (index 0000000..26ee9fd)
1 //
2 // Rucker Branding component
3 //
4 define(function () {
5 var comBranding = {};
6
7 comBranding.controller = function (args) {
8 this.title = args.title;
9 this.motto = args.motto;
10 }
11
12 comBranding.view = function (ctrl) {
13 return m('.branding', [
14 m('h1', ctrl.title),
15 m('small', ctrl.motto)
16 ]);
17 }
18
19 return comBranding;
20 });
File js/com/base/content.rkr.js added (mode: 100644) (index 0000000..fe445e7)
1 //
2 // Rucker Base content component
3 //
4 define(function () {
5 var comBaseContent = {};
6
7 comBaseContent.controller = function (args) {
8 this.content = args.content;
9 };
10
11 comBaseContent.view = function (ctrl) {
12 return m('main', ctrl.content);
13 };
14
15 return comBaseContent;
16 });
File js/com/base/header.rkr.js added (mode: 100644) (index 0000000..295734d)
1 //
2 // Rucker page header
3 //
4 define(function () {
5 var rkrHeader = function () {
6 var header = m(".rkrHeader",[appConf.brandingName + " - " + appConf.brandingMotto]);
7 return header;
8 };
9 return rkrHeader;
10 });
File js/com/base/menu-main.rkr.js added (mode: 100644) (index 0000000..c4c7dc0)
1 //
2 // Rucker Simple Menu component
3 //
4
5 define(function () {
6 var comMenuSimple = {};
7 var classBase = '.mMainMenu';
8
9 function classBEM (name, isElement) {
10 var separator = '-';
11
12 isElement = _.isUndefined(isElement) ? true : isElement;
13
14 if (isElement) {
15 separator = '_';
16 }
17
18 return classBase + separator + name;
19 }
20
21 comMenuSimple.controller = function (args) {
22 this.items = args.items;
23 };
24
25 comMenuSimple.view = function (ctrl) {
26 var menuList = [];
27
28 _.each(ctrl.items, function (itemName, itemKey) {
29 var itemClass = '.menu_item';
30 var itemRoute = itemKey;
31
32 if (itemRoute === m.route()) {
33 itemClass += ".isActive";
34 }
35
36 menuList.push(m("li" + itemClass, [
37 m("a[href='" + itemRoute + "']", {config: m.route}, itemName)
38 ]));
39 });
40
41
42 var idBox = "MainMenuSwitch";
43 var mNav = m("nav" + classBEM("nav") + ".lDisplay-no@xs.lDisplay-no@sm.uPd-vXl@sm.uPos-full@xs.uPos-full@sm", [
44 m("ul" + classBEM("list"), menuList)
45 ]);
46
47 return m(classBase, [
48 m("input[type=checkbox]#" + idBox + classBEM("switch") + ".lDisplay-no"),
49 m(classBEM("container"), [
50 m("label[for=" + idBox + "]" + classBEM("sandwich") + ".lDisplay-no.lDisplay-ib@xs.lDisplay-ib@sm", [
51 m("i.iSandwich-sm")
52 ]),
53 mNav
54 ])
55 ]);
56 };
57
58 return comMenuSimple;
59 });
File js/com/base/menu-simple.rkr.js added (mode: 100644) (index 0000000..b2c2960)
1 //
2 // Rucker Simple Menu component
3 //
4
5 define(function () {
6 var comMenuSimple = {};
7
8 comMenuSimple.controller = function (args) {
9 this.items = args.items;
10 };
11
12 comMenuSimple.view = function (ctrl) {
13 var menuList = [];
14
15 _.each(ctrl.items, function (itemName, itemKey) {
16 var itemClass = '.menu_item';
17 var itemRoute = itemKey;
18
19 if (itemRoute === m.route()) {
20 itemClass += ".isActive";
21 }
22
23 menuList.push(m("li" + itemClass, [
24 m("a[href='" + itemRoute + "']", {config: m.route}, itemName)
25 ]));
26 })
27
28 return m("ul.menu_list", menuList);
29 };
30
31 return comMenuSimple;
32 });
File js/com/base/setting.rkr.js added (mode: 100644) (index 0000000..4e39e8c)
1 define(function() {
2 var comBaseSetting = {}
3
4 comBaseSetting.controller = function() {
5 if (arguments.length > 0) {
6 this.id = arguments[0].id;
7 this.name = arguments[0].name;
8 this.description = arguments[0].desc;
9 this.value = 'value';
10 }
11 }
12
13 comBaseSetting.view = function(ctrl) {
14 return m('.setting', [
15 m('span.oInline', [
16 m('label.setting_name', ctrl.name, {for: ctrl.id}),
17 m('small.setting_desc', ctrl.description)
18 ]),
19 m('span.oInline', ctrl.value)
20 ]);
21 }
22
23 return comBaseSetting;
24 });
File js/com/base/sidebar.rkr.js added (mode: 100644) (index 0000000..ec67ae1)
1 //
2 // Rucker Sidebar component
3 //
4
5 define(['com/base/branding.rkr', 'com/base/menu-simple.rkr'], function (rkrBranding, rkrMenuSimple) {
6 var comBaseSidebar = {};
7
8 comBaseSidebar.controller = function (args) {
9 this.branding = args.branding;
10 this.items = args.items;
11 };
12
13 comBaseSidebar.view = function (ctrl) {
14 var sidebarContent = [];
15
16 if (!_.isUndefined(ctrl.branding)) {
17 sidebarContent.push(m.component(rkrBranding, ctrl.branding));
18 }
19
20 if (!_.isUndefined(ctrl.items) && _.keys(ctrl.items).length > 0) {
21 sidebarContent.push(m.component(rkrMenuSimple, {items: ctrl.items}));
22 }
23
24 return m(".rkrSidebar", sidebarContent);
25 };
26
27 return comBaseSidebar;
28 });
File js/com/mobile/splash-screen.rkr.js added (mode: 100644) (index 0000000..8d15566)
1 define([], function() {
2 var comSplashScreen = {};
3
4 comSplashScreen.controller = function(args) {
5 this.title = appConf.app.title;
6 this.version = appConf.app.version.major + '.' +
7 appConf.app.version.minor;
8 };
9
10 comSplashScreen.view = function(ctrl) {
11 return m('li.oPage.uCenter.isActive', [
12 // m('img.oPage_logo[src=images/logo.png]'),
13 m('h1', ctrl.title),
14 m('small', 'V ' + ctrl.version)
15 ]);
16 };
17
18 return comSplashScreen;
19 });
File js/com/mobile/webapp.rkr.js added (mode: 100644) (index 0000000..97e9911)
1 define(["com/mobile/splash-screen.rkr"], function(rkrSplashScreen) {
2 var comWebApp = {};
3
4 comWebApp.controller = function(args) {
5 this.args = {
6 title: appConf.app.title,
7 };
8 };
9
10 comWebApp.view = function(ctrl) {
11 return m('.oPage_list',
12 [
13 m.component(rkrSplashScreen, ctrl.args)
14 ]
15 );
16 };
17
18 return comWebApp;
19 });
File js/com/route/page.rkr.js added (mode: 100644) (index 0000000..7462733)
1 define(["com/settings/page.rkr"], function(rkrSettingsPage) {
2 return function (name) {
3 var comPageRoute = {};
4
5 comPageRoute.controller = function(args) {
6 this.args = {
7 route: name,
8 title: appConf.routes[name],
9 options: _.isUndefined(appConf.options) ? '' : appConf.options[name]
10 };
11 };
12
13 comPageRoute.view = function(ctrl) {
14 return m.component(rkrSettingsPage, ctrl.args);
15 };
16
17 return comPageRoute;
18 };
19 });
File js/com/settings/page.rkr.js added (mode: 100644) (index 0000000..69e15a2)
1 log.debug(appConf.layout);
2
3 define(['layouts/' + appConf.layout, 'com/admin/settings.rkr'], function(rkrLayout, rkrSettings) {
4 var comSettingsPage = {};
5
6 comSettingsPage.controller = function(args) {
7 this.greeting = args.title;
8 this.options = args.options;
9 };
10
11 comSettingsPage.view = function(ctrl) {
12 var pageContent = [
13 m("h3.settings", ctrl.greeting),
14 m.component(rkrSettings, {options: ctrl.options})
15 ];
16
17 return m.component(rkrLayout, {branding: appConf.branding, content: pageContent});
18 };
19
20 return comSettingsPage;
21 });
File js/com/settings/sidebar.rkr.js added (mode: 100644) (index 0000000..fe07a74)
1 //
2 // Rucker Sidebar component
3 //
4
5 define(['com/base/branding.rkr', 'com/base/menu-main.rkr'], function (rkrBranding, rkrMenu) {
6 var comBaseSidebar = {};
7
8 comBaseSidebar.controller = function (args) {
9 this.branding = args.branding;
10 this.items = args.items;
11 };
12
13 comBaseSidebar.view = function (ctrl) {
14 var sidebarContent = [];
15
16 if (!_.isUndefined(ctrl.branding)) {
17 sidebarContent.push(m.component(rkrBranding, ctrl.branding));
18 }
19
20 if (!_.isUndefined(ctrl.items) && _.keys(ctrl.items).length > 0) {
21 sidebarContent.push(m.component(rkrMenu, {items: ctrl.items}));
22 }
23
24 return m(".rkrSidebarSettings", sidebarContent);
25 };
26
27 return comBaseSidebar;
28 });
File js/com/settings/text.rkr.js added (mode: 100644) (index 0000000..6400332)
1 define(["com/base/setting.rkr"], function(rkrSetting) {
2 var comSettingsText = {}
3
4 comSettingsText.controller = function() {
5 if (arguments.length > 0) {
6 this.option = arguments[0].option;
7 this.option.id = arguments[0].id;
8 }
9 }
10
11 comSettingsText.view = function(ctrl) {
12 return m(".cccc", m.component(rkrSetting, ctrl.option));
13 }
14
15 return comSettingsText;
16 });
File js/data/authors.js added (mode: 100644) (index 0000000..61865b1)
1 define({
2 "authors": [
3 {
4 "id": "icreanga",
5 "name": "Ion Creanga"
6 },
7 {
8 "id": "pispirescu",
9 "name": "Petre Ispirescu"
10 }
11 ]
12 });
File js/index.js added (mode: 100644) (index 0000000..eda2a74)
1 //
2 // Bootstrap file
3 //
4
5 log.enableAll();
6
7 var appConf = {};
8
9 function pageReady () {
10 require(["com/mobile/webapp.rkr"], function (rkrWebApp) {
11 var rkrContainer = document.getElementsByClassName(appConf.classContainer)[0];
12
13 // m.route(rkrContainer, rkrRoute, rkrRoutes);
14 m.mount(rkrContainer, rkrWebApp);
15
16 document.body.classList.add('is-loaded');
17
18 require(["data/authors"], function (data) {
19 pageAuthors(data);
20 });
21 });
22 }
23
24 function pageAuthors (data) {
25 // add Page
26
27 // rkr.changePage();
28 }
29
30 function initApplication() {
31
32 if (_.keys(appConf).length) {
33 return;
34 }
35
36 require(["app.conf"], function (config) {
37 appConf = config;
38
39 log.debug("appConf");
40 log.debug(appConf);
41
42 // pageReady();
43 });
44
45
46 // rkr.promise(urls.books, function (responseText) {
47 // mainBooks = JSON.parse(responseText);
48 // setTimeout( function () {
49 // changePage(elPageIndex, elPageHome, listBooks);
50 // }, 1000);
51 // }, errorHandler);
52
53 }
54
55
56 (function ( $ ) {
57 $( document ).ready( function () {
58
59 require(["app.conf"], function (config) {
60 appConf = config;
61
62 log.debug("appConf");
63 log.debug(appConf);
64
65 pageReady();
66 });
67 });
68 })( jQuery );
File js/layouts/default.js added (mode: 100644) (index 0000000..69b9fa7)
1 define(["com/header.base"], function (rkrHeader) {
2 var rkrLayout = function(content) {
3 var header = m("header", rkrHeader());
4 var main = m("main", content);
5 var layout = m(".rkrLayout", [header, main]);
6 return layout;
7 };
8
9 return rkrLayout;
10 });
File js/layouts/settings-sidemenu.js added (mode: 100644) (index 0000000..d6d5156)
1 //
2 // Side menu settings layout
3 //
4
5 //
6 // Sidebar |
7 // - Branding | Content
8 // - Menu |
9 //
10
11 define(["com/settings/sidebar.rkr", "com/base/content.rkr"], function (rkrBaseSidebar, rkrBaseContent) {
12 var layoutSettingsSideMenu = {};
13
14 layoutSettingsSideMenu.controller = function (args) {
15 this.content = args.content;
16 this.branding = args.branding;
17 };
18
19 layoutSettingsSideMenu.view = function (ctrl) {
20 return m(".lContainer.oInline_list@mdUp", [
21 m(".oInline@mdUp.lSz-1/4@mdUp", [
22 m.component(rkrBaseSidebar, {branding: ctrl.branding, items: appConf.routes})
23 ]),
24 m(".oInline@mdUp.lSz-3/4@mdUp", [
25 m.component(rkrBaseContent, {content: ctrl.content})
26 ])
27 ]);
28 };
29
30 return layoutSettingsSideMenu;
31 });
File js/layouts/webapp.js added (mode: 100644) (index 0000000..7651ef6)
1 //
2 // Web application layout
3 //
4
5 define([], function(/*["com/settings/sidebar.rkr", "com/base/content.rkr"], function (rkrBaseSidebar, rkrBaseContent*/) {
6 var layoutWebApp = {};
7
8 layoutWebApp.controller = function (args) {
9 };
10
11 layoutWebApp.view = function (ctrl) {
12 return m(".mWebApp", "fd");
13 };
14
15 return layoutWebApp;
16 });
File js/rucker/rkr.js added (mode: 100644) (index 0000000..a7ae594)
1 if (!window.rkr) {
2 window.rkr = {};
3 }
4
5 window.rkr.promise = function (url, fnSuccess, fnError) {
6 var oReq = new XMLHttpRequest();
7
8 oReq.onload = function (e) {
9 if (typeof(fnSuccess) == "function") {
10 var responseText = e.target.response.toString();
11
12 fnSuccess.call(this,[responseText]);
13 }
14 };
15
16 oReq.onerror = function (e) {
17 if (typeof(fnSuccess) == "function") {
18 var responseText = e.target.response.toString();
19
20 fnError.call(this, [responseText]);
21 }
22 };
23
24 oReq.onreadystatechange = function () {
25 console.log(oReq.readyState);
26 };
27
28 oReq.open('GET', url, true);
29
30 oReq.send();
31 };
32
33 window.rkr.errorHandler = function () {
34 console.log("ERROR: ");
35 console.error(errorMessage);
36 };
37
38 window.rkr.changePage = function (elPageCurrent, elPageNew, fnCallback) {
39 elPageCurrent.classList.add('animated');
40 elPageCurrent.classList.add('slideOutLeft');
41 elPageNew.classList.add('animated');
42 elPageNew.classList.add('slideInRight');
43 elPageNew.classList.add('isActive');
44
45 setTimeout(function () {
46 elPageCurrent.classList.remove('animated');
47 elPageCurrent.classList.remove('slideOutLeft');
48 elPageCurrent.classList.remove('isActive');
49 elPageCurrent.classList.add('isRendered');
50 elPageNew.classList.remove('animated');
51 elPageNew.classList.remove('slideInRight');
52
53 if (typeof(fnCallback) == "function") {
54 fnCallback.call();
55 }
56 }, 1000);
57
58 if (pagesList.length == 0) {
59 pagesList.push(elPageCurrent);
60 }
61
62 pagesList.push(elPageNew);
63 };
64
65 window.rkr.backPage = function () {
66 var elPageCurrent = pagesList[pagesList.length - 1];
67 var elPagePrev;
68
69 if (pagesList.length > 2) {
70 elPageCurrent.classList.add('animated');
71 elPageCurrent.classList.add('slideOutRight');
72
73 elPagePrev = pagesList[pagesList.length - 2];
74 elPagePrev.classList.remove('isRendered');
75 elPagePrev.classList.add('animated');
76 elPagePrev.classList.add('slideInLeft');
77 elPagePrev.classList.add('isActive');
78
79 setTimeout(function () {
80 elPageCurrent.classList.remove('isActive');
81 elPageCurrent.classList.remove('animated');
82 elPageCurrent.classList.remove('slideOutRight');
83 elPagePrev.classList.remove('slideInLeft');
84 }, 1000);
85
86 } else {
87 alert("Exit APP");
88 }
89
90 pagesList.pop();
91 };
Hints:
Before first commit, do not forget to setup your git environment:
git config --global user.name "your_name_here"
git config --global user.email "your@email_here"

Clone this repository using HTTP(S):
git clone https://rocketgit.com/user/DiAngelo/LadaCuBasme.html

Clone this repository using ssh (do not forget to upload a key first):
git clone ssh://rocketgit@ssh.rocketgit.com/user/DiAngelo/LadaCuBasme.html

Clone this repository using git:
git clone git://git.rocketgit.com/user/DiAngelo/LadaCuBasme.html

You are allowed to anonymously push to this repository.
This means that your pushed commits will automatically be transformed into a merge request:
... clone the repository ...
... make some changes and some commits ...
git push origin main