noname/layout/default/phone.css

116 lines
1.9 KiB
CSS
Raw Normal View History

2015-10-31 16:18:20 +00:00
#arena{
height: calc(97% + 30px);
top:3%
}
2017-02-08 16:56:12 +00:00
#arena.mobile>#control{
2015-11-12 01:12:03 +00:00
top:calc(100% - 205px);
}
2017-02-08 16:56:12 +00:00
#arena.chess.mobile>#control{
2015-11-12 01:12:03 +00:00
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-08-28 00:30:25 +00:00
#historybar{
top:14px;
height: calc(100% - 150px);
}
#time{
visibility: hidden;
}
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
}
2017-03-26 08:24:26 +00:00
.statusbar #system>div:not(.shown){
2017-03-26 06:00:38 +00:00
transform: translateY(-120px);
}
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-10-31 16:18:20 +00:00
2016-07-11 07:15:37 +00:00
.menu-container>.menu.main,
.popup-container>.menu{
2016-04-12 07:49:02 +00:00
zoom:1.3;
}
2016-07-11 07:15:37 +00:00
.popup-container>.menu{
max-height: 307px;
}
2017-03-18 08:44:40 +00:00
.popup-container>.menu.visual.withbar{
max-height: 360px;
}
2016-04-12 07:49:02 +00:00
.menu-container>.menu.main:not(.center){
2015-11-29 11:46:51 +00:00
top: 12px !important;
2015-11-15 05:54:58 +00:00
left: 10px !important;
2015-11-09 17:04:18 +00:00
}
2017-02-13 06:45:59 +00:00
#system{
width: calc(100% - 12px) !important;
left: 0 !important;
}
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
}