49 lines
700 B
CSS
49 lines
700 B
CSS
@import "../mobile/layout.css";
|
|
#arena{
|
|
width: 94%;
|
|
height: calc(97% + 30px);
|
|
left: 3%;
|
|
top:3%
|
|
}
|
|
#control{
|
|
bottom:160px;
|
|
}
|
|
#control>div,#system>div>div{
|
|
height: 40px;
|
|
font-family: 'xinwei';
|
|
font-size: 30px;
|
|
line-height: 34px;
|
|
}
|
|
#system>div{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 40px;
|
|
}
|
|
#system>div:first-child{
|
|
left:5px;
|
|
}
|
|
#system>div:last-child{
|
|
right:5px;
|
|
}
|
|
#system>div>div{
|
|
line-height: 40px;
|
|
}
|
|
#system{
|
|
z-index: 5;
|
|
}
|
|
#system>div:not(.shown){
|
|
opacity: 0;
|
|
width: 50%;
|
|
}
|
|
#system>div:not(.shown)>div{
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
@media screen and (orientation:portrait) {
|
|
|
|
}
|
|
@media screen and (orientation:landscape) {
|
|
|
|
}
|