73 lines
1.4 KiB
CSS
73 lines
1.4 KiB
CSS
html,body,#play,#iframe-wrapper,#rotate,#wrapper{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
}
|
|
#wrapper,#play{
|
|
position: fixed;
|
|
}
|
|
#wrapper{
|
|
left: 100%;
|
|
display: none;
|
|
z-index: 99;
|
|
}
|
|
#iframe-wrapper{
|
|
-webkit-overflow-scrolling: touch;overflow-y: scroll;
|
|
}
|
|
#rotate{
|
|
background-color: black;
|
|
z-index: 97;
|
|
opacity: 0.5;
|
|
text-align: center;
|
|
position: fixed;
|
|
top:0px;
|
|
left:0px;
|
|
display: none;
|
|
}
|
|
#rotate_img{
|
|
z-index: 98;
|
|
position: fixed;
|
|
width: 100px;
|
|
height: 100px;
|
|
left:50%;
|
|
top:50%;
|
|
margin-left: -50px;
|
|
margin-top: -50px;
|
|
display: none;
|
|
}
|
|
#rotate_img img{
|
|
width: 100%;
|
|
animation:changehovertree 4s linear infinite;
|
|
margin: 0 auto;
|
|
}
|
|
#box_hovertree{height:55px;position:relative;margin-top:200px;}
|
|
|
|
@-webkit-keyframes changehovertree{
|
|
0%{-webkit-transform:rotate(0)}
|
|
50%{-webkit-transform:rotate(180deg)}
|
|
100%{-webkit-transform:rotate(360deg)}
|
|
}
|
|
@keyframes changehovertree{
|
|
0%{transform:rotate(0)}
|
|
50%{transform:rotate(180deg)}
|
|
100%{transform:rotate(360deg)}
|
|
}
|
|
.back_Game{
|
|
width: 100%;
|
|
height: 40px;
|
|
position: fixed;
|
|
margin-bottom: 0px;
|
|
bottom:0px;
|
|
z-index: 120;
|
|
display: none;
|
|
}
|
|
.back_btn {
|
|
background: url(../images/webp_btn_back.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 115px;
|
|
height: 40px;
|
|
margin: auto;
|
|
}
|