2024-04-15 18:38:11 +00:00
|
|
|
#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) {
|
|
|
|
}
|