Update To 11.40.268.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / ManualTests / win / milliondollar.html

diff --git a/src/third_party/WebKit/ManualTests/win/milliondollar.html b/src/third_party/WebKit/ManualTests/win/milliondollar.html
index e1d51ff..e18baf9 100644 (file)
--- a/src/third_party/WebKit/ManualTests/win/milliondollar.html
+++ b/src/third_party/WebKit/ManualTests/win/milliondollar.html
@@ -13,12 +13,12 @@
     .row {background:url(100grid_inv.png) #000;height: 100px; text-align: left; position:relative;width:1000px;z-index:10;}
     #lq {width:1000px;position:relative;z-index:0;text-align:left;}
     .bz {-webkit-perspective: 1500;-webkit-perspective-origin: 50% 325px;}
-    .fc {-webkit-transform-style: preserve-3d;-webkit-transform:  rotateY(0deg) ;opacity: 1.0;}
+    .fc {-webkit-transform-style: preserve-3d;transform:  rotateY(0deg) ;opacity: 1.0;}
     @-webkit-keyframes spin_3d {
-    0%    { -webkit-transform: rotateY(0)       rotateZ(0); }
-    33%   { -webkit-transform: rotateY(-20deg)  rotateZ(-20deg); }
-    65%   { -webkit-transform: rotateY(20deg) rotateZ(20deg); }
-    100%  { -webkit-transform: rotateY(0deg) rotateZ(0deg); }
+    0%    { transform: rotateY(0)       rotateZ(0); }
+    33%   { transform: rotateY(-20deg)  rotateZ(-20deg); }
+    65%   { transform: rotateY(20deg) rotateZ(20deg); }
+    100%  { transform: rotateY(0deg) rotateZ(0deg); }
     }
     .plane > a {display:block;height:100%;width:100%;}
     .plane {
@@ -110,7 +110,7 @@ function loadBlocks() {
     
     function addBlock(x1,y1,xf,qp,dw)
     {
-       return "<div class='a_cube'><div class='plane one' style='background-color: red;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(90deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane two' style='background-color: blue;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(90deg) rotateX(180deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane three' style='background-color: green;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateX(-90deg) translateX(0px) translateZ("+(dw/2)+"px) translateY(-"+(dw/2)+"px);position:absolute;'></div><div class='plane four' style='background-color: yellow;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(90deg) rotateX(90deg) rotateZ(-90deg) translateY(-"+(dw/2)+"px) translateX(0px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane five' style='background-color: gray;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;-webkit-transform:rotateY(0deg) translateX(0px) translateZ("+(dw)+"px) translateY(0px);position:absolute;'></div></div>";
+       return "<div class='a_cube'><div class='plane one' style='background-color: red;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane two' style='background-color: blue;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateX(180deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane three' style='background-color: green;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateX(-90deg) translateX(0px) translateZ("+(dw/2)+"px) translateY(-"+(dw/2)+"px);position:absolute;'></div><div class='plane four' style='background-color: yellow;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateX(90deg) rotateZ(-90deg) translateY(-"+(dw/2)+"px) translateX(0px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane five' style='background-color: gray;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(0deg) translateX(0px) translateZ("+(dw)+"px) translateY(0px);position:absolute;'></div></div>";
     }
 
     document.getElementById("grid").style.webkitAnimation = "spin_3d 36s infinite linear";