diff options
Diffstat (limited to 'index.html')
-rwxr-xr-x[-rw-r--r--] | index.html | 57 |
1 files changed, 5 insertions, 52 deletions
diff --git a/index.html b/index.html index f3018823..2fbf524a 100644..100755 --- a/index.html +++ b/index.html | |||
@@ -4,6 +4,7 @@ | |||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | 4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> |
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
6 | </copyright> --> | 6 | </copyright> --> |
7 | |||
7 | <html> | 8 | <html> |
8 | 9 | ||
9 | <head lang="en"> | 10 | <head lang="en"> |
@@ -39,17 +40,11 @@ | |||
39 | left: 0%; | 40 | left: 0%; |
40 | width: 100%; | 41 | width: 100%; |
41 | height: 100%; | 42 | height: 100%; |
42 | background-image: -webkit-radial-gradient(center, ellipse cover, rgba(40, 40, 40, 1) 0%, rgba(5, 5, 5, 1) 50%, rgba(0, 0, 0, 1) 100%); | 43 | background-image: -webkit-radial-gradient(center, ellipse cover, rgba(40, 40, 40, 1) 0%, rgba(5, 5, 5, 1) 80%, rgba(0, 0, 0, 1) 100%); |
43 | background-size: auto, 115%; | 44 | background-size: auto, 115%; |
44 | background-color: rgba(150, 0, 0, 1); | 45 | background-color: rgba(150, 0, 0, 1); |
45 | background-position: center center; | 46 | background-position: center center; |
46 | background-repeat: no-repeat;/* | 47 | background-repeat: no-repeat; |
47 | |||
48 | -webkit-animation-name: background-animation; | ||
49 | -webkit-animation-duration: 3s; | ||
50 | -webkit-animation-iteration-count: infinite; | ||
51 | -webkit-animation-timing-function: linear; | ||
52 | */ | ||
53 | } | 48 | } |
54 | 49 | ||
55 | .montage-app-loaded body | 50 | .montage-app-loaded body |
@@ -80,10 +75,6 @@ | |||
80 | left: 50%; | 75 | left: 50%; |
81 | margin: -160px 0px 0px -160px; | 76 | margin: -160px 0px 0px -160px; |
82 | overflow: visible; | 77 | overflow: visible; |
83 | -webkit-animation-name: zoom; | ||
84 | -webkit-animation-duration: 3s; | ||
85 | -webkit-animation-iteration-count: infinite; | ||
86 | -webkit-animation-timing-function: ease-in-out; | ||
87 | } | 78 | } |
88 | 79 | ||
89 | #ninja_logo .gradient | 80 | #ninja_logo .gradient |
@@ -117,51 +108,13 @@ | |||
117 | border-radius: 50%; | 108 | border-radius: 50%; |
118 | position: absolute; | 109 | position: absolute; |
119 | top: 0px; | 110 | top: 0px; |
120 | left: 0px;/* | 111 | left: 0px; |
121 | |||
122 | -webkit-animation-name: solid-animation; | ||
123 | -webkit-animation-duration: 3s; | ||
124 | -webkit-animation-iteration-count: infinite; | ||
125 | -webkit-animation-timing-function: linear; | ||
126 | */ | ||
127 | } | 112 | } |
128 | 113 | ||
129 | #ninja_logo canvas | 114 | #ninja_logo canvas |
130 | { | 115 | { |
131 | position: absolute; | 116 | position: absolute; |
132 | margin: -45px -110px;/* | 117 | margin: -45px -110px; |
133 | |||
134 | -webkit-animation-name: rotate; | ||
135 | -webkit-animation-duration: 1.5s; | ||
136 | -webkit-animation-iteration-count: infinite; | ||
137 | -webkit-animation-timing-function: linear; | ||
138 | */ | ||
139 | } | ||
140 | |||
141 | @-webkit-keyframes solid-animation { | ||
142 | 0% {background: #000;} | ||
143 | 50% {background: #666;} | ||
144 | 100% {background: #000;} | ||
145 | } | ||
146 | |||
147 | @-webkit-keyframes background-animation { | ||
148 | 0% {background-size: 200%} | ||
149 | 50% {background-size: 100%} | ||
150 | 100% {background-size: 200%} | ||
151 | } | ||
152 | |||
153 | @-webkit-keyframes rotate { | ||
154 | 0% {-webkit-transform: rotate(0deg); margin: -45px -110px;} | ||
155 | 25% {-webkit-transform: rotate(90deg); margin: -90px -55px;} | ||
156 | 50% {-webkit-transform: rotate(180deg); margin: -55px 0px;} | ||
157 | 75% {-webkit-transform: rotate(270deg); margin: 0px -55px;} | ||
158 | 100% {-webkit-transform: rotate(360deg); margin: -45px -110px;} | ||
159 | } | ||
160 | |||
161 | @-webkit-keyframes zoom { | ||
162 | 0% {-webkit-transform: scale(.9);} | ||
163 | 50% {-webkit-transform: scale(.5);} | ||
164 | 100% {-webkit-transform: scale(.9);} | ||
165 | } | 118 | } |
166 | 119 | ||
167 | </style> | 120 | </style> |