diff options
Diffstat (limited to 'node_modules/montage-user/ui/loading.reel/loading.css')
-rwxr-xr-x | node_modules/montage-user/ui/loading.reel/loading.css | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/node_modules/montage-user/ui/loading.reel/loading.css b/node_modules/montage-user/ui/loading.reel/loading.css new file mode 100755 index 00000000..ec90b10f --- /dev/null +++ b/node_modules/montage-user/ui/loading.reel/loading.css | |||
@@ -0,0 +1,78 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | @-webkit-keyframes montage-loading { | ||
7 | 0% { | ||
8 | opacity: 0; | ||
9 | } | ||
10 | 20% { | ||
11 | opacity: .9; | ||
12 | } | ||
13 | 40% { | ||
14 | opacity: .27; | ||
15 | } | ||
16 | 100% { | ||
17 | opacity: 0; | ||
18 | } | ||
19 | } | ||
20 | .montage-loading { | ||
21 | position: relative; | ||
22 | width: 30px; | ||
23 | height: 35px; | ||
24 | background-position: center center; | ||
25 | background-repeat: no-repeat; | ||
26 | } | ||
27 | |||
28 | .montage-loading.animate { | ||
29 | background-image: url(loading-bg.svg); | ||
30 | } | ||
31 | |||
32 | .montage-loading .section { | ||
33 | display: none; | ||
34 | position: absolute; | ||
35 | left: 0; | ||
36 | top: 0; | ||
37 | right: 0; | ||
38 | bottom: 0; | ||
39 | background-position: center center; | ||
40 | background-repeat: no-repeat; | ||
41 | } | ||
42 | |||
43 | .montage-loading.animate .section { | ||
44 | display: block; | ||
45 | -webkit-transform: translateZ(0); | ||
46 | -webkit-animation-name: montage-loading; | ||
47 | -webkit-animation-duration: 1200ms; | ||
48 | -webkit-animation-iteration-count: infinite; | ||
49 | } | ||
50 | |||
51 | .montage-loading .l0 { | ||
52 | background-image: url(loading-0.svg); | ||
53 | -webkit-animation-delay: -1000ms; | ||
54 | } | ||
55 | |||
56 | .montage-loading .l1 { | ||
57 | background-image: url(loading-1.svg); | ||
58 | -webkit-animation-delay: -800ms; | ||
59 | } | ||
60 | |||
61 | .montage-loading .l2 { | ||
62 | background-image: url(loading-2.svg); | ||
63 | -webkit-animation-delay: -600ms; | ||
64 | } | ||
65 | |||
66 | .montage-loading .l3 { | ||
67 | background-image: url(loading-3.svg); | ||
68 | -webkit-animation-delay: -400ms; | ||
69 | } | ||
70 | |||
71 | .montage-loading .l4 { | ||
72 | background-image: url(loading-4.svg); | ||
73 | -webkit-animation-delay: -200ms; | ||
74 | } | ||
75 | |||
76 | .montage-loading .l5 { | ||
77 | background-image: url(loading-5.svg); | ||
78 | } | ||