|
@@ -2894,6 +2894,9 @@ border:none
|
|
|
line-height: 36px;
|
|
|
font-weight:300;
|
|
|
}
|
|
|
+.download-select{
|
|
|
+ background:none;
|
|
|
+}
|
|
|
.download-select h2{
|
|
|
font-size: 24px;
|
|
|
margin:10px 0;
|
|
@@ -2901,4 +2904,67 @@ border:none
|
|
|
}
|
|
|
.download-select .downSelect{
|
|
|
margin:20px 0 0;
|
|
|
-}
|
|
|
+}
|
|
|
+.warp-body {
|
|
|
+ position:relative;
|
|
|
+ background:url(2016yearimg.png) no-repeat center 20px;
|
|
|
+}
|
|
|
+.monkey {
|
|
|
+ position:absolute;
|
|
|
+ right:3%;
|
|
|
+ top:110px;
|
|
|
+ z-index: 999
|
|
|
+}
|
|
|
+.monkey .mon{
|
|
|
+ width:144px;
|
|
|
+ height:191px;
|
|
|
+ background:url(2016yearicon.png) no-repeat 0 0;
|
|
|
+}
|
|
|
+.monkey .mon{
|
|
|
+ -webkit-animation:mon 20s infinite ease-in-out;
|
|
|
+ -moz-animation:mon 20s infinite ease-in-out;
|
|
|
+ animation:mon 20s infinite ease-in-out;
|
|
|
+}
|
|
|
+ @-moz-keyframes mon{
|
|
|
+ 0%,100%{-moz-transform:translateY(0);}
|
|
|
+ 10%,30%,50%,70%,90%{-moz-transform:translateY(20px);}
|
|
|
+ 20%,40%,60%,80%{-moz-transform:translateY(-25px);}
|
|
|
+ }
|
|
|
+ @-webkit-keyframes mon{
|
|
|
+ 0%,100%{-moz-transform:translateY(0);}
|
|
|
+ 10%,30%,50%,70%,90%{-webkit-transform:translateY(20px);}
|
|
|
+ 20%,40%,60%,80%{-webkit-transform:translateY(-25px);}
|
|
|
+ }
|
|
|
+ @keyframes mon{
|
|
|
+ 0%,100%{transform:translateY(0);}
|
|
|
+ 10%,30%,50%,70%,90%{transform:translateY(20px);}
|
|
|
+ 20%,40%,60%,80%{transform:translateY(-25px);}
|
|
|
+ }
|
|
|
+.monkey .food{
|
|
|
+ width:144px;
|
|
|
+ height:109px;
|
|
|
+ background:url(2016yearicon.png) no-repeat 0 -192px;
|
|
|
+ position:absolute;
|
|
|
+ left:-124px;
|
|
|
+ top:20px;
|
|
|
+}
|
|
|
+.monkey .food{
|
|
|
+ -webkit-animation:food 15s infinite ease-in-out;
|
|
|
+ -moz-animation:food 15s infinite ease-in-out;
|
|
|
+ animation:food 15s infinite ease-in-out;
|
|
|
+}
|
|
|
+ @-moz-keyframes food{
|
|
|
+ 0%,100%{-moz-transform:translateY(0);}
|
|
|
+ 10%,30%,50%,70%,90%{-moz-transform:translateY(-5px);}
|
|
|
+ 20%,40%,60%,80%{-moz-transform:translateY(8px);}
|
|
|
+ }
|
|
|
+ @-webkit-keyframes food{
|
|
|
+ 0%,100%{-webkit-transform:translateY(0);}
|
|
|
+ 10%,30%,50%,70%,90%{-webkit-transform:translateY(-5px);}
|
|
|
+ 20%,40%,60%,80%{-webkit-transform:translateY(8px);}
|
|
|
+ }
|
|
|
+ @keyframes food{
|
|
|
+ 0%,100%{transform:translateY(0);}
|
|
|
+ 10%,30%,50%,70%,90%{transform:translateY(-5px);}
|
|
|
+ 20%,40%,60%,80%{transform:translateY(8px);}
|
|
|
+ }
|