noname/layout/phone/layout.css

101 lines
1.7 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;
}
2016-04-08 07:06:56 +00:00
#system{
z-index: 31 !important;
}
2016-04-08 07:34:41 +00:00
#window>.dialog.popped{
2016-04-09 02:55:50 +00:00
z-index: 21 !important;
2016-04-08 07:34:41 +00:00
}
2015-10-31 16:18:20 +00:00
#system>div{
position: absolute;
2016-04-09 03:22:51 +00:00
height: 60px;
2015-10-31 16:18:20 +00:00
}
#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){
2016-04-08 11:00:00 +00:00
transform: translateY(-80px);
2015-10-31 16:18:20 +00:00
}
2016-04-09 03:22:51 +00:00
#system>#system1{
width: 140px;
}
#system>#system2{
width: calc(100% - 140px);
2015-11-09 17:04:18 +00:00
}
2015-10-31 16:18:20 +00:00
#system>div:not(.shown)>div{
pointer-events: none;
}
2016-04-09 04:10:03 +00:00
#pausebutton,#autobutton,#restartbutton{
2016-04-08 07:06:56 +00:00
display: none !important;
}
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-11-30 17:37:10 +00:00
.player>.identity{
transform: scale(1.3);
}
2016-04-08 11:00:00 +00:00
#window>.dialog.popped.hoverdialog{
transform: scale(1.3);
transform-origin: left top;
}
2016-03-18 16:34:46 +00:00
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
transform:scale(1.3) rotate(90deg);
}
2015-10-31 16:18:20 +00:00
2016-04-09 04:10:03 +00:00
/*br.finish_game{
2016-01-13 06:37:59 +00:00
display: inline !important;
2016-04-09 04:10:03 +00:00
}*/
2016-01-13 06:37:59 +00:00
div:not(.shown)>div.finish_game{
opacity: 0 !important;
}
div.finish_game{
transition: all 0.2s !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
}