noname/layout/phone/layout.css

73 lines
1.1 KiB
CSS
Raw Normal View History

2015-10-31 16:18:20 +00:00
@import "../mobile/layout.css";
#arena{
width: 94%;
height: calc(97% + 30px);
left: 3%;
top:3%
}
2015-11-12 01:12:03 +00:00
#arena.mobile>#control{
top:calc(100% - 205px);
}
#arena.chess.mobile>#control{
top:calc(100% - 175px);
2015-10-31 16:18:20 +00:00
}
#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;
}
2015-11-30 13:08:29 +00:00
#system>div{
transition-duration: 0.3s;
}
2015-10-31 16:18:20 +00:00
#system>div:not(.shown){
2015-11-30 13:08:29 +00:00
/*opacity: 0;*/
/*width: 50%;
min-width: 50%;*/
transform: translateY(-80px); */
2015-10-31 16:18:20 +00:00
}
2015-11-09 17:04:18 +00:00
#system>div.shown{
min-width: 50%;
width: auto;
}
2015-10-31 16:18:20 +00:00
#system>div:not(.shown)>div{
pointer-events: none;
}
2015-11-29 11:46:51 +00:00
/*#system1>div:first-child{
display: none !important;
}
#system1>div:last-child{
display: none !important;
}*/
2015-10-31 16:18:20 +00:00
2015-11-09 17:04:18 +00:00
.menu-container>.menu.main {
2015-11-29 11:46:51 +00:00
top: 12px !important;
2015-11-15 05:54:58 +00:00
left: 10px !important;
zoom:1.3;
2015-11-09 17:04:18 +00:00
}
#arena.phonetop{
top:80px !important;
}
2015-10-31 16:18:20 +00:00
@media screen and (orientation:portrait) {
2015-11-05 02:34:35 +00:00
2015-10-31 16:18:20 +00:00
}