noname/layout/default/phone.css

119 lines
2.0 KiB
CSS

#arena{
height: calc(97% + 30px);
top:3%
}
#arena.mobile>#control{
top:calc(100% - 205px);
}
#arena.chess.mobile>#control{
top:calc(100% - 175px);
}
#control>div,#system>div>div{
height: 40px;
font-family: 'xinwei';
font-size: 30px;
line-height: 34px;
}
#historybar{
top:14px;
height: calc(100% - 150px);
}
#window.oblongcard #historybar{
height: calc(100% - 170px);
}
#time{
visibility: hidden;
}
#system{
z-index: 31 !important;
}
#window>.dialog.popped{
z-index: 21 !important;
}
#system>div{
position: absolute;
height: 60px;
}
#system>div:first-child{
left:5px;
}
#system>div:last-child{
right:5px;
}
#system>div>div{
line-height: 40px;
}
#system{
z-index: 5;
}
#system>div{
transition-duration: 0.3s;
}
#system>div:not(.shown){
transform: translateY(-80px);
}
.statusbar #system>div:not(.shown){
transform: translateY(-120px);
}
#system>#system1{
width: 140px;
}
#system>#system2{
width: calc(100% - 140px);
}
#system>div:not(.shown)>div{
pointer-events: none;
}
#pausebutton,#autobutton,#restartbutton{
display: none !important;
}
.menu-container>.menu.main,
.popup-container>.menu{
zoom:1.3;
}
.popup-container>.menu{
max-height: 307px;
}
.popup-container>.menu.visual.withbar{
max-height: 360px;
}
.menu-container>.menu.main:not(.center){
top: 12px !important;
left: 10px !important;
}
#system{
width: calc(100% - 12px) !important;
left: 0 !important;
}
#arena.phonetop{
top:80px !important;
}
.player>.identity{
transform: scale(1.3);
}
#window>.dialog.popped.hoverdialog{
transform: scale(1.3);
transform-origin: left top;
}
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
transform:scale(1.3) rotate(90deg);
}
/*br.finish_game{
display: inline !important;
}*/
div:not(.shown)>div.finish_game{
opacity: 0 !important;
}
div.finish_game{
transition: all 0.2s !important;
}
@media screen and (orientation:portrait) {
}