aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rwxr-xr-xindex.html56
1 files changed, 4 insertions, 52 deletions
diff --git a/index.html b/index.html
index 9ee3e381..2fbf524a 100755
--- a/index.html
+++ b/index.html
@@ -4,7 +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<!-- <html manifest="ninja.appcache"> --> 7
8<html> 8<html>
9 9
10 <head lang="en"> 10 <head lang="en">
@@ -44,13 +44,7 @@
44 background-size: auto, 115%; 44 background-size: auto, 115%;
45 background-color: rgba(150, 0, 0, 1); 45 background-color: rgba(150, 0, 0, 1);
46 background-position: center center; 46 background-position: center center;
47 background-repeat: no-repeat;/* 47 background-repeat: no-repeat;
48
49 -webkit-animation-name: background-animation;
50 -webkit-animation-duration: 3s;
51 -webkit-animation-iteration-count: infinite;
52 -webkit-animation-timing-function: linear;
53*/
54 } 48 }
55 49
56 .montage-app-loaded body 50 .montage-app-loaded body
@@ -81,10 +75,6 @@
81 left: 50%; 75 left: 50%;
82 margin: -160px 0px 0px -160px; 76 margin: -160px 0px 0px -160px;
83 overflow: visible; 77 overflow: visible;
84 -webkit-animation-name: zoom;
85 -webkit-animation-duration: 3s;
86 -webkit-animation-iteration-count: infinite;
87 -webkit-animation-timing-function: ease-in-out;
88 } 78 }
89 79
90 #ninja_logo .gradient 80 #ninja_logo .gradient
@@ -118,51 +108,13 @@
118 border-radius: 50%; 108 border-radius: 50%;
119 position: absolute; 109 position: absolute;
120 top: 0px; 110 top: 0px;
121 left: 0px;/* 111 left: 0px;
122
123 -webkit-animation-name: solid-animation;
124 -webkit-animation-duration: 3s;
125 -webkit-animation-iteration-count: infinite;
126 -webkit-animation-timing-function: linear;
127*/
128 } 112 }
129 113
130 #ninja_logo canvas 114 #ninja_logo canvas
131 { 115 {
132 position: absolute; 116 position: absolute;
133 margin: -45px -110px;/* 117 margin: -45px -110px;
134
135 -webkit-animation-name: rotate;
136 -webkit-animation-duration: 1.5s;
137 -webkit-animation-iteration-count: infinite;
138 -webkit-animation-timing-function: linear;
139*/
140 }
141
142 @-webkit-keyframes solid-animation {
143 0% {background: #000;}
144 50% {background: #666;}
145 100% {background: #000;}
146 }
147
148 @-webkit-keyframes background-animation {
149 0% {background-size: 200%}
150 50% {background-size: 100%}
151 100% {background-size: 200%}
152 }
153
154 @-webkit-keyframes rotate {
155 0% {-webkit-transform: rotate(0deg); margin: -45px -110px;}
156 25% {-webkit-transform: rotate(90deg); margin: -90px -55px;}
157 50% {-webkit-transform: rotate(180deg); margin: -55px 0px;}
158 75% {-webkit-transform: rotate(270deg); margin: 0px -55px;}
159 100% {-webkit-transform: rotate(360deg); margin: -45px -110px;}
160 }
161
162 @-webkit-keyframes zoom {
163 0% {-webkit-transform: scale(.9);}
164 50% {-webkit-transform: scale(.5);}
165 100% {-webkit-transform: scale(.9);}
166 } 118 }
167 119
168 </style> 120 </style>