aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rwxr-xr-x[-rw-r--r--]index.html57
1 files changed, 5 insertions, 52 deletions
diff --git a/index.html b/index.html
index 53bd6605..de1d0b2e 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>