pref: format @/layout.
This commit is contained in:
parent
5427da93cb
commit
ed7bbd57e5
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -1,118 +1,120 @@
|
||||||
#arena{
|
#arena {
|
||||||
height: calc(97% + 30px);
|
height: calc(97% + 30px);
|
||||||
top:3%
|
top: 3%;
|
||||||
}
|
}
|
||||||
#arena.mobile>#control{
|
#arena.mobile > #control {
|
||||||
top:calc(100% - 205px);
|
top: calc(100% - 205px);
|
||||||
}
|
}
|
||||||
#arena.chess.mobile>#control{
|
#arena.chess.mobile > #control {
|
||||||
top:calc(100% - 175px);
|
top: calc(100% - 175px);
|
||||||
}
|
}
|
||||||
#control>div,#system>div>div{
|
#control > div,
|
||||||
height: 40px;
|
#system > div > div {
|
||||||
font-family: 'xinwei';
|
height: 40px;
|
||||||
font-size: 30px;
|
font-family: "xinwei";
|
||||||
line-height: 34px;
|
font-size: 30px;
|
||||||
}
|
line-height: 34px;
|
||||||
#historybar{
|
}
|
||||||
top:14px;
|
#historybar {
|
||||||
height: calc(100% - 150px);
|
top: 14px;
|
||||||
}
|
height: calc(100% - 150px);
|
||||||
#window.oblongcard #historybar{
|
}
|
||||||
height: calc(100% - 170px);
|
#window.oblongcard #historybar {
|
||||||
}
|
height: calc(100% - 170px);
|
||||||
#time{
|
}
|
||||||
visibility: hidden;
|
#time {
|
||||||
}
|
visibility: hidden;
|
||||||
#system{
|
}
|
||||||
z-index: 31 !important;
|
#system {
|
||||||
}
|
z-index: 31 !important;
|
||||||
#window>.dialog.popped{
|
}
|
||||||
z-index: 21 !important;
|
#window > .dialog.popped {
|
||||||
}
|
z-index: 21 !important;
|
||||||
#system>div{
|
}
|
||||||
position: absolute;
|
#system > div {
|
||||||
height: 60px;
|
position: absolute;
|
||||||
}
|
height: 60px;
|
||||||
#system>div:first-child{
|
}
|
||||||
left:5px;
|
#system > div:first-child {
|
||||||
}
|
left: 5px;
|
||||||
#system>div:last-child{
|
}
|
||||||
right:5px;
|
#system > div:last-child {
|
||||||
}
|
right: 5px;
|
||||||
#system>div>div{
|
}
|
||||||
line-height: 40px;
|
#system > div > div {
|
||||||
}
|
line-height: 40px;
|
||||||
#system{
|
}
|
||||||
z-index: 5;
|
#system {
|
||||||
}
|
z-index: 5;
|
||||||
#system>div{
|
}
|
||||||
transition-duration: 0.3s;
|
#system > div {
|
||||||
}
|
transition-duration: 0.3s;
|
||||||
#system>div:not(.shown){
|
}
|
||||||
transform: translateY(-80px);
|
#system > div:not(.shown) {
|
||||||
}
|
transform: translateY(-80px);
|
||||||
.statusbar #system>div:not(.shown){
|
}
|
||||||
transform: translateY(-120px);
|
.statusbar #system > div:not(.shown) {
|
||||||
}
|
transform: translateY(-120px);
|
||||||
#system>#system1{
|
}
|
||||||
width: 140px;
|
#system > #system1 {
|
||||||
}
|
width: 140px;
|
||||||
#system>#system2{
|
}
|
||||||
width: calc(100% - 140px);
|
#system > #system2 {
|
||||||
}
|
width: calc(100% - 140px);
|
||||||
#system>div:not(.shown)>div{
|
}
|
||||||
pointer-events: none;
|
#system > div:not(.shown) > div {
|
||||||
}
|
pointer-events: none;
|
||||||
#pausebutton,#autobutton,#restartbutton{
|
}
|
||||||
display: none !important;
|
#pausebutton,
|
||||||
}
|
#autobutton,
|
||||||
|
#restartbutton {
|
||||||
.menu-container>.menu.main,
|
display: none !important;
|
||||||
.popup-container>.menu{
|
}
|
||||||
zoom:1.3;
|
|
||||||
}
|
.menu-container > .menu.main,
|
||||||
.popup-container>.menu{
|
.popup-container > .menu {
|
||||||
max-height: 307px;
|
zoom: 1.3;
|
||||||
}
|
}
|
||||||
.popup-container>.menu.visual.withbar{
|
.popup-container > .menu {
|
||||||
max-height: 360px;
|
max-height: 307px;
|
||||||
}
|
}
|
||||||
.menu-container>.menu.main:not(.center){
|
.popup-container > .menu.visual.withbar {
|
||||||
top: 12px !important;
|
max-height: 360px;
|
||||||
left: 10px !important;
|
}
|
||||||
}
|
.menu-container > .menu.main:not(.center) {
|
||||||
|
top: 12px !important;
|
||||||
#system{
|
left: 10px !important;
|
||||||
width: calc(100% - 12px) !important;
|
}
|
||||||
left: 0 !important;
|
|
||||||
}
|
#system {
|
||||||
|
width: calc(100% - 12px) !important;
|
||||||
#arena.phonetop{
|
left: 0 !important;
|
||||||
top:80px !important;
|
}
|
||||||
}
|
|
||||||
.player>.identity{
|
#arena.phonetop {
|
||||||
transform: scale(1.3);
|
top: 80px !important;
|
||||||
}
|
}
|
||||||
#window>.dialog.popped.hoverdialog{
|
.player > .identity {
|
||||||
transform: scale(1.3);
|
transform: scale(1.3);
|
||||||
transform-origin: left top;
|
}
|
||||||
}
|
#window > .dialog.popped.hoverdialog {
|
||||||
.player:not([data-position='0']).linked .identity,
|
transform: scale(1.3);
|
||||||
#arena.chess .player.linked .identity{
|
transform-origin: left top;
|
||||||
transform:scale(1.3) rotate(90deg);
|
}
|
||||||
}
|
.player:not([data-position="0"]).linked .identity,
|
||||||
|
#arena.chess .player.linked .identity {
|
||||||
/*br.finish_game{
|
transform: scale(1.3) rotate(90deg);
|
||||||
display: inline !important;
|
}
|
||||||
}*/
|
|
||||||
div:not(.shown)>div.finish_game{
|
/*br.finish_game{
|
||||||
opacity: 0 !important;
|
display: inline !important;
|
||||||
}
|
}*/
|
||||||
div.finish_game{
|
div:not(.shown) > div.finish_game {
|
||||||
transition: all 0.2s !important;
|
opacity: 0 !important;
|
||||||
}
|
}
|
||||||
|
div.finish_game {
|
||||||
@media screen and (orientation:portrait) {
|
transition: all 0.2s !important;
|
||||||
|
}
|
||||||
}
|
|
||||||
|
@media screen and (orientation: portrait) {
|
||||||
|
}
|
||||||
|
|
|
@ -1,257 +1,410 @@
|
||||||
@import "../mobile/layout.css";
|
@import "../mobile/layout.css";
|
||||||
|
|
||||||
|
#window.rightbar #system,
|
||||||
#window.rightbar #system,
|
#window.leftbar #system {
|
||||||
#window.leftbar #system{
|
width: calc(100% - 62px);
|
||||||
width: calc(100% - 62px);
|
}
|
||||||
}
|
#window.leftbar #system {
|
||||||
#window.leftbar #system{
|
left: 50px;
|
||||||
left: 50px;
|
}
|
||||||
}
|
#window.rightbar #historybar {
|
||||||
#window.rightbar #historybar{
|
left: calc(100% - 50px);
|
||||||
left: calc(100% - 50px);
|
}
|
||||||
}
|
#window.leftbar #historybar {
|
||||||
#window.leftbar #historybar{
|
left: 0;
|
||||||
left: 0;
|
}
|
||||||
}
|
#historybar {
|
||||||
#historybar{
|
left: calc(100% - 50px);
|
||||||
left: calc(100% - 50px);
|
border-radius: 0;
|
||||||
border-radius: 0;
|
top: 0;
|
||||||
top: 0;
|
height: calc(100% - 121px);
|
||||||
height: calc(100% - 121px);
|
z-index: 1;
|
||||||
z-index: 1;
|
}
|
||||||
}
|
#window.oblongcard #historybar {
|
||||||
#window.oblongcard #historybar{
|
height: calc(100% - 141px);
|
||||||
height: calc(100% - 141px);
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .name.name2 {
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.name.name2{
|
left: auto;
|
||||||
left: auto;
|
right: 13px;
|
||||||
right: 13px;
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) {
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0']){
|
width: 120px !important;
|
||||||
width: 120px !important;
|
height: 220px !important;
|
||||||
height: 220px !important;
|
}
|
||||||
}
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .marks {
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.marks{
|
left: -15px;
|
||||||
left: -15px;
|
}
|
||||||
}
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .judges {
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.judges{
|
right: -27px;
|
||||||
right: -27px;
|
}
|
||||||
}
|
#arena:not(.fewplayer)[data-player_height="default"] > .player:not(.minskin):not(*[data-position="0"]) {
|
||||||
#arena:not(.fewplayer)[data-player_height='default']>.player:not(.minskin):not(*[data-position='0']){
|
height: 200px !important;
|
||||||
height: 200px !important;
|
}
|
||||||
}
|
#arena:not(.fewplayer)[data-player_height="short"] > .player:not(.minskin):not(*[data-position="0"]) {
|
||||||
#arena:not(.fewplayer)[data-player_height='short']>.player:not(.minskin):not(*[data-position='0']){
|
height: 180px !important;
|
||||||
height: 180px !important;
|
}
|
||||||
}
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .equips {
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.equips{
|
transform: scale(0.8);
|
||||||
transform: scale(0.8);
|
transform-origin: bottom left;
|
||||||
transform-origin: bottom left;
|
}
|
||||||
}
|
#arena:not(.fewplayer).lslim_player .player .equips {
|
||||||
#arena:not(.fewplayer).lslim_player .player .equips{
|
left: 5px;
|
||||||
left: 5px;
|
}
|
||||||
}
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
width: calc(100% - 14px) !important;
|
||||||
width: calc(100% - 14px) !important;
|
height: calc(100% - 14px) !important;
|
||||||
height: calc(100% - 14px) !important;
|
background-position: 50% !important;
|
||||||
background-position: 50% !important;
|
}
|
||||||
}
|
#arena.uslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||||
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena.uslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
width: calc(100% - 6px) !important;
|
||||||
width: calc(100% - 6px) !important;
|
height: calc(100% - 6px) !important;
|
||||||
height: calc(100% - 6px) !important;
|
background-position: 50% !important;
|
||||||
background-position: 50% !important;
|
}
|
||||||
}
|
#arena.lslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||||
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena.lslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
width: calc(100% - 10px) !important;
|
||||||
width: calc(100% - 10px) !important;
|
height: calc(100% - 10px) !important;
|
||||||
height: calc(100% - 10px) !important;
|
background-position: 50% !important;
|
||||||
background-position: 50% !important;
|
}
|
||||||
}
|
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
height: 50% !important;
|
||||||
height: 50% !important;
|
background-position: 0 0 !important;
|
||||||
background-position: 0 0 !important;
|
border-radius: 8px !important;
|
||||||
border-radius: 8px !important;
|
}
|
||||||
}
|
#arena.uslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena.uslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
height: calc(50% + 4px) !important;
|
||||||
height: calc(50% + 4px) !important;
|
}
|
||||||
}
|
#arena.lslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena.lslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
height: calc(50% + 2px) !important;
|
||||||
height: calc(50% + 2px) !important;
|
}
|
||||||
}
|
#window[data-radius_size="reduce"]
|
||||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena:not(.fewplayer)
|
||||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||||
border-radius: 4px !important;
|
> .avatar,
|
||||||
}
|
#window[data-radius_size="reduce"]
|
||||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
#arena:not(.fewplayer)
|
||||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||||
border-radius: 0px !important;
|
> .avatar2 {
|
||||||
}
|
border-radius: 4px !important;
|
||||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
}
|
||||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
#window[data-radius_size="off"]
|
||||||
border-radius: 16px !important;
|
#arena:not(.fewplayer)
|
||||||
}
|
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
> .avatar,
|
||||||
border-radius: 8px 8px 0 0 !important;
|
#window[data-radius_size="off"]
|
||||||
height: calc(50% + 14px) !important;
|
#arena:not(.fewplayer)
|
||||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
> .avatar2 {
|
||||||
}
|
border-radius: 0px !important;
|
||||||
#arena:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
}
|
||||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
#window[data-radius_size="increase"]
|
||||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
#arena:not(.fewplayer)
|
||||||
}
|
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||||
#arena:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
> .avatar,
|
||||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
#window[data-radius_size="increase"]
|
||||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
#arena:not(.fewplayer)
|
||||||
}
|
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
> .avatar2 {
|
||||||
height: calc(50% + 18px) !important;
|
border-radius: 16px !important;
|
||||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
}
|
||||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"]) > .avatar {
|
||||||
}
|
border-radius: 8px 8px 0 0 !important;
|
||||||
#arena.uslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
height: calc(50% + 14px) !important;
|
||||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
||||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
||||||
}
|
}
|
||||||
#arena.uslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
#arena:not(.fewplayer)[data-player_height="default"]
|
||||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
> .avatar {
|
||||||
}
|
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
||||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
||||||
height: calc(50% + 18px) !important;
|
}
|
||||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
#arena:not(.fewplayer)[data-player_height="short"]
|
||||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
}
|
> .avatar {
|
||||||
#arena.lslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
||||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
||||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
}
|
||||||
}
|
#arena.uslim_player:not(.fewplayer)
|
||||||
#arena.lslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
> .avatar {
|
||||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
height: calc(50% + 18px) !important;
|
||||||
}
|
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
||||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
||||||
border-radius: 4px 4px 0 0 !important;
|
}
|
||||||
}
|
#arena.uslim_player:not(.fewplayer)[data-player_height="default"]
|
||||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
border-radius: 0 0 0 0 !important;
|
> .avatar {
|
||||||
}
|
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
||||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
||||||
border-radius: 16px 16px 0 0 !important;
|
}
|
||||||
}
|
#arena.uslim_player:not(.fewplayer)[data-player_height="short"]
|
||||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
border-radius: 0 0 8px 8px !important;
|
> .avatar {
|
||||||
top: calc(50% - 21px) !important;
|
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
||||||
height: calc(50% + 14px) !important;
|
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
||||||
background-position: 0 10px !important;
|
}
|
||||||
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
#arena.lslim_player:not(.fewplayer)
|
||||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
}
|
> .avatar {
|
||||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
height: calc(50% + 18px) !important;
|
||||||
top: calc(50% - 21px) !important;
|
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
||||||
height: calc(50% + 18px) !important;
|
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
||||||
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
}
|
||||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
#arena.lslim_player:not(.fewplayer)[data-player_height="default"]
|
||||||
}
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
> .avatar {
|
||||||
top: calc(50% - 21px) !important;
|
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
||||||
height: calc(50% + 16px) !important;
|
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
||||||
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
}
|
||||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
#arena.lslim_player:not(.fewplayer)[data-player_height="short"]
|
||||||
}
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
> .avatar {
|
||||||
border-radius: 0 0 4px 4px !important;
|
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
||||||
}
|
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
||||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
}
|
||||||
border-radius: 0 0 0 0 !important;
|
#window[data-radius_size="reduce"]
|
||||||
}
|
#arena:not(.fewplayer)
|
||||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
border-radius: 0 0 16px 16px !important;
|
> .avatar {
|
||||||
}
|
border-radius: 4px 4px 0 0 !important;
|
||||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
}
|
||||||
top: calc(50% - 7px) !important;
|
#window[data-radius_size="off"]
|
||||||
}
|
#arena:not(.fewplayer)
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.identity{
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
left: 102px;
|
> .avatar {
|
||||||
}
|
border-radius: 0 0 0 0 !important;
|
||||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount){
|
}
|
||||||
left: 93px;
|
#window[data-radius_size="increase"]
|
||||||
}
|
#arena:not(.fewplayer)
|
||||||
/*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{
|
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||||
left: 89px;
|
> .avatar {
|
||||||
}*/
|
border-radius: 16px 16px 0 0 !important;
|
||||||
#arena:not(.fewplayer)>.player.fullskin2 .avatar2{
|
}
|
||||||
z-index: 2;
|
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"]) > .avatar2 {
|
||||||
}
|
border-radius: 0 0 8px 8px !important;
|
||||||
#arena:not(.fewplayer)>.player.unseen:not(.unseen2) .count{
|
top: calc(50% - 21px) !important;
|
||||||
text-align: left;
|
height: calc(50% + 14px) !important;
|
||||||
border-radius:3px 0 0 3px;
|
background-position: 0 10px !important;
|
||||||
}
|
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
||||||
#arena:not(.fewplayer)>.player.unseen2 .count{
|
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
||||||
border-radius: 3px;
|
}
|
||||||
text-align: center;
|
#arena.uslim_player:not(.fewplayer)
|
||||||
}
|
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||||
|
> .avatar2 {
|
||||||
#arena:not(.fewplayer) .timerbar>div{
|
top: calc(50% - 21px) !important;
|
||||||
top: 205px;
|
height: calc(50% + 18px) !important;
|
||||||
width: 96px;
|
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
||||||
left: 12px;
|
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
||||||
}
|
}
|
||||||
#arena:not(.fewplayer)[data-player_height='default'] .timerbar>div{
|
#arena.lslim_player:not(.fewplayer)
|
||||||
top: 185px;
|
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||||
}
|
> .avatar2 {
|
||||||
#arena:not(.fewplayer)[data-player_height='short'] .timerbar>div{
|
top: calc(50% - 21px) !important;
|
||||||
top: 165px;
|
height: calc(50% + 16px) !important;
|
||||||
}
|
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
||||||
|
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
||||||
/*--------位置(8人)------*/
|
}
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{top:calc(30% - 120px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
|
#window[data-radius_size="reduce"]
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{top:calc(8% - 32px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
|
#arena:not(.fewplayer)
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
|
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
|
> .avatar2 {
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
|
border-radius: 0 0 4px 4px !important;
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{top:calc(8% - 32px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{top:calc(30% - 120px);left:calc(-300% / 94 + 625% / 47 - 105px);}
|
#window[data-radius_size="off"]
|
||||||
@media screen and (min-width: 1105px){
|
#arena:not(.fewplayer)
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
|
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
|
> .avatar2 {
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
|
border-radius: 0 0 0 0 !important;
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
|
#window[data-radius_size="increase"]
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
|
#arena:not(.fewplayer)
|
||||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{left:0;}
|
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||||
}
|
> .avatar2 {
|
||||||
/*--------位置(7人)------*/
|
border-radius: 0 0 16px 16px !important;
|
||||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='2']{top:calc(8% - 32px);left:calc(80% - 96px);}
|
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
|
top: calc(50% - 7px) !important;
|
||||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='5']{top:calc(8% - 32px);left:calc(20% - 24px);}
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .identity {
|
||||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='6']{top:calc(30% - 120px);left:0;}
|
left: 102px;
|
||||||
/*--------位置(6人)------*/
|
}
|
||||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .hp:not(.actcount) {
|
||||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
|
left: 93px;
|
||||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
|
/*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{
|
||||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='5']{top:calc(30% - 120px);left:0;}
|
left: 89px;
|
||||||
/*--------位置(5人)------*/
|
}*/
|
||||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
#arena:not(.fewplayer) > .player.fullskin2 .avatar2 {
|
||||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
|
z-index: 2;
|
||||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='4']{top:calc(30% - 120px);left:0;}
|
#arena:not(.fewplayer) > .player.unseen:not(.unseen2) .count {
|
||||||
/*--------位置(4人)------*/
|
text-align: left;
|
||||||
#arena:not(.fewplayer)[data-number='4']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
border-radius: 3px 0 0 3px;
|
||||||
#arena:not(.fewplayer)[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
|
}
|
||||||
#arena:not(.fewplayer)[data-number='4']>.player[data-position='3']{top:calc(30% - 120px);left:0;}
|
#arena:not(.fewplayer) > .player.unseen2 .count {
|
||||||
/*--------位置(3人)------*/
|
border-radius: 3px;
|
||||||
#arena:not(.fewplayer)[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
|
text-align: center;
|
||||||
#arena:not(.fewplayer)[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
|
}
|
||||||
/*--------位置(2人)------*/
|
|
||||||
#arena:not(.fewplayer)[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
|
#arena:not(.fewplayer) .timerbar > div {
|
||||||
|
top: 205px;
|
||||||
|
width: 96px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-player_height="default"] .timerbar > div {
|
||||||
|
top: 185px;
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-player_height="short"] .timerbar > div {
|
||||||
|
top: 165px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------位置(8人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="1"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: calc(-300% / 94 + 4375% / 47 - 735px + 720px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="2"] {
|
||||||
|
top: calc(8% - 32px);
|
||||||
|
left: calc(-300% / 94 + 3750% / 47 - 630px + 600px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="3"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(-300% / 94 + 3125% / 47 - 525px + 480px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="4"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(-300% / 94 + 2500% / 47 - 420px + 360px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="5"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(-300% / 94 + 1875% / 47 - 315px + 240px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="6"] {
|
||||||
|
top: calc(8% - 32px);
|
||||||
|
left: calc(-300% / 94 + 1250% / 47 - 210px + 120px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="7"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: calc(-300% / 94 + 625% / 47 - 105px);
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 1105px) {
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="1"] {
|
||||||
|
left: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="2"] {
|
||||||
|
left: calc(500% / 6 - 100px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="3"] {
|
||||||
|
left: calc(400% / 6 - 80px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="4"] {
|
||||||
|
left: calc(300% / 6 - 60px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="5"] {
|
||||||
|
left: calc(200% / 6 - 40px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="6"] {
|
||||||
|
left: calc(100% / 6 - 20px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="7"] {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*--------位置(7人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="1"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="2"] {
|
||||||
|
top: calc(8% - 32px);
|
||||||
|
left: calc(80% - 96px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="3"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(60% - 72px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="4"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(40% - 48px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="5"] {
|
||||||
|
top: calc(8% - 32px);
|
||||||
|
left: calc(20% - 24px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="6"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/*--------位置(6人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="1"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="2"] {
|
||||||
|
top: 0px;
|
||||||
|
left: calc(75% - 90px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="3"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(50% - 60px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="4"] {
|
||||||
|
top: 0px;
|
||||||
|
left: calc(25% - 30px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="5"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/*--------位置(5人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="1"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="2"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(200% / 3 - 80px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="3"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(100% / 3 - 40px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="4"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/*--------位置(4人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="4"] > .player[data-position="1"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="4"] > .player[data-position="2"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(50% - 60px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="4"] > .player[data-position="3"] {
|
||||||
|
top: calc(30% - 120px);
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/*--------位置(3人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="3"] > .player[data-position="1"] {
|
||||||
|
top: calc(60% / 3 - 88px);
|
||||||
|
left: calc(75% + 80px);
|
||||||
|
}
|
||||||
|
#arena:not(.fewplayer)[data-number="3"] > .player[data-position="2"] {
|
||||||
|
top: calc(60% / 3 - 88px);
|
||||||
|
left: calc(25% - 200px);
|
||||||
|
}
|
||||||
|
/*--------位置(2人)------*/
|
||||||
|
#arena:not(.fewplayer)[data-number="2"] > .player[data-position="1"] {
|
||||||
|
top: 0;
|
||||||
|
left: calc(50% - 60px);
|
||||||
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,227 +1,225 @@
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips,
|
#arena:not(.chess).textequip .player[data-position="0"] .equips,
|
||||||
.player:not([data-position='0']) .equips,
|
.player:not([data-position="0"]) .equips,
|
||||||
#arena.chess .player .equips{
|
#arena.chess .player .equips {
|
||||||
width:120px;
|
width: 120px;
|
||||||
height:auto;
|
height: auto;
|
||||||
top:auto;
|
top: auto;
|
||||||
right:auto;
|
right: auto;
|
||||||
bottom:18px;
|
bottom: 18px;
|
||||||
left:10px;
|
left: 10px;
|
||||||
text-align:left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
#arena.slim_player .player:not([data-position='0']) .equips,
|
#arena.slim_player .player:not([data-position="0"]) .equips,
|
||||||
#arena.chess.slim_player .player .equips{
|
#arena.chess.slim_player .player .equips {
|
||||||
left:7px;
|
left: 7px;
|
||||||
}
|
}
|
||||||
#arena.chess.lslim_player.slim_player .player .equips{
|
#arena.chess.lslim_player.slim_player .player .equips {
|
||||||
left:5px;
|
left: 5px;
|
||||||
bottom: 17px;
|
bottom: 17px;
|
||||||
}
|
}
|
||||||
#arena.chess.lslim_player.slim_player .player.minskin.linked .equips{
|
#arena.chess.lslim_player.slim_player .player.minskin.linked .equips {
|
||||||
transform: rotate(90deg) translate(-98px,-5px) scale(0.73)
|
transform: rotate(90deg) translate(-98px, -5px) scale(0.73);
|
||||||
}
|
}
|
||||||
#arena.uslim_player .player:not([data-position='0']) .equips,
|
#arena.uslim_player .player:not([data-position="0"]) .equips,
|
||||||
#arena.chess.uslim_player .player .equips{
|
#arena.chess.uslim_player .player .equips {
|
||||||
left:3px;
|
left: 3px;
|
||||||
}
|
}
|
||||||
#arena.mslim_player .player:not([data-position='0']) .equips,
|
#arena.mslim_player .player:not([data-position="0"]) .equips,
|
||||||
#arena.chess.mslim_player .player .equips{
|
#arena.chess.mslim_player .player .equips {
|
||||||
left:5px;
|
left: 5px;
|
||||||
}
|
}
|
||||||
.player:not([data-position='0']).minskin .equips,
|
.player:not([data-position="0"]).minskin .equips,
|
||||||
#arena.chess .player.minskin .equips{
|
#arena.chess .player.minskin .equips {
|
||||||
transform:scale(0.73);
|
transform: scale(0.73);
|
||||||
transform-origin:bottom left;
|
transform-origin: bottom left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card::after,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::after,
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card::before,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::before,
|
.player:not([data-position="0"]) .equips > .card::after,
|
||||||
.player:not([data-position='0']) .equips>.card::after,
|
.player:not([data-position="0"]) .equips > .card::before,
|
||||||
.player:not([data-position='0']) .equips>.card::before,
|
#arena.chess .player .equips > .card::after,
|
||||||
#arena.chess .player .equips>.card::after,
|
#arena.chess .player .equips > .card::before {
|
||||||
#arena.chess .player .equips>.card::before{
|
visibility: hidden;
|
||||||
visibility: hidden;
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card,
|
.player:not([data-position="0"]) .equips > .card,
|
||||||
.player:not([data-position='0']) .equips>.card,
|
#arena.chess .player .equips > .card {
|
||||||
#arena.chess .player .equips>.card{
|
position: relative;
|
||||||
position:relative;
|
width: 100%;
|
||||||
width:100%;
|
height: 22px;
|
||||||
height:22px;
|
line-height: 22px;
|
||||||
line-height:22px;
|
margin-top: 0;
|
||||||
margin-top:0;
|
margin-bottom: 0;
|
||||||
margin-bottom:0;
|
animation: card_start2x 0.5s;
|
||||||
animation: card_start2x 0.5s;
|
-webkit-animation: card_start2x 0.5s;
|
||||||
-webkit-animation: card_start2x 0.5s;
|
display: block;
|
||||||
display:block;
|
left: 0;
|
||||||
left:0;
|
top: 0;
|
||||||
top:0;
|
transition: all 0.5s;
|
||||||
transition:all 0.5s;
|
|
||||||
|
color: white;
|
||||||
color:white;
|
border-radius: 0;
|
||||||
border-radius:0;
|
text-shadow: black 0 0 2px;
|
||||||
text-shadow:black 0 0 2px;
|
}
|
||||||
}
|
.player:not([data-position="0"]) .equips > .card,
|
||||||
.player:not([data-position='0']) .equips>.card,
|
#arena.chess .player .equips > .card {
|
||||||
#arena.chess .player .equips>.card{
|
border-width: 1px 0 0;
|
||||||
border-width: 1px 0 0;
|
border-style: solid;
|
||||||
border-style:solid;
|
border-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 70%, transparent) 100% 0 0;
|
||||||
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent),
|
||||||
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
|
linear-gradient(135deg, rgba(0, 0, 0, 0.5), transparent 80%, transparent) !important;
|
||||||
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
|
box-shadow: none;
|
||||||
box-shadow:none;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .image,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image,
|
.player:not([data-position="0"]) .equips > .card > .image,
|
||||||
.player:not([data-position='0']) .equips>.card>.image,
|
#arena.chess .player .equips > .card > .image {
|
||||||
#arena.chess .player .equips>.card>.image{
|
display: none;
|
||||||
display:none;
|
}
|
||||||
}
|
|
||||||
|
/*#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
|
||||||
/*#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
|
.player:not([data-position='0']).unseen .equips>.card,
|
||||||
.player:not([data-position='0']).unseen .equips>.card,
|
#arena.chess .player.unseen .equips>.card{
|
||||||
#arena.chess .player.unseen .equips>.card{
|
background:none;
|
||||||
background:none;
|
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
||||||
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
|
.player:not([data-position='0']).unseen .equips>.card,
|
||||||
.player:not([data-position='0']).unseen .equips>.card,
|
#arena.chess .player.unseen .equips>.card{
|
||||||
#arena.chess .player.unseen .equips>.card{
|
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
||||||
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card:first-child,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card:first-child,
|
.player:not([data-position='0']).unseen .equips>.card:first-child,
|
||||||
.player:not([data-position='0']).unseen .equips>.card:first-child,
|
#arena.chess .player.unseen .equips>.card:first-child{
|
||||||
#arena.chess .player.unseen .equips>.card:first-child{
|
border-image:linear-gradient(transparent,transparent);
|
||||||
border-image:linear-gradient(transparent,transparent);
|
}*/
|
||||||
}*/
|
.player:not([data-position="0"]) .equips > .card.selected,
|
||||||
.player:not([data-position='0']) .equips>.card.selected,
|
#arena.chess .player .equips > .card.selected {
|
||||||
#arena.chess .player .equips>.card.selected{
|
background: linear-gradient(to right, rgba(0, 133, 255, 0.3), transparent),
|
||||||
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
|
linear-gradient(135deg, rgba(0, 133, 255, 0.5), transparent 80%, transparent) !important;
|
||||||
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
|
box-shadow: none !important;
|
||||||
box-shadow:none !important;
|
border-width: 1px 0 0;
|
||||||
border-width: 1px 0 0;
|
border-style: solid;
|
||||||
border-style:solid;
|
border-image: linear-gradient(to right, rgba(0, 103, 205, 0.4) 70%, transparent) 100% 0 0;
|
||||||
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.selected {
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected{
|
background: linear-gradient(rgba(0, 133, 255, 0.6), rgba(0, 133, 255, 0.5)) !important;
|
||||||
background:linear-gradient(rgba(0, 133, 255,0.6),rgba(0, 133, 255,0.5)) !important;
|
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 0 0 !important;
|
||||||
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.fire,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire,
|
.player:not([data-position="0"]) .equips > .card.fire,
|
||||||
.player:not([data-position='0']) .equips>.card.fire,
|
#arena.chess .player .equips > .card.fire {
|
||||||
#arena.chess .player .equips>.card.fire{
|
color: rgb(255, 119, 63);
|
||||||
color: rgb(255,119,63);
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.thunder,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder,
|
.player:not([data-position="0"]) .equips > .card.thunder,
|
||||||
.player:not([data-position='0']) .equips>.card.thunder,
|
#arena.chess .player .equips > .card.thunder {
|
||||||
#arena.chess .player .equips>.card.thunder{
|
color: rgb(117, 186, 255);
|
||||||
color: rgb(117,186,255);
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.poison,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison,
|
.player:not([data-position="0"]) .equips > .card.poison,
|
||||||
.player:not([data-position='0']) .equips>.card.poison,
|
#arena.chess .player .equips > .card.poison {
|
||||||
#arena.chess .player .equips>.card.poison{
|
color: rgb(104, 221, 127);
|
||||||
color: rgb(104,221,127);
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.brown,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown,
|
.player:not([data-position="0"]) .equips > .card.brown,
|
||||||
.player:not([data-position='0']) .equips>.card.brown,
|
#arena.chess .player .equips > .card.brown {
|
||||||
#arena.chess .player .equips>.card.brown{
|
color: rgb(195, 161, 223);
|
||||||
color: rgb(195,161,223);
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .background,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background,
|
.player:not([data-position="0"]) .equips > .card > .background,
|
||||||
.player:not([data-position='0']) .equips>.card>.background,
|
#arena.chess .player .equips > .card > .background {
|
||||||
#arena.chess .player .equips>.card>.background{
|
display: none !important;
|
||||||
display:none !important;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .name2,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2,
|
.player:not([data-position="0"]) .equips > .card > .name2,
|
||||||
.player:not([data-position='0']) .equips>.card>.name2,
|
#arena.chess .player .equips > .card > .name2 {
|
||||||
#arena.chess .player .equips>.card>.name2{
|
display: block;
|
||||||
display:block;
|
margin-left: 5px;
|
||||||
margin-left:5px;
|
white-space: nowrap;
|
||||||
white-space: nowrap;
|
}
|
||||||
}
|
#arena.oblongcard:not(.chess).textequip .player[data-position="0"] .equips > .card > .name2 {
|
||||||
#arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{
|
line-height: 29px;
|
||||||
line-height: 29px;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > div,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div,
|
.player:not([data-position="0"]) .equips > .card > div,
|
||||||
.player:not([data-position='0']) .equips>.card>div,
|
#arena.chess .player .equips > .card > div {
|
||||||
#arena.chess .player .equips>.card>div{
|
animation: none !important;
|
||||||
animation:none !important;
|
-webkit-animation: none !important;
|
||||||
-webkit-animation:none !important;
|
}
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .name,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name,
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .info,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.info,
|
.player:not([data-position="0"]) .equips > .card > .name,
|
||||||
.player:not([data-position='0']) .equips>.card>.name,
|
.player:not([data-position="0"]) .equips > .card > .info,
|
||||||
.player:not([data-position='0']) .equips>.card>.info,
|
#arena.chess .player .equips > .card > .name,
|
||||||
#arena.chess .player .equips>.card>.name,
|
#arena.chess .player .equips > .card > .info {
|
||||||
#arena.chess .player .equips>.card>.info{
|
display: none !important;
|
||||||
display:none !important;
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .removing,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing,
|
.player:not([data-position="0"]) .equips > .removing,
|
||||||
.player:not([data-position='0']) .equips>.removing,
|
#arena.chess .player .equips > .removing {
|
||||||
#arena.chess .player .equips>.removing{
|
margin-top: -12px !important;
|
||||||
margin-top:-12px !important;
|
margin-bottom: -11px !important;
|
||||||
margin-bottom:-11px !important;
|
transform: scale(1);
|
||||||
transform:scale(1);
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .removing + .removing,
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing,
|
.player:not([data-position="0"]) .equips > .removing + .removing,
|
||||||
.player:not([data-position='0']) .equips>.removing+.removing,
|
#arena.chess .player .equips > .removing + .removing {
|
||||||
#arena.chess .player .equips>.removing+.removing{
|
margin-top: -23px !important;
|
||||||
margin-top:-23px !important;
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.textequip):not(.chess).textequip .player[data-position="0"].linked .equips,
|
||||||
|
.player:not([data-position="0"]).linked .equips,
|
||||||
#arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips,
|
#arena.chess .player.linked .equips {
|
||||||
.player:not([data-position='0']).linked .equips,
|
transform: rotate(90deg) translate(-152px, -6px);
|
||||||
#arena.chess .player.linked .equips{
|
transform-origin: bottom left;
|
||||||
transform:rotate(90deg) translate(-152px,-6px);
|
}
|
||||||
transform-origin:bottom left;
|
#arena.slim_player .player:not([data-position="0"]).linked .equips,
|
||||||
}
|
#arena.chess.slim_player .player.linked .equips {
|
||||||
#arena.slim_player .player:not([data-position='0']).linked .equips,
|
transform: rotate(90deg) translate(-155px, -6px);
|
||||||
#arena.chess.slim_player .player.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-155px,-6px);
|
#arena.uslim_player .player:not([data-position="0"]).linked .equips,
|
||||||
}
|
#arena.chess.uslim_player .player.linked .equips {
|
||||||
#arena.uslim_player .player:not([data-position='0']).linked .equips,
|
transform: rotate(90deg) translate(-159px, -6px);
|
||||||
#arena.chess.uslim_player .player.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-159px,-6px);
|
#arena.mslim_player .player:not([data-position="0"]).linked .equips,
|
||||||
}
|
#arena.chess.mslim_player .player.linked .equips {
|
||||||
#arena.mslim_player .player:not([data-position='0']).linked .equips,
|
transform: rotate(90deg) translate(-157px, -6px);
|
||||||
#arena.chess.mslim_player .player.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-157px,-6px);
|
.player:not([data-position="0"]).minskin.linked .equips,
|
||||||
}
|
#arena.chess .player.minskin.linked .equips {
|
||||||
.player:not([data-position='0']).minskin.linked .equips,
|
transform: rotate(90deg) translate(-92px, -6px) scale(0.73);
|
||||||
#arena.chess .player.minskin.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
|
#arena.slim_player .player:not([data-position="0"]).minskin.linked .equips,
|
||||||
}
|
#arena.chess.slim_player .player.minskin.linked .equips {
|
||||||
#arena.slim_player .player:not([data-position='0']).minskin.linked .equips,
|
transform: rotate(90deg) translate(-95px, -6px) scale(0.73);
|
||||||
#arena.chess.slim_player .player.minskin.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
|
#arena.uslim_player .player:not([data-position="0"]).minskin.linked .equips,
|
||||||
}
|
#arena.chess.uslim_player .player.minskin.linked .equips {
|
||||||
#arena.uslim_player .player:not([data-position='0']).minskin.linked .equips,
|
transform: rotate(90deg) translate(-99px, -6px) scale(0.73);
|
||||||
#arena.chess.uslim_player .player.minskin.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
|
#arena.mslim_player .player:not([data-position="0"]).minskin.linked .equips,
|
||||||
}
|
#arena.chess.mslim_player .player.minskin.linked .equips {
|
||||||
#arena.mslim_player .player:not([data-position='0']).minskin.linked .equips,
|
transform: rotate(90deg) translate(-97px, -6px) scale(0.73);
|
||||||
#arena.chess.mslim_player .player.minskin.linked .equips{
|
}
|
||||||
transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
|
.player:not([data-position="0"]).linked .identity,
|
||||||
}
|
#arena.chess .player.linked .identity {
|
||||||
.player:not([data-position='0']).linked .identity,
|
transform: rotate(90deg);
|
||||||
#arena.chess .player.linked .identity{
|
}
|
||||||
transform:rotate(90deg);
|
|
||||||
}
|
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card {
|
||||||
|
border-radius: 0px !important;
|
||||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
|
left: 0 !important;
|
||||||
border-radius: 0px !important;
|
right: auto !important;
|
||||||
left:0 !important;
|
top: 0 !important;
|
||||||
right: auto !important;
|
bottom: auto !important;
|
||||||
top:0 !important;
|
position: relative !important;
|
||||||
bottom: auto !important;
|
height: 20% !important;
|
||||||
position: relative !important;
|
|
||||||
height: 20% !important;
|
background: none !important;
|
||||||
|
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 0 0;
|
||||||
background:none !important;
|
}
|
||||||
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0;
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,362 +1,373 @@
|
||||||
@import "../newlayout/global.css";
|
@import "../newlayout/global.css";
|
||||||
@import "equip.css";
|
@import "equip.css";
|
||||||
|
|
||||||
#arena{
|
#arena {
|
||||||
height: calc(95% + 20px);
|
height: calc(95% + 20px);
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess):not(.nome){
|
#arena.oblongcard:not(.chess):not(.nome) {
|
||||||
height: 95%;
|
height: 95%;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess):not(.nome) #me,
|
#arena.oblongcard:not(.chess):not(.nome) #me,
|
||||||
#arena.oblongcard:not(.chess):not(.nome) #mebg{
|
#arena.oblongcard:not(.chess):not(.nome) #mebg {
|
||||||
height: 140px;
|
height: 140px;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
}
|
}
|
||||||
#historybar{
|
#historybar {
|
||||||
height: calc(95% - 160px);
|
height: calc(95% - 160px);
|
||||||
}
|
}
|
||||||
#window.oblongcard #historybar{
|
#window.oblongcard #historybar {
|
||||||
height: calc(95% - 180px);
|
height: calc(95% - 180px);
|
||||||
}
|
}
|
||||||
#control{
|
#control {
|
||||||
width: calc(5000% / 47 - 240px);
|
width: calc(5000% / 47 - 240px);
|
||||||
left:calc(-150% / 47 + 120px);
|
left: calc(-150% / 47 + 120px);
|
||||||
bottom:150px;
|
bottom: 150px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
#arena.choose-to-move>#control,
|
#arena.choose-to-move > #control,
|
||||||
#arena.discard-player-card>#control,
|
#arena.discard-player-card > #control,
|
||||||
#arena.gain-player-card>#control,
|
#arena.gain-player-card > #control,
|
||||||
#arena.choose-player-card>#control{
|
#arena.choose-player-card > #control {
|
||||||
bottom: 30px;
|
bottom: 30px;
|
||||||
transition: all 0s;
|
transition: all 0s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#arena.phone.discard-player-card>#control,
|
#arena.phone.discard-player-card > #control,
|
||||||
#arena.phone.gain-player-card>#control,
|
#arena.phone.gain-player-card > #control,
|
||||||
#arena.phone.choose-player-card>#control,
|
#arena.phone.choose-player-card > #control,
|
||||||
#arena.phone.choose-to-move>#control{
|
#arena.phone.choose-to-move > #control {
|
||||||
bottom: 43px;
|
bottom: 43px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#arena.ipad.discard-player-card>#control,
|
#arena.ipad.discard-player-card > #control,
|
||||||
#arena.ipad.gain-player-card>#control,
|
#arena.ipad.gain-player-card > #control,
|
||||||
#arena.ipad.choose-player-card>#control,
|
#arena.ipad.choose-player-card > #control,
|
||||||
#arena.ipad.choose-to-move>#control{
|
#arena.ipad.choose-to-move > #control {
|
||||||
bottom: 45px;
|
bottom: 45px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess)>#me,
|
#arena:not(.chess) > #me,
|
||||||
#arena:not(.chess)>#mebg,
|
#arena:not(.chess) > #mebg,
|
||||||
#arena:not(.chess)>#autonode{
|
#arena:not(.chess) > #autonode {
|
||||||
bottom:30px;
|
bottom: 30px;
|
||||||
width: calc(5000% / 47);
|
width: calc(5000% / 47);
|
||||||
left:calc(-150% / 47);
|
left: calc(-150% / 47);
|
||||||
top:auto;
|
top: auto;
|
||||||
border-radius:0 !important;
|
border-radius: 0 !important;
|
||||||
height:120px;
|
height: 120px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess)>#autonode{
|
#arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 - 240px);
|
width: calc(5000% / 47 - 240px);
|
||||||
left:calc(-150% / 47 + 120px);
|
left: calc(-150% / 47 + 120px);
|
||||||
}
|
}
|
||||||
#window.leftbar #arena:not(.chess)>#me,
|
#window.leftbar #arena:not(.chess) > #me,
|
||||||
#window.leftbar #arena:not(.chess)>#mebg,
|
#window.leftbar #arena:not(.chess) > #mebg,
|
||||||
#window.leftbar #arena:not(.chess)>#autonode,
|
#window.leftbar #arena:not(.chess) > #autonode,
|
||||||
#window.leftbar #arena:not(.chess) .player[data-position='0']{
|
#window.leftbar #arena:not(.chess) .player[data-position="0"] {
|
||||||
width: calc(5000% / 47 + 2500px / 47);
|
width: calc(5000% / 47 + 2500px / 47);
|
||||||
left:calc(-150% / 47 - 50px - 75px / 47);
|
left: calc(-150% / 47 - 50px - 75px / 47);
|
||||||
}
|
}
|
||||||
#window.leftbar #arena:not(.chess)>#autonode{
|
#window.leftbar #arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
||||||
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
|
left: calc(-150% / 47 - 50px - 75px / 47 + 120px);
|
||||||
}
|
}
|
||||||
#window.rightbar #arena:not(.chess)>#me,
|
#window.rightbar #arena:not(.chess) > #me,
|
||||||
#window.rightbar #arena:not(.chess)>#mebg,
|
#window.rightbar #arena:not(.chess) > #mebg,
|
||||||
#window.rightbar #arena:not(.chess)>#autonode,
|
#window.rightbar #arena:not(.chess) > #autonode,
|
||||||
#window.rightbar #arena:not(.chess) .player[data-position='0']{
|
#window.rightbar #arena:not(.chess) .player[data-position="0"] {
|
||||||
width: calc(5000% / 47 + 2500px / 47);
|
width: calc(5000% / 47 + 2500px / 47);
|
||||||
left:calc(-150% / 47 - 75px / 47);
|
left: calc(-150% / 47 - 75px / 47);
|
||||||
}
|
}
|
||||||
#window.rightbar #arena:not(.chess)>#autonode{
|
#window.rightbar #arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
||||||
left:calc(-150% / 47 - 75px / 47 + 120px);
|
left: calc(-150% / 47 - 75px / 47 + 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) #handcards1{
|
#arena:not(.chess) #handcards1 {
|
||||||
height:120px;
|
height: 120px;
|
||||||
padding:0;
|
padding: 0;
|
||||||
top:calc(100% - 120px);
|
top: calc(100% - 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.chess):not(.single-handcard) #handcards1{
|
#arena:not(.chess):not(.single-handcard) #handcards1 {
|
||||||
width:calc(100% - 240px);
|
width: calc(100% - 240px);
|
||||||
left:120px;
|
left: 120px;
|
||||||
}
|
}
|
||||||
#handcards2{
|
#handcards2 {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
/*#arena:not(.chess) .player[data-position='0']>.playerjiu{
|
/*#arena:not(.chess) .player[data-position='0']>.playerjiu{
|
||||||
width: 120px;
|
width: 120px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}*/
|
}*/
|
||||||
#arena:not(.chess) .player[data-position='0'].playerfocus{
|
#arena:not(.chess) .player[data-position="0"].playerfocus {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
|
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) {
|
||||||
width: 45px;
|
width: 45px;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
|
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{
|
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .name {
|
||||||
display: block;
|
display: block;
|
||||||
transform: scale(0.43) !important;
|
transform: scale(0.43) !important;
|
||||||
transform-origin: left top;
|
transform-origin: left top;
|
||||||
left: 2px;
|
left: 2px;
|
||||||
top: 3px;
|
top: 3px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{
|
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .name.long {
|
||||||
top: 2px;
|
top: 2px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{
|
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .info {
|
||||||
display: block;
|
display: block;
|
||||||
transform: scale(0.43) !important;
|
transform: scale(0.43) !important;
|
||||||
transform-origin: right top;
|
transform-origin: right top;
|
||||||
right: 3px;
|
right: 3px;
|
||||||
top: 3px;
|
top: 3px;
|
||||||
}
|
}
|
||||||
/*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
|
/*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
|
||||||
height: 54px;
|
height: 54px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
|
#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
|
||||||
width: 120%;
|
width: 120%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: -20%;
|
left: -20%;
|
||||||
top: 0%;
|
top: 0%;
|
||||||
}*/
|
}*/
|
||||||
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{
|
#arena:not(.chess):not(.textequip) .player[data-position="0"] > .equips > div.legend {
|
||||||
border: 1px solid rgb(192, 90, 255);
|
border: 1px solid rgb(192, 90, 255);
|
||||||
}
|
}
|
||||||
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{
|
#arena:not(.chess):not(.textequip) .player[data-position="0"] > .equips > div.epic {
|
||||||
border: 1px solid rgb(90, 171, 255);
|
border: 1px solid rgb(90, 171, 255);
|
||||||
}
|
}
|
||||||
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{
|
#arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']{
|
#arena:not(.chess) .player[data-position="0"] {
|
||||||
width: calc(5000% / 47);
|
width: calc(5000% / 47);
|
||||||
left:calc(-150% / 47);
|
left: calc(-150% / 47);
|
||||||
height: 120px;
|
height: 120px;
|
||||||
top: calc(100% - 150px);
|
top: calc(100% - 150px);
|
||||||
background: none !important;
|
background: none !important;
|
||||||
border:none !important;
|
border: none !important;
|
||||||
border-radius: 0 !important;
|
border-radius: 0 !important;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.turned{
|
#arena:not(.chess) .player[data-position="0"] > .turned {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.chain{
|
#arena:not(.chess) .player[data-position="0"] > .chain {
|
||||||
width: 120px
|
width: 120px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess) .player[data-position='0']{
|
#arena.oblongcard:not(.chess) .player[data-position="0"] {
|
||||||
height: 140px;
|
height: 140px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#arena:not(.chess) .player[data-position='0'].linked>.damage{
|
#arena:not(.chess) .player[data-position="0"].linked > .damage {
|
||||||
transform:scale(0.7) rotate(0);
|
transform: scale(0.7) rotate(0);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{
|
#arena:not(.chess) .player[data-position="0"].linked > .damage.damageadded {
|
||||||
transform:scale(1) rotate(0);
|
transform: scale(1) rotate(0);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){
|
#arena:not(.chess) .player[data-position="0"]:not(.selected):not(.selectedx):not(.selectable):not(.glow) {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .avatar,
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .avatar2,
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .equips {
|
||||||
width:120px;
|
width: 120px;
|
||||||
height:100%;
|
height: 100%;
|
||||||
border-radius:0px !important;
|
border-radius: 0px !important;
|
||||||
top:0;
|
top: 0;
|
||||||
left:0;
|
left: 0;
|
||||||
transition-property: opacity,transform;
|
transition-property: opacity, transform;
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
/*-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 180px, -10px 180px);*/
|
/*-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 180px, -10px 180px);*/
|
||||||
}
|
}
|
||||||
/*#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
|
/*#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
|
||||||
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
|
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
|
||||||
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
||||||
-webkit-clip-path: none;
|
-webkit-clip-path: none;
|
||||||
}*/
|
}*/
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .identity {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges,
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .judges,
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .marks {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .equips {
|
||||||
left:calc(100% - 120px);
|
left: calc(100% - 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip1{top: 10px;left: 10px;}
|
#arena:not(.chess) .player[data-position="0"] > .equips > .equip1 {
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip2{top: 10px;right: 10px;}
|
top: 10px;
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip3{bottom: 10px;left: 10px;}
|
left: 10px;
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip4{bottom: 10px;right: 10px;}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip6{bottom: 10px;right: 10px;}
|
#arena:not(.chess) .player[data-position="0"] > .equips > .equip2 {
|
||||||
|
top: 10px;
|
||||||
#arena:not(.chess) .player[data-position='0']>.name,
|
right: 10px;
|
||||||
#arena:not(.chess) .player[data-position='0'].linked>.name{
|
}
|
||||||
left:4px;
|
#arena:not(.chess) .player[data-position="0"] > .equips > .equip3 {
|
||||||
top:10px;
|
bottom: 10px;
|
||||||
transform: none;
|
left: 10px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) .player[data-position='0']>.nameol{
|
#arena:not(.chess) .player[data-position="0"] > .equips > .equip4 {
|
||||||
display: none;
|
bottom: 10px;
|
||||||
}
|
right: 10px;
|
||||||
#arena:not(.chess) .player[data-position='0']>.name.name2,
|
}
|
||||||
#arena:not(.chess) .player[data-position='0'].linked>.name.name2{
|
#arena:not(.chess) .player[data-position="0"] > .equips > .equip6 {
|
||||||
left:69px;
|
bottom: 10px;
|
||||||
}
|
right: 10px;
|
||||||
#arena:not(.chess):not(.stone) .player[data-position='0']>.identity{
|
}
|
||||||
left: 0;
|
|
||||||
width: 130px;
|
#arena:not(.chess) .player[data-position="0"] > .name,
|
||||||
}
|
#arena:not(.chess) .player[data-position="0"].linked > .name {
|
||||||
#arena:not(.chess) .player[data-position='0']>.damage{
|
left: 4px;
|
||||||
width: 120px;
|
top: 10px;
|
||||||
}
|
transform: none;
|
||||||
#arena:not(.chess) .player[data-position='0'].target{
|
}
|
||||||
transform:none !important;
|
#arena:not(.chess) .player[data-position="0"] > .nameol {
|
||||||
}
|
display: none;
|
||||||
#arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){
|
}
|
||||||
bottom: 5px;
|
#arena:not(.chess) .player[data-position="0"] > .name.name2,
|
||||||
left: 100px;
|
#arena:not(.chess) .player[data-position="0"].linked > .name.name2 {
|
||||||
}
|
left: 69px;
|
||||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{
|
}
|
||||||
bottom:10px;
|
#arena:not(.chess):not(.stone) .player[data-position="0"] > .identity {
|
||||||
border-radius: 0 2px 2px 0;
|
left: 0;
|
||||||
left:-1px;
|
width: 130px;
|
||||||
z-index: 3;
|
}
|
||||||
text-align: right;
|
#arena:not(.chess) .player[data-position="0"] > .damage {
|
||||||
}
|
width: 120px;
|
||||||
#arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{
|
}
|
||||||
border-radius: 0 2px 2px 0;
|
#arena:not(.chess) .player[data-position="0"].target {
|
||||||
left:-1px;
|
transform: none !important;
|
||||||
z-index: 3;
|
}
|
||||||
text-align: right;
|
#arena:not(.chess) .player[data-position="0"] > .hp:not(.actcount) {
|
||||||
}
|
bottom: 5px;
|
||||||
#arena:not(.chess) .player[data-position='0']>.hp.actcount{
|
left: 100px;
|
||||||
top:10px;
|
}
|
||||||
left:2px;
|
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .count {
|
||||||
}
|
bottom: 10px;
|
||||||
|
border-radius: 0 2px 2px 0;
|
||||||
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar,
|
left: -1px;
|
||||||
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
|
z-index: 3;
|
||||||
width:60px;
|
text-align: right;
|
||||||
background-position:50%;
|
}
|
||||||
}
|
#arena:not(.chess).slim_player .player[data-position="0"]:not(.minskin) > .count {
|
||||||
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
|
border-radius: 0 2px 2px 0;
|
||||||
left:60px;
|
left: -1px;
|
||||||
top:0;
|
z-index: 3;
|
||||||
z-index:1;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
#arena:not(.chess) .player[data-position="0"] > .hp.actcount {
|
||||||
.popup[data-position='0']{
|
top: 10px;
|
||||||
top:calc(100% - 187px);
|
left: 2px;
|
||||||
left:calc(-150% / 47 + 15px);
|
}
|
||||||
}
|
|
||||||
|
#arena:not(.chess) .player.fullskin2[data-position="0"]:not(.minskin) > .avatar,
|
||||||
#arena:not(.chess) .player[data-position='0']>.judges{
|
#arena:not(.chess) .player.fullskin2[data-position="0"]:not(.minskin) > .avatar2 {
|
||||||
left: 6px;
|
width: 60px;
|
||||||
top: -16px;
|
background-position: 50%;
|
||||||
transform: none;
|
}
|
||||||
}
|
#arena:not(.chess) .player.fullskin2[data-position="0"]:not(.minskin) > .avatar2 {
|
||||||
#arena:not(.chess) .player[data-position='0']>.marks {
|
left: 60px;
|
||||||
right: -6px;
|
top: 0;
|
||||||
left:auto;
|
z-index: 1;
|
||||||
top: -16px;
|
}
|
||||||
transform: none;
|
|
||||||
}
|
.popup[data-position="0"] {
|
||||||
|
top: calc(100% - 187px);
|
||||||
#arena:not(.chess) .player[data-position='0'].linked{
|
left: calc(-150% / 47 + 15px);
|
||||||
transform: none;
|
}
|
||||||
}
|
|
||||||
#arena:not(.chess) .player[data-position='0'].linked .avatar,
|
#arena:not(.chess) .player[data-position="0"] > .judges {
|
||||||
#arena:not(.chess) .player[data-position='0'].linked .avatar2{
|
left: 6px;
|
||||||
transform: rotate(-90deg);
|
top: -16px;
|
||||||
}
|
transform: none;
|
||||||
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{
|
}
|
||||||
transform-origin: right center;
|
#arena:not(.chess) .player[data-position="0"] > .marks {
|
||||||
}
|
right: -6px;
|
||||||
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{
|
left: auto;
|
||||||
transform-origin: left center;
|
top: -16px;
|
||||||
}
|
transform: none;
|
||||||
|
}
|
||||||
.dialog{
|
|
||||||
height:calc(100% - 370px);
|
#arena:not(.chess) .player[data-position="0"].linked {
|
||||||
bottom:170px;
|
transform: none;
|
||||||
}
|
}
|
||||||
.dialog.fullheight {
|
#arena:not(.chess) .player[data-position="0"].linked .avatar,
|
||||||
height: calc(100% - 123px) !important;
|
#arena:not(.chess) .player[data-position="0"].linked .avatar2 {
|
||||||
top: 40px !important;
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
|
#arena:not(.chess) .player[data-position="0"].fullskin2 .avatar {
|
||||||
#me>.fakeme.avatar{
|
transform-origin: right center;
|
||||||
width:120px;
|
}
|
||||||
height:100%;
|
#arena:not(.chess) .player[data-position="0"].fullskin2 .avatar2 {
|
||||||
border-radius:0px;
|
transform-origin: left center;
|
||||||
top:0;
|
}
|
||||||
left:0;
|
|
||||||
background-size:cover;
|
.dialog {
|
||||||
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
|
height: calc(100% - 370px);
|
||||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
|
bottom: 170px;
|
||||||
}
|
}
|
||||||
#window[data-radius_size='increase'] #me>.fakeme.avatar,
|
.dialog.fullheight {
|
||||||
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
|
height: calc(100% - 123px) !important;
|
||||||
border-radius:0px;
|
top: 40px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip1,
|
#me > .fakeme.avatar {
|
||||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{
|
width: 120px;
|
||||||
top:20px;
|
height: 100%;
|
||||||
}
|
border-radius: 0px;
|
||||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip3,
|
top: 0;
|
||||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip4,
|
left: 0;
|
||||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{
|
background-size: cover;
|
||||||
bottom:20px;
|
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
|
||||||
}
|
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
|
||||||
|
}
|
||||||
|
#window[data-radius_size="increase"] #me > .fakeme.avatar,
|
||||||
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{
|
#window[data-radius_size="reduce"] #me > .fakeme.avatar {
|
||||||
margin-top:-14px !important;
|
border-radius: 0px;
|
||||||
margin-bottom:-14px !important;
|
}
|
||||||
transform:scale(1);
|
|
||||||
}
|
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip1,
|
||||||
|
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip2 {
|
||||||
|
top: 20px;
|
||||||
|
}
|
||||||
#arena.mobile.oblongcard:not(.chess) #handcards1{
|
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip3,
|
||||||
height: 100%;
|
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip4,
|
||||||
top: 2px;
|
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip6 {
|
||||||
}
|
bottom: 20px;
|
||||||
#arena.mobile.oblongcard:not(.chess)>.card,
|
}
|
||||||
#arena.mobile.oblongcard:not(.chess) .handcards>.card{
|
|
||||||
height: 120px;
|
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position="0"] .equips > .removing {
|
||||||
}
|
margin-top: -14px !important;
|
||||||
#arena.mobile.oblongcard:not(.chess)>.card>.image,
|
margin-bottom: -14px !important;
|
||||||
#arena.mobile.oblongcard:not(.chess) .handcards>.card>.image{
|
transform: scale(1);
|
||||||
height: 110px;
|
}
|
||||||
top: 8px;
|
|
||||||
background-position-x: -3px;
|
#arena.mobile.oblongcard:not(.chess) #handcards1 {
|
||||||
}
|
height: 100%;
|
||||||
|
top: 2px;
|
||||||
|
}
|
||||||
#arena.phone.oblongcard:not(.chess):not(.nome){
|
#arena.mobile.oblongcard:not(.chess) > .card,
|
||||||
height: calc(97% + 10px);
|
#arena.mobile.oblongcard:not(.chess) .handcards > .card {
|
||||||
}
|
height: 120px;
|
||||||
|
}
|
||||||
|
#arena.mobile.oblongcard:not(.chess) > .card > .image,
|
||||||
|
#arena.mobile.oblongcard:not(.chess) .handcards > .card > .image {
|
||||||
|
height: 110px;
|
||||||
|
top: 8px;
|
||||||
|
background-position-x: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena.phone.oblongcard:not(.chess):not(.nome) {
|
||||||
|
height: calc(97% + 10px);
|
||||||
|
}
|
||||||
|
|
|
@ -1,184 +1,184 @@
|
||||||
#bosslist {
|
#bosslist {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 260px;
|
height: 260px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
top: calc(50% - 200px);
|
top: calc(50% - 200px);
|
||||||
top: 60px;
|
top: 60px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window[data-radius_size='reduce'] #bosslist>.player {
|
#window[data-radius_size="reduce"] #bosslist > .player {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window[data-radius_size='off'] #bosslist>.player {
|
#window[data-radius_size="off"] #bosslist > .player {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window[data-radius_size='increase'] #bosslist>.player {
|
#window[data-radius_size="increase"] #bosslist > .player {
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window #bosslist>.player {
|
#window #bosslist > .player {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window[data-player_border='normal'] #bosslist>.player>.avatar {
|
#window[data-player_border="normal"] #bosslist > .player > .avatar {
|
||||||
left: 8px;
|
left: 8px;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
width: 164px;
|
width: 164px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window[data-player_border='slim'] #bosslist>.player>.avatar {
|
#window[data-player_border="slim"] #bosslist > .player > .avatar {
|
||||||
left: 4px;
|
left: 4px;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
width: 172px;
|
width: 172px;
|
||||||
height: 208px;
|
height: 208px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bosspaused>#bosslist,
|
.bosspaused > #bosslist,
|
||||||
.bosspaused>#control,
|
.bosspaused > #control,
|
||||||
.bosspaused>.dialog.bosscharacter {
|
.bosspaused > .dialog.bosscharacter {
|
||||||
opacity: 0.2 !important;
|
opacity: 0.2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bosslist.hidden>.player {
|
#bosslist.hidden > .player {
|
||||||
transition: all 0s;
|
transition: all 0s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bosslist>div:first-child,
|
#bosslist > div:first-child,
|
||||||
#bosslist>div:last-child {
|
#bosslist > div:last-child {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bosslist>.player .identity {
|
#bosslist > .player .identity {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
width: min-content;
|
width: min-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bosslist>.player .identity>div {
|
#bosslist > .player .identity > div {
|
||||||
writing-mode: vertical-rl;
|
writing-mode: vertical-rl;
|
||||||
-webkit-writing-mode: vertical-rl;
|
-webkit-writing-mode: vertical-rl;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window:not(.nopointer) #bosslist>.player {
|
#window:not(.nopointer) #bosslist > .player {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog.bosscharacter .buttons .button.selectable {
|
.dialog.bosscharacter .buttons .button.selectable {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog.bosscharacter .buttons .button:not(.selectable) {
|
.dialog.bosscharacter .buttons .button:not(.selectable) {
|
||||||
opacity: 0.6
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer.bossing {
|
.player.bossplayer.bossing {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossing .avatar {
|
.player.bossing .avatar {
|
||||||
transition: all 0.5s;
|
transition: all 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer.highlight {
|
.player.bossplayer.highlight {
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bosslist.removing>.player.bossplayer.highlight {
|
#bosslist.removing > .player.bossplayer.highlight {
|
||||||
transition: all 0s;
|
transition: all 0s;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer {
|
.player.bossplayer {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
height: 216px;
|
height: 216px;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
animation: game_start 0.5s;
|
animation: game_start 0.5s;
|
||||||
-webkit-animation: game_start 0.5s;
|
-webkit-animation: game_start 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer>div:not(.hp):not(.identity):not(.avatar):not(.framebg) {
|
.player.bossplayer > div:not(.hp):not(.identity):not(.avatar):not(.framebg) {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer>.identity {
|
.player.bossplayer > .identity {
|
||||||
left: 16px;
|
left: 16px;
|
||||||
top: 18px;
|
top: 18px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer>.hp {
|
.player.bossplayer > .hp {
|
||||||
top: 22px;
|
top: 22px;
|
||||||
left: 144px;
|
left: 144px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player.bossplayer>.avatar {
|
.player.bossplayer > .avatar {
|
||||||
width: 160px;
|
width: 160px;
|
||||||
height: 196px;
|
height: 196px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#control.bosslist {
|
#control.bosslist {
|
||||||
top: calc(100% - 50px) !important;
|
top: calc(100% - 50px) !important;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog.bosscharacter {
|
.dialog.bosscharacter {
|
||||||
top: auto;
|
top: auto;
|
||||||
bottom: 65px;
|
bottom: 65px;
|
||||||
height: calc(100% - 383px);
|
height: calc(100% - 383px);
|
||||||
animation: dialog_start2 0.5s;
|
animation: dialog_start2 0.5s;
|
||||||
-webkit-animation: dialog_start2 0.5s;
|
-webkit-animation: dialog_start2 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bosschongzheng {
|
.bosschongzheng {
|
||||||
width: calc(100% - 20px);
|
width: calc(100% - 20px);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bosschongzheng div {
|
.bosschongzheng div {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bosschongzheng>div {
|
.bosschongzheng > div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bosschongzheng>div>div:first-child {
|
.bosschongzheng > div > div:first-child {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bosschongzheng>div>div:last-child {
|
.bosschongzheng > div > div:last-child {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-height: 800px) {
|
@media screen and (min-height: 800px) {
|
||||||
.dialog.bosscharacter {
|
.dialog.bosscharacter {
|
||||||
height: 417px;
|
height: 417px;
|
||||||
bottom: calc(50% - 335px);
|
bottom: calc(50% - 335px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#control.bosslist {
|
#control.bosslist {
|
||||||
top: calc(50% + 350px) !important;
|
top: calc(50% + 350px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bosslist {
|
#bosslist {
|
||||||
top: calc(40% - 260px);
|
top: calc(40% - 260px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,345 +1,346 @@
|
||||||
#arena.chess{
|
#arena.chess {
|
||||||
width:100% !important;
|
width: 100% !important;
|
||||||
height:100% !important;
|
height: 100% !important;
|
||||||
left:0 !important;
|
left: 0 !important;
|
||||||
top:0 !important;
|
top: 0 !important;
|
||||||
transition:all 0s !important;
|
transition: all 0s !important;
|
||||||
}
|
}
|
||||||
#arena.chess>#me,
|
#arena.chess > #me,
|
||||||
#arena.chess>#mebg,
|
#arena.chess > #mebg,
|
||||||
#arena.chess>#autonode{
|
#arena.chess > #autonode {
|
||||||
bottom:0;
|
bottom: 0;
|
||||||
top:auto;
|
top: auto;
|
||||||
border-radius:0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
#arena.chess>#autonode{
|
#arena.chess > #autonode {
|
||||||
width: calc(100% - 240px);
|
width: calc(100% - 240px);
|
||||||
left: 120px;
|
left: 120px;
|
||||||
}
|
}
|
||||||
#me>.fakeme.avatar {
|
#me > .fakeme.avatar {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||||
}
|
}
|
||||||
#window:not(.nopointer) .dialog.fullheight .buttons .button.character:not(.squarebutton):not(.selectable){
|
#window:not(.nopointer) .dialog.fullheight .buttons .button.character:not(.squarebutton):not(.selectable) {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
#window:not(.nopointer) .obstacle.glow,
|
#window:not(.nopointer) .obstacle.glow,
|
||||||
#window:not(.nopointer) .player.playerblank.glow{
|
#window:not(.nopointer) .player.playerblank.glow {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
#chess-container{
|
#chess-container {
|
||||||
width:100%;
|
width: 100%;
|
||||||
height :calc(100% - 121px);
|
height: calc(100% - 121px);
|
||||||
left:0;
|
left: 0;
|
||||||
top:0;
|
top: 0;
|
||||||
overflow:hidden;
|
overflow: hidden;
|
||||||
text-align:center;
|
text-align: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
#chess{
|
#chess {
|
||||||
margin-top:36px;
|
margin-top: 36px;
|
||||||
margin-bottom:36px;
|
margin-bottom: 36px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
transition: all 0s;
|
transition: all 0s;
|
||||||
}
|
}
|
||||||
#arena .card.thrown{
|
#arena .card.thrown {
|
||||||
z-index:4;
|
z-index: 4;
|
||||||
}
|
}
|
||||||
#canvas2{
|
#canvas2 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#handcards1{
|
#handcards1 {
|
||||||
height:120px;
|
height: 120px;
|
||||||
padding:0;
|
padding: 0;
|
||||||
top:calc(100% - 120px);
|
top: calc(100% - 120px);
|
||||||
width:calc(100% - 240px);
|
width: calc(100% - 240px);
|
||||||
left:120px;
|
left: 120px;
|
||||||
}
|
}
|
||||||
#handcards2{
|
#handcards2 {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
#mebg,#me,#autonode{
|
#mebg,
|
||||||
height:120px;
|
#me,
|
||||||
}
|
#autonode {
|
||||||
#window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable){
|
height: 120px;
|
||||||
cursor: pointer !important;
|
}
|
||||||
}
|
#window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable) {
|
||||||
#system{
|
cursor: pointer !important;
|
||||||
z-index:5;
|
}
|
||||||
}
|
#system {
|
||||||
#arena>.dialog{
|
z-index: 5;
|
||||||
width:400px;
|
}
|
||||||
height:240px;
|
#arena > .dialog {
|
||||||
left:calc(50% - 200px);
|
width: 400px;
|
||||||
top:calc(50% - 120px);
|
height: 240px;
|
||||||
background: rgba(0,0,0,0.2);
|
left: calc(50% - 200px);
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
|
top: calc(50% - 120px);
|
||||||
border-radius:8px;
|
background: rgba(0, 0, 0, 0.2);
|
||||||
}
|
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
|
||||||
#arena.chess>.dialog{
|
border-radius: 8px;
|
||||||
height: calc(50% - 20px);
|
}
|
||||||
max-height: 240px;
|
#arena.chess > .dialog {
|
||||||
}
|
height: calc(50% - 20px);
|
||||||
#window[data-radius_size='reduce']>.dialog{
|
max-height: 240px;
|
||||||
border-radius:4px;
|
}
|
||||||
}
|
#window[data-radius_size="reduce"] > .dialog {
|
||||||
#window[data-radius_size='off']>.dialog{
|
border-radius: 4px;
|
||||||
border-radius:0px;
|
}
|
||||||
}
|
#window[data-radius_size="off"] > .dialog {
|
||||||
#window[data-radius_size='increase']>.dialog{
|
border-radius: 0px;
|
||||||
border-radius:16px;
|
}
|
||||||
}
|
#window[data-radius_size="increase"] > .dialog {
|
||||||
#arena>.dialog.slim:not(.center){
|
border-radius: 16px;
|
||||||
top:40px;
|
}
|
||||||
pointer-events: none;
|
#arena > .dialog.slim:not(.center) {
|
||||||
}
|
top: 40px;
|
||||||
#control{
|
pointer-events: none;
|
||||||
top:calc(100% - 155px);
|
}
|
||||||
}
|
#control {
|
||||||
#arena.ipad #control{
|
top: calc(100% - 155px);
|
||||||
top:calc(100% - 165px);
|
}
|
||||||
}
|
#arena.ipad #control {
|
||||||
.fakeme{
|
top: calc(100% - 165px);
|
||||||
width:120px;
|
}
|
||||||
height:120px;
|
.fakeme {
|
||||||
border-radius:0px !important;
|
width: 120px;
|
||||||
top:0;
|
height: 120px;
|
||||||
}
|
border-radius: 0px !important;
|
||||||
#window[data-radius_size='increase'] .fakeme,
|
top: 0;
|
||||||
#window[data-radius_size='reduce'] .fakeme{
|
}
|
||||||
border-radius:0px;
|
#window[data-radius_size="increase"] .fakeme,
|
||||||
}
|
#window[data-radius_size="reduce"] .fakeme {
|
||||||
.fakeme.avatar{
|
border-radius: 0px;
|
||||||
left:0;
|
}
|
||||||
background-size:cover;
|
.fakeme.avatar {
|
||||||
}
|
left: 0;
|
||||||
.fakeme.player{
|
background-size: cover;
|
||||||
left:calc(100% - 120px);
|
}
|
||||||
text-align:center;
|
.fakeme.player {
|
||||||
transition: all 0s;
|
left: calc(100% - 120px);
|
||||||
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
text-align: center;
|
||||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
transition: all 0s;
|
||||||
}
|
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||||
.fakeme.player.zoomed{
|
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||||
width: 240px;
|
}
|
||||||
height: 240px;
|
.fakeme.player.zoomed {
|
||||||
left:calc(100% - 240px);
|
width: 240px;
|
||||||
top:calc(100% - 240px);
|
height: 240px;
|
||||||
background-size:200%;
|
left: calc(100% - 240px);
|
||||||
}
|
top: calc(100% - 240px);
|
||||||
.fakeme.player>div{
|
background-size: 200%;
|
||||||
width: 100%;
|
}
|
||||||
height: 100%;
|
.fakeme.player > div {
|
||||||
margin: 0;
|
width: 100%;
|
||||||
padding: 0;
|
height: 100%;
|
||||||
overflow: scroll;
|
margin: 0;
|
||||||
left: 0;
|
padding: 0;
|
||||||
top: 0;
|
overflow: scroll;
|
||||||
}
|
left: 0;
|
||||||
.fakeme.player.zoomed>div>div{
|
top: 0;
|
||||||
width: 90px;
|
}
|
||||||
height: 90px;
|
.fakeme.player.zoomed > div > div {
|
||||||
left: 0;
|
width: 90px;
|
||||||
top: 16px;
|
height: 90px;
|
||||||
margin-left: 8px;
|
left: 0;
|
||||||
margin-right: 8px;
|
top: 16px;
|
||||||
margin-bottom: 16px;
|
margin-left: 8px;
|
||||||
}
|
margin-right: 8px;
|
||||||
.fakeme.player>div>div{
|
margin-bottom: 16px;
|
||||||
width:45px;
|
}
|
||||||
height:45px;
|
.fakeme.player > div > div {
|
||||||
background-size:cover;
|
width: 45px;
|
||||||
border-radius:4px;
|
height: 45px;
|
||||||
position:relative;
|
background-size: cover;
|
||||||
left:0;
|
border-radius: 4px;
|
||||||
top:8px;
|
position: relative;
|
||||||
margin-left: 4px;
|
left: 0;
|
||||||
margin-right: 4px;
|
top: 8px;
|
||||||
margin-bottom: 8px;
|
margin-left: 4px;
|
||||||
transition:box-shadow 0.5s;
|
margin-right: 4px;
|
||||||
}
|
margin-bottom: 8px;
|
||||||
#window:not(.nopointer) .fakeme.player>div>div{
|
transition: box-shadow 0.5s;
|
||||||
cursor: pointer;
|
}
|
||||||
}
|
#window:not(.nopointer) .fakeme.player > div > div {
|
||||||
|
cursor: pointer;
|
||||||
.fakeme.player>div>.selectable{
|
}
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 1) 0 0 5px, rgba(0, 133, 255, 1) 0 0 10px;
|
|
||||||
}
|
.fakeme.player > div > .selectable {
|
||||||
.fakeme.player>div>.selected{
|
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 1) 0 0 5px, rgba(0, 133, 255, 1) 0 0 10px;
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(255, 0, 0, 1) 0 0 5px, rgba(255, 0, 0, 1) 0 0 10px !important;
|
}
|
||||||
}
|
.fakeme.player > div > .selected {
|
||||||
.fakeme.player>div>.dead{
|
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(255, 0, 0, 1) 0 0 5px, rgba(255, 0, 0, 1) 0 0 10px !important;
|
||||||
filter:grayscale(1);
|
}
|
||||||
-webkit-filter:grayscale(1);
|
.fakeme.player > div > .dead {
|
||||||
opacity:0.5;
|
filter: grayscale(1);
|
||||||
}
|
-webkit-filter: grayscale(1);
|
||||||
.card.drawing{
|
opacity: 0.5;
|
||||||
animation: drawing2 1s;
|
}
|
||||||
animation-fill-mode: forwards;
|
.card.drawing {
|
||||||
-webkit-animation: drawing2 1s;
|
animation: drawing2 1s;
|
||||||
-webkit-animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
}
|
-webkit-animation: drawing2 1s;
|
||||||
|
-webkit-animation-fill-mode: forwards;
|
||||||
.player.playergrid,.player.obstacle{
|
}
|
||||||
background: rgba(0,0,0,0.2);
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
|
.player.playergrid,
|
||||||
border-radius:8px;
|
.player.obstacle {
|
||||||
}
|
background: rgba(0, 0, 0, 0.2);
|
||||||
#window[data-radius_size='reduce'] .player.playergrid,
|
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
|
||||||
#window[data-radius_size='reduce'] .player.obstacle{
|
border-radius: 8px;
|
||||||
border-radius:4px;
|
}
|
||||||
}
|
#window[data-radius_size="reduce"] .player.playergrid,
|
||||||
#window[data-radius_size='off'] .player.playergrid,
|
#window[data-radius_size="reduce"] .player.obstacle {
|
||||||
#window[data-radius_size='off'] .player.obstacle{
|
border-radius: 4px;
|
||||||
border-radius:0px;
|
}
|
||||||
}
|
#window[data-radius_size="off"] .player.playergrid,
|
||||||
#window[data-radius_size='increase'] .player.playergrid,
|
#window[data-radius_size="off"] .player.obstacle {
|
||||||
#window[data-radius_size='increase'] .player.obstacle{
|
border-radius: 0px;
|
||||||
border-radius:16px;
|
}
|
||||||
}
|
#window[data-radius_size="increase"] .player.playergrid,
|
||||||
.player.playerblank{
|
#window[data-radius_size="increase"] .player.obstacle {
|
||||||
background: none;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
#window .player.obstacle{
|
.player.playerblank {
|
||||||
background: repeating-linear-gradient(
|
background: none;
|
||||||
135deg,
|
}
|
||||||
rgba(0,0,0,0.2),
|
#window .player.obstacle {
|
||||||
rgba(0,0,0,0.2) 10px,
|
background: repeating-linear-gradient(
|
||||||
rgba(0,0,0,0.1) 10px,
|
135deg,
|
||||||
rgba(0,0,0,0.1) 20px
|
rgba(0, 0, 0, 0.2),
|
||||||
);
|
rgba(0, 0, 0, 0.2) 10px,
|
||||||
}
|
rgba(0, 0, 0, 0.1) 10px,
|
||||||
#window .player.obstacle[data-obscolor='blue']{
|
rgba(0, 0, 0, 0.1) 20px
|
||||||
background: repeating-linear-gradient(
|
);
|
||||||
135deg,
|
}
|
||||||
rgba(0, 64, 162, 0.4),
|
#window .player.obstacle[data-obscolor="blue"] {
|
||||||
rgba(0, 64, 162, 0.4) 10px,
|
background: repeating-linear-gradient(
|
||||||
rgba(0, 0, 0, 0) 10px,
|
135deg,
|
||||||
rgba(0, 0, 0, 0) 20px
|
rgba(0, 64, 162, 0.4),
|
||||||
);
|
rgba(0, 64, 162, 0.4) 10px,
|
||||||
box-shadow: rgba(0, 64, 162, 0.6) 0 0 0 1px;
|
rgba(0, 0, 0, 0) 10px,
|
||||||
}
|
rgba(0, 0, 0, 0) 20px
|
||||||
|
);
|
||||||
.playergrid.temp{
|
box-shadow: rgba(0, 64, 162, 0.6) 0 0 0 1px;
|
||||||
opacity:0.3;
|
}
|
||||||
}
|
|
||||||
.chessscroll{
|
.playergrid.temp {
|
||||||
height:calc(100% - 162px);
|
opacity: 0.3;
|
||||||
width:20px;
|
}
|
||||||
top:42px;
|
.chessscroll {
|
||||||
z-index:1;
|
height: calc(100% - 162px);
|
||||||
position:fixed;
|
width: 20px;
|
||||||
}
|
top: 42px;
|
||||||
.chessscroll.left{
|
z-index: 1;
|
||||||
left:0;
|
position: fixed;
|
||||||
}
|
}
|
||||||
.chessscroll.right{
|
.chessscroll.left {
|
||||||
right:0;
|
left: 0;
|
||||||
}
|
}
|
||||||
.button.forbidden{
|
.chessscroll.right {
|
||||||
opacity:0.6
|
right: 0;
|
||||||
}
|
}
|
||||||
#arena.leaderhide>*:not(canvas){
|
.button.forbidden {
|
||||||
opacity:0 !important;
|
opacity: 0.6;
|
||||||
transition: all 0.5s !important;
|
}
|
||||||
pointer-events: none;
|
#arena.leaderhide > *:not(canvas) {
|
||||||
}
|
opacity: 0 !important;
|
||||||
#arena.leadercontrol>#control{
|
transition: all 0.5s !important;
|
||||||
transition: all 0.5s !important;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
/* .player.treasure{ */
|
#arena.leadercontrol > #control {
|
||||||
/*box-shadow: none;*/
|
transition: all 0.5s !important;
|
||||||
/* } */
|
}
|
||||||
.player.treasure .count,
|
/* .player.treasure{ */
|
||||||
.player.treasure .identity{
|
/*box-shadow: none;*/
|
||||||
display: none;
|
/* } */
|
||||||
}
|
.player.treasure .count,
|
||||||
.player.treasure .avatar{
|
.player.treasure .identity {
|
||||||
width: 120px;
|
display: none;
|
||||||
height: 120px;
|
}
|
||||||
left: 0;
|
.player.treasure .avatar {
|
||||||
top: 0;
|
width: 120px;
|
||||||
}
|
height: 120px;
|
||||||
.player.minskin .action{
|
left: 0;
|
||||||
text-shadow: black 0 0 1px !important;
|
top: 0;
|
||||||
font-size: 16px !important;
|
}
|
||||||
left:0;
|
.player.minskin .action {
|
||||||
}
|
text-shadow: black 0 0 1px !important;
|
||||||
.player .action.thunder{
|
font-size: 16px !important;
|
||||||
color: rgb(117,186,255);
|
left: 0;
|
||||||
}
|
}
|
||||||
#arena.selecting .player .action:not(.hidden){
|
.player .action.thunder {
|
||||||
opacity: 1 !important;
|
color: rgb(117, 186, 255);
|
||||||
}
|
}
|
||||||
.button .intro.showintro.tafang{
|
#arena.selecting .player .action:not(.hidden) {
|
||||||
font-family: 'xinwei';
|
opacity: 1 !important;
|
||||||
font-size: 20px;
|
}
|
||||||
top: 66px;
|
.button .intro.showintro.tafang {
|
||||||
right: 5px;
|
font-family: "xinwei";
|
||||||
left:auto;
|
font-size: 20px;
|
||||||
}
|
top: 66px;
|
||||||
.button.newstyle .intro.showintro.tafang{
|
right: 5px;
|
||||||
top: 6px;
|
left: auto;
|
||||||
}
|
}
|
||||||
.dialog .buttons>.button.character.squarebutton{
|
.button.newstyle .intro.showintro.tafang {
|
||||||
height:90px;
|
top: 6px;
|
||||||
}
|
}
|
||||||
.dialog .buttons>.button.character.squarebutton>.hp.text{
|
.dialog .buttons > .button.character.squarebutton {
|
||||||
/*left:22px;*/
|
height: 90px;
|
||||||
right: 4px;
|
}
|
||||||
text-align: right;
|
.dialog .buttons > .button.character.squarebutton > .hp.text {
|
||||||
bottom: 4px;
|
/*left:22px;*/
|
||||||
top: auto;
|
right: 4px;
|
||||||
left: auto;
|
text-align: right;
|
||||||
}
|
bottom: 4px;
|
||||||
.dialog .buttons>.button.character.squarebutton>.name{
|
top: auto;
|
||||||
top:8px;
|
left: auto;
|
||||||
}
|
}
|
||||||
br.finish_game{
|
.dialog .buttons > .button.character.squarebutton > .name {
|
||||||
display: none;
|
top: 8px;
|
||||||
}
|
}
|
||||||
|
br.finish_game {
|
||||||
|
display: none;
|
||||||
#arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme)>.avatar:not(.fakeme){
|
}
|
||||||
left: 5px;
|
|
||||||
top: 5px;
|
#arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme) > .avatar:not(.fakeme) {
|
||||||
width: calc(100% - 10px);
|
left: 5px;
|
||||||
height: calc(100% - 10px);
|
top: 5px;
|
||||||
}
|
width: calc(100% - 10px);
|
||||||
|
height: calc(100% - 10px);
|
||||||
#arena.chess #chess>.player{
|
}
|
||||||
left: 14px;
|
|
||||||
top: 14px;
|
#arena.chess #chess > .player {
|
||||||
}
|
left: 14px;
|
||||||
|
top: 14px;
|
||||||
|
}
|
||||||
#window.rightbar #system,
|
|
||||||
#window.leftbar #system{
|
#window.rightbar #system,
|
||||||
width: calc(100% - 62px);
|
#window.leftbar #system {
|
||||||
}
|
width: calc(100% - 62px);
|
||||||
#window.leftbar #system{
|
}
|
||||||
left: 50px;
|
#window.leftbar #system {
|
||||||
}
|
left: 50px;
|
||||||
|
}
|
||||||
#historybar {
|
|
||||||
border-radius: 0;
|
#historybar {
|
||||||
top: 0;
|
border-radius: 0;
|
||||||
height: calc(100% - 121px);
|
top: 0;
|
||||||
}
|
height: calc(100% - 121px);
|
||||||
#window.rightbar #historybar{
|
}
|
||||||
left: calc(100% - 50px);
|
#window.rightbar #historybar {
|
||||||
}
|
left: calc(100% - 50px);
|
||||||
#window.leftbar #historybar{
|
}
|
||||||
left: 0;
|
#window.leftbar #historybar {
|
||||||
}
|
left: 0;
|
||||||
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,229 +1,230 @@
|
||||||
.storyscene{
|
.storyscene {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
top:calc(50% - 250px);
|
top: calc(50% - 250px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.storyscene.removing{
|
.storyscene.removing {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transform: translateY(500px);
|
transform: translateY(500px);
|
||||||
}
|
}
|
||||||
.storyscene.lockscroll{
|
.storyscene.lockscroll {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
.storyscene>.scene{
|
.storyscene > .scene {
|
||||||
width: 350px;
|
width: 350px;
|
||||||
height: 420px;
|
height: 420px;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 0;
|
left: 0;
|
||||||
top:40px;
|
top: 40px;
|
||||||
margin-left: -40px;
|
margin-left: -40px;
|
||||||
margin-right: -40px;
|
margin-right: -40px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
|
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.background.player{
|
.storyscene > .scene > .background.player {
|
||||||
border-radius: 0 !important;
|
border-radius: 0 !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable{
|
.storyscene > .scene.unselectable {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
|
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable>.background{
|
.storyscene > .scene.unselectable > .background {
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable>.name{
|
.storyscene > .scene.unselectable > .name {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable>div:not(.mask).background{
|
.storyscene > .scene.unselectable > div:not(.mask).background {
|
||||||
/*opacity: 0.25;*/
|
/*opacity: 0.25;*/
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.mask{
|
.storyscene > .scene > .mask {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.mask>div{
|
.storyscene > .scene > .mask > div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 240px;
|
height: 240px;
|
||||||
top:calc(50% - 120px);
|
top: calc(50% - 120px);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 80px;
|
font-size: 80px;
|
||||||
line-height: 80px;
|
line-height: 80px;
|
||||||
font-family: 'xinwei';
|
font-family: "xinwei";
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
.storyscene>.scene:not(.unselectable)>.mask{
|
.storyscene > .scene:not(.unselectable) > .mask {
|
||||||
display: none;
|
display: none;
|
||||||
}.storyscene>.scene.unselectable>.name{
|
}
|
||||||
/*display: none;*/
|
.storyscene > .scene.unselectable > .name {
|
||||||
}
|
/*display: none;*/
|
||||||
.storyscene>.scene.flipped{
|
}
|
||||||
z-index: 2;
|
.storyscene > .scene.flipped {
|
||||||
border-radius: 12px !important;
|
z-index: 2;
|
||||||
}
|
border-radius: 12px !important;
|
||||||
.storyscene>.scene.flipped>div:not(.menu){
|
}
|
||||||
display: none !important;
|
.storyscene > .scene.flipped > div:not(.menu) {
|
||||||
}
|
display: none !important;
|
||||||
.storyscene>.scene:not(.flipped)>.menu{
|
}
|
||||||
display: none;
|
.storyscene > .scene:not(.flipped) > .menu {
|
||||||
}
|
display: none;
|
||||||
.storyscene>.scene:first-child{
|
}
|
||||||
margin-left: 50px;
|
.storyscene > .scene:first-child {
|
||||||
}
|
margin-left: 50px;
|
||||||
.storyscene>.scene:last-child{
|
}
|
||||||
margin-right: 50px;
|
.storyscene > .scene:last-child {
|
||||||
}
|
margin-right: 50px;
|
||||||
.storyscene>.scene>.name{
|
}
|
||||||
font-size: 48px;
|
.storyscene > .scene > .name {
|
||||||
left: 25px;
|
font-size: 48px;
|
||||||
top: auto;
|
left: 25px;
|
||||||
bottom: 28px;
|
top: auto;
|
||||||
/*transform: rotateY(-180deg);*/
|
bottom: 28px;
|
||||||
border-radius: 16px !important;
|
/*transform: rotateY(-180deg);*/
|
||||||
z-index: 2;
|
border-radius: 16px !important;
|
||||||
font-family: 'xinwei'
|
z-index: 2;
|
||||||
}
|
font-family: "xinwei";
|
||||||
.storyscene>.scene>.menu{
|
}
|
||||||
width: 100%;
|
.storyscene > .scene > .menu {
|
||||||
height: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
height: 100%;
|
||||||
left: 0;
|
position: absolute;
|
||||||
top: 0;
|
left: 0;
|
||||||
box-shadow: none;
|
top: 0;
|
||||||
overflow: scroll;
|
box-shadow: none;
|
||||||
}
|
overflow: scroll;
|
||||||
.storyscene>.scene>.background>.avatar{
|
}
|
||||||
width: calc(100% - 26px);
|
.storyscene > .scene > .background > .avatar {
|
||||||
height: calc(100% - 26px);
|
width: calc(100% - 26px);
|
||||||
left: 13px;
|
height: calc(100% - 26px);
|
||||||
top: 13px;
|
left: 13px;
|
||||||
z-index: 2;
|
top: 13px;
|
||||||
}
|
z-index: 2;
|
||||||
.storyscene>.scene>.menu{
|
}
|
||||||
transform: rotateY(-180deg);
|
.storyscene > .scene > .menu {
|
||||||
}
|
transform: rotateY(-180deg);
|
||||||
.storyscene>.scene.startscene{
|
}
|
||||||
-webkit-animation: scene_start 0.5s;
|
.storyscene > .scene.startscene {
|
||||||
}
|
-webkit-animation: scene_start 0.5s;
|
||||||
.scene>.menu>.menubutton.enter{
|
}
|
||||||
position: absolute;
|
.scene > .menu > .menubutton.enter {
|
||||||
top:auto;
|
position: absolute;
|
||||||
bottom: 10px;
|
top: auto;
|
||||||
width: 70px;
|
bottom: 10px;
|
||||||
left: calc(50% - 35px);
|
width: 70px;
|
||||||
}
|
left: calc(50% - 35px);
|
||||||
.scene>.menu>.conversation{
|
}
|
||||||
display: table;
|
.scene > .menu > .conversation {
|
||||||
position: absolute;
|
display: table;
|
||||||
left: 16px;
|
position: absolute;
|
||||||
top: 0;
|
left: 16px;
|
||||||
width: calc(100% - 32px);
|
top: 0;
|
||||||
height: 100%;
|
width: calc(100% - 32px);
|
||||||
font-size: 24px;
|
height: 100%;
|
||||||
font-family: 'xinwei';
|
font-size: 24px;
|
||||||
white-space: normal;
|
font-family: "xinwei";
|
||||||
text-align: left;
|
white-space: normal;
|
||||||
}
|
text-align: left;
|
||||||
.scene>.menu>.conversation.center{
|
}
|
||||||
text-align: center;
|
.scene > .menu > .conversation.center {
|
||||||
font-size: 30px;
|
text-align: center;
|
||||||
}
|
font-size: 30px;
|
||||||
.scene>.menu>.avatarconversation{
|
}
|
||||||
position: relative;
|
.scene > .menu > .avatarconversation {
|
||||||
display: block;
|
position: relative;
|
||||||
width: 100%;
|
display: block;
|
||||||
height: 100px;
|
width: 100%;
|
||||||
left: 0;
|
height: 100px;
|
||||||
margin-top: 10px;
|
left: 0;
|
||||||
}
|
margin-top: 10px;
|
||||||
.scene>.menu>.avatarconversation:last-child{
|
}
|
||||||
margin-bottom: 10px;
|
.scene > .menu > .avatarconversation:last-child {
|
||||||
}
|
margin-bottom: 10px;
|
||||||
.scene>.menu>.avatarconversation>div{
|
}
|
||||||
height: 100%;
|
.scene > .menu > .avatarconversation > div {
|
||||||
top:0;
|
height: 100%;
|
||||||
}
|
top: 0;
|
||||||
.scene>.menu>.avatarconversation>.avatar{
|
}
|
||||||
width: 100px;
|
.scene > .menu > .avatarconversation > .avatar {
|
||||||
height: 100px;
|
width: 100px;
|
||||||
left: 10px;
|
height: 100px;
|
||||||
background-size: cover;
|
left: 10px;
|
||||||
}
|
background-size: cover;
|
||||||
.scene>.menu>.avatarconversation.swap>.avatar{
|
}
|
||||||
left: auto;
|
.scene > .menu > .avatarconversation.swap > .avatar {
|
||||||
right: 10px;
|
left: auto;
|
||||||
}
|
right: 10px;
|
||||||
.scene>.menu>.avatarconversation>div:not(.avatar){
|
}
|
||||||
width: calc(100% - 120px);
|
.scene > .menu > .avatarconversation > div:not(.avatar) {
|
||||||
left: 120px;
|
width: calc(100% - 120px);
|
||||||
top: 5px;
|
left: 120px;
|
||||||
height: calc(100% - 5px);
|
top: 5px;
|
||||||
text-align: left;
|
height: calc(100% - 5px);
|
||||||
white-space: normal;
|
text-align: left;
|
||||||
line-height: 18px;
|
white-space: normal;
|
||||||
}
|
line-height: 18px;
|
||||||
.scene>.menu>.avatarconversation.swap>div:not(.avatar){
|
}
|
||||||
left: auto;
|
.scene > .menu > .avatarconversation.swap > div:not(.avatar) {
|
||||||
right: 120px;
|
left: auto;
|
||||||
text-align: right;
|
right: 120px;
|
||||||
}
|
text-align: right;
|
||||||
.scene>.menu>.conversation>div{
|
}
|
||||||
display: table-cell;
|
.scene > .menu > .conversation > div {
|
||||||
vertical-align: middle;
|
display: table-cell;
|
||||||
position: relative;
|
vertical-align: middle;
|
||||||
}
|
position: relative;
|
||||||
#create-player{
|
}
|
||||||
width: 400px;
|
#create-player {
|
||||||
height: 300px;
|
width: 400px;
|
||||||
left: calc(50% - 200px);
|
height: 300px;
|
||||||
top: calc(50% - 150px);
|
left: calc(50% - 200px);
|
||||||
position: absolute;
|
top: calc(50% - 150px);
|
||||||
-webkit-animation:dialog_start2 0.5s;
|
position: absolute;
|
||||||
}
|
-webkit-animation: dialog_start2 0.5s;
|
||||||
#create-player>div{
|
}
|
||||||
position: absolute;
|
#create-player > div {
|
||||||
}
|
position: absolute;
|
||||||
#create-player>.caption{
|
}
|
||||||
width: 100%;
|
#create-player > .caption {
|
||||||
height: 24px;
|
width: 100%;
|
||||||
line-height: 24px;
|
height: 24px;
|
||||||
left: 0;
|
line-height: 24px;
|
||||||
top: 0;
|
left: 0;
|
||||||
font-family: 'xinwei';
|
top: 0;
|
||||||
font-size: 24px;
|
font-family: "xinwei";
|
||||||
text-align: center;
|
font-size: 24px;
|
||||||
}
|
text-align: center;
|
||||||
|
}
|
||||||
@-webkit-keyframes scene_start{
|
|
||||||
from{
|
@-webkit-keyframes scene_start {
|
||||||
opacity: 0;
|
from {
|
||||||
transform:scale(0.5);
|
opacity: 0;
|
||||||
margin-left: -175px;
|
transform: scale(0.5);
|
||||||
margin-right: -175px;
|
margin-left: -175px;
|
||||||
}
|
margin-right: -175px;
|
||||||
to{
|
}
|
||||||
opacity: 1;
|
to {
|
||||||
transform: scale(1);
|
opacity: 1;
|
||||||
margin-left: 16px;
|
transform: scale(1);
|
||||||
margin-right: 16px;
|
margin-left: 16px;
|
||||||
}
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -1,247 +1,247 @@
|
||||||
.storyscene{
|
.storyscene {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
top:calc(50% - 250px);
|
top: calc(50% - 250px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.storyscene.removing{
|
.storyscene.removing {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transform: translateY(500px);
|
transform: translateY(500px);
|
||||||
}
|
}
|
||||||
.storyscene.lockscroll{
|
.storyscene.lockscroll {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
.storyscene>.scene{
|
.storyscene > .scene {
|
||||||
width: 350px;
|
width: 350px;
|
||||||
height: 420px;
|
height: 420px;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 0;
|
left: 0;
|
||||||
top:40px;
|
top: 40px;
|
||||||
margin-left: -40px;
|
margin-left: -40px;
|
||||||
margin-right: -40px;
|
margin-right: -40px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
|
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.background.player{
|
.storyscene > .scene > .background.player {
|
||||||
border-radius: 0 !important;
|
border-radius: 0 !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable{
|
.storyscene > .scene.unselectable {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
|
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable>.background{
|
.storyscene > .scene.unselectable > .background {
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.unselectable>.name{
|
.storyscene > .scene.unselectable > .name {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
/* .storyscene>.scene.unselectable>div:not(.mask).background{ */
|
/* .storyscene>.scene.unselectable>div:not(.mask).background{ */
|
||||||
/*opacity: 0.25;*/
|
/*opacity: 0.25;*/
|
||||||
/* } */
|
/* } */
|
||||||
.storyscene>.scene>.mask{
|
.storyscene > .scene > .mask {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.mask>div{
|
.storyscene > .scene > .mask > div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 240px;
|
height: 240px;
|
||||||
top:calc(50% - 120px);
|
top: calc(50% - 120px);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 80px;
|
font-size: 80px;
|
||||||
line-height: 80px;
|
line-height: 80px;
|
||||||
font-family: 'xinwei';
|
font-family: "xinwei";
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
.storyscene>.scene:not(.unselectable)>.mask{
|
.storyscene > .scene:not(.unselectable) > .mask {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
/* .storyscene>.scene.unselectable>.name{ */
|
/* .storyscene>.scene.unselectable>.name{ */
|
||||||
/*display: none;*/
|
/*display: none;*/
|
||||||
/* } */
|
/* } */
|
||||||
.storyscene>.scene.flipped{
|
.storyscene > .scene.flipped {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
.storyscene>.scene.flipped>div:not(.menu){
|
.storyscene > .scene.flipped > div:not(.menu) {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.storyscene>.scene:not(.flipped)>.menu{
|
.storyscene > .scene:not(.flipped) > .menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.storyscene>.scene:first-child{
|
.storyscene > .scene:first-child {
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
}
|
}
|
||||||
.storyscene>.scene:last-child{
|
.storyscene > .scene:last-child {
|
||||||
margin-right: 50px;
|
margin-right: 50px;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.name{
|
.storyscene > .scene > .name {
|
||||||
font-size: 48px;
|
font-size: 48px;
|
||||||
left: 25px;
|
left: 25px;
|
||||||
/*top: auto;*/
|
/*top: auto;*/
|
||||||
top: 28px;
|
top: 28px;
|
||||||
/*transform: rotateY(-180deg);*/
|
/*transform: rotateY(-180deg);*/
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
font-family: 'xinwei'
|
font-family: "xinwei";
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.menu{
|
.storyscene > .scene > .menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.background>.avatar{
|
.storyscene > .scene > .background > .avatar {
|
||||||
width: calc(100% - 26px);
|
width: calc(100% - 26px);
|
||||||
height: calc(100% - 26px);
|
height: calc(100% - 26px);
|
||||||
left: 13px;
|
left: 13px;
|
||||||
top: 13px;
|
top: 13px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.storyscene>.scene>.menu{
|
.storyscene > .scene > .menu {
|
||||||
transform: rotateY(-180deg);
|
transform: rotateY(-180deg);
|
||||||
}
|
}
|
||||||
.storyscene>.scene.startscene{
|
.storyscene > .scene.startscene {
|
||||||
animation: scene_start 0.5s;
|
animation: scene_start 0.5s;
|
||||||
-webkit-animation: scene_start 0.5s;
|
-webkit-animation: scene_start 0.5s;
|
||||||
}
|
}
|
||||||
.scene>.menu>.menubutton.enter{
|
.scene > .menu > .menubutton.enter {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:auto;
|
top: auto;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
left: calc(50% - 35px);
|
left: calc(50% - 35px);
|
||||||
}
|
}
|
||||||
.scene>.menu>.conversation{
|
.scene > .menu > .conversation {
|
||||||
display: table;
|
display: table;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 16px;
|
left: 16px;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: calc(100% - 32px);
|
width: calc(100% - 32px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: 'xinwei';
|
font-family: "xinwei";
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.scene>.menu>.conversation.center{
|
.scene > .menu > .conversation.center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation{
|
.scene > .menu > .avatarconversation {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
left: 0;
|
left: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation:last-child{
|
.scene > .menu > .avatarconversation:last-child {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation>div{
|
.scene > .menu > .avatarconversation > div {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top:0;
|
top: 0;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation>.avatar{
|
.scene > .menu > .avatarconversation > .avatar {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation.swap>.avatar{
|
.scene > .menu > .avatarconversation.swap > .avatar {
|
||||||
left: auto;
|
left: auto;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation>div:not(.avatar){
|
.scene > .menu > .avatarconversation > div:not(.avatar) {
|
||||||
width: calc(100% - 120px);
|
width: calc(100% - 120px);
|
||||||
left: 120px;
|
left: 120px;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
height: calc(100% - 5px);
|
height: calc(100% - 5px);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
}
|
}
|
||||||
.scene>.menu>.avatarconversation.swap>div:not(.avatar){
|
.scene > .menu > .avatarconversation.swap > div:not(.avatar) {
|
||||||
left: auto;
|
left: auto;
|
||||||
right: 120px;
|
right: 120px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.scene>.menu>.conversation>div{
|
.scene > .menu > .conversation > div {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
#create-player{
|
#create-player {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
left: calc(50% - 200px);
|
left: calc(50% - 200px);
|
||||||
top: calc(50% - 150px);
|
top: calc(50% - 150px);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
animation:dialog_start2 0.5s;
|
animation: dialog_start2 0.5s;
|
||||||
-webkit-animation:dialog_start2 0.5s;
|
-webkit-animation: dialog_start2 0.5s;
|
||||||
}
|
}
|
||||||
#create-player>div{
|
#create-player > div {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
#create-player>.caption{
|
#create-player > .caption {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
font-family: 'xinwei';
|
font-family: "xinwei";
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes scene_start{
|
@keyframes scene_start {
|
||||||
from{
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform:scale(0.5);
|
transform: scale(0.5);
|
||||||
margin-left: -175px;
|
margin-left: -175px;
|
||||||
margin-right: -175px;
|
margin-right: -175px;
|
||||||
}
|
}
|
||||||
to{
|
to {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes scene_start{
|
@-webkit-keyframes scene_start {
|
||||||
from{
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform:scale(0.5);
|
transform: scale(0.5);
|
||||||
margin-left: -175px;
|
margin-left: -175px;
|
||||||
margin-right: -175px;
|
margin-right: -175px;
|
||||||
}
|
}
|
||||||
to{
|
to {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,143 +1,146 @@
|
||||||
.player .equips{
|
.player .equips {
|
||||||
width:120px;
|
width: 120px;
|
||||||
height:auto;
|
height: auto;
|
||||||
top:auto;
|
top: auto;
|
||||||
right:auto;
|
right: auto;
|
||||||
bottom:18px;
|
bottom: 18px;
|
||||||
left:10px;
|
left: 10px;
|
||||||
text-align:left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
#arena.slim_player .player .equips{
|
#arena.slim_player .player .equips {
|
||||||
left: 7px;
|
left: 7px;
|
||||||
}
|
}
|
||||||
#arena.uslim_player .player .equips{
|
#arena.uslim_player .player .equips {
|
||||||
left: 3px;
|
left: 3px;
|
||||||
}
|
}
|
||||||
#arena.mslim_player .player .equips{
|
#arena.mslim_player .player .equips {
|
||||||
left: 3px;
|
left: 3px;
|
||||||
}
|
}
|
||||||
.player.minskin .equips{
|
.player.minskin .equips {
|
||||||
transform:scale(0.73);
|
transform: scale(0.73);
|
||||||
transform-origin:bottom left;
|
transform-origin: bottom left;
|
||||||
}
|
}
|
||||||
.player .equips>.card::after,
|
.player .equips > .card::after,
|
||||||
.player .equips>.card::before{
|
.player .equips > .card::before {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
.player .equips>.card{
|
.player .equips > .card {
|
||||||
position:relative;
|
position: relative;
|
||||||
width:100%;
|
width: 100%;
|
||||||
height:22px;
|
height: 22px;
|
||||||
line-height:22px;
|
line-height: 22px;
|
||||||
margin-top:0;
|
margin-top: 0;
|
||||||
margin-bottom:0;
|
margin-bottom: 0;
|
||||||
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
|
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent),
|
||||||
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
|
linear-gradient(135deg, rgba(0, 0, 0, 0.5), transparent 80%, transparent) !important;
|
||||||
box-shadow:none;
|
box-shadow: none;
|
||||||
color:white;
|
color: white;
|
||||||
text-shadow:black 0 0 2px;
|
text-shadow: black 0 0 2px;
|
||||||
animation: card_start2x 0.5s;
|
animation: card_start2x 0.5s;
|
||||||
-webkit-animation: card_start2x 0.5s;
|
-webkit-animation: card_start2x 0.5s;
|
||||||
display:block;
|
display: block;
|
||||||
left:0;
|
left: 0;
|
||||||
top:0;
|
top: 0;
|
||||||
transition:all 0.5s;
|
transition: all 0.5s;
|
||||||
|
|
||||||
border-radius:0;
|
border-radius: 0;
|
||||||
border-width: 1px 0 0;
|
border-width: 1px 0 0;
|
||||||
border-style:solid;
|
border-style: solid;
|
||||||
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
border-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 70%, transparent) 100% 0 0;
|
||||||
}
|
}
|
||||||
.player .equips>.card>.image{
|
.player .equips > .card > .image {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.player.unseen .equips > .card {
|
||||||
.player.unseen .equips>.card{
|
background: none;
|
||||||
background:none;
|
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
|
||||||
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
|
}
|
||||||
}
|
.player.unseen .equips > .card {
|
||||||
.player.unseen .equips>.card{
|
border-image: linear-gradient(
|
||||||
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
to right,
|
||||||
}
|
transparent,
|
||||||
.player.unseen .equips>.card:first-child{
|
rgba(0, 0, 0, 0.4) 10%,
|
||||||
border-image:linear-gradient(transparent,transparent);
|
rgba(0, 0, 0, 0.4) 70%,
|
||||||
}
|
transparent
|
||||||
.player .equips>.card.selected{
|
)
|
||||||
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
|
100% 0 0;
|
||||||
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
|
}
|
||||||
box-shadow:none !important;
|
.player.unseen .equips > .card:first-child {
|
||||||
border-width: 1px 0 0;
|
border-image: linear-gradient(transparent, transparent);
|
||||||
border-style:solid;
|
}
|
||||||
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
|
.player .equips > .card.selected {
|
||||||
}
|
background: linear-gradient(to right, rgba(0, 133, 255, 0.3), transparent),
|
||||||
.player .equips>.card.fire{
|
linear-gradient(135deg, rgba(0, 133, 255, 0.5), transparent 80%, transparent) !important;
|
||||||
color: rgb(255,119,63);
|
box-shadow: none !important;
|
||||||
}
|
border-width: 1px 0 0;
|
||||||
.player .equips>.card.thunder{
|
border-style: solid;
|
||||||
color: rgb(117,186,255);
|
border-image: linear-gradient(to right, rgba(0, 103, 205, 0.4) 70%, transparent) 100% 0 0;
|
||||||
}
|
}
|
||||||
.player .equips>.card.poison{
|
.player .equips > .card.fire {
|
||||||
color: rgb(104,221,127);
|
color: rgb(255, 119, 63);
|
||||||
}
|
}
|
||||||
.player .equips>.card.brown{
|
.player .equips > .card.thunder {
|
||||||
color: rgb(195,161,223);
|
color: rgb(117, 186, 255);
|
||||||
}
|
}
|
||||||
|
.player .equips > .card.poison {
|
||||||
|
color: rgb(104, 221, 127);
|
||||||
.equips>.card>.background{
|
}
|
||||||
display:none !important;
|
.player .equips > .card.brown {
|
||||||
}
|
color: rgb(195, 161, 223);
|
||||||
.equips>.card>.name2{
|
}
|
||||||
display:block;
|
|
||||||
margin-left:5px;
|
.equips > .card > .background {
|
||||||
white-space: nowrap;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.equips>.card>div{
|
.equips > .card > .name2 {
|
||||||
animation:none !important;
|
display: block;
|
||||||
-webkit-animation:none !important;
|
margin-left: 5px;
|
||||||
}
|
white-space: nowrap;
|
||||||
.equips>.card>.name,
|
}
|
||||||
.equips>.card>.info{
|
.equips > .card > div {
|
||||||
display:none !important;
|
animation: none !important;
|
||||||
}
|
-webkit-animation: none !important;
|
||||||
|
}
|
||||||
|
.equips > .card > .name,
|
||||||
.equips>.removing{
|
.equips > .card > .info {
|
||||||
margin-top:-12px !important;
|
display: none !important;
|
||||||
margin-bottom:-11px !important;
|
}
|
||||||
transform:scale(1);
|
|
||||||
}
|
.equips > .removing {
|
||||||
.equips>.removing+.removing{
|
margin-top: -12px !important;
|
||||||
margin-top:-23px !important;
|
margin-bottom: -11px !important;
|
||||||
}
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
.equips > .removing + .removing {
|
||||||
.player.linked .equips{
|
margin-top: -23px !important;
|
||||||
transform:rotate(90deg) translate(-152px,-6px);
|
}
|
||||||
transform-origin:bottom left;
|
|
||||||
}
|
.player.linked .equips {
|
||||||
#arena.slim_player .player.linked .equips{
|
transform: rotate(90deg) translate(-152px, -6px);
|
||||||
transform:rotate(90deg) translate(-155px,-6px);
|
transform-origin: bottom left;
|
||||||
}
|
}
|
||||||
#arena.uslim_player .player.linked .equips{
|
#arena.slim_player .player.linked .equips {
|
||||||
transform:rotate(90deg) translate(-159px,-6px);
|
transform: rotate(90deg) translate(-155px, -6px);
|
||||||
}
|
}
|
||||||
#arena.mslim_player .player.linked .equips{
|
#arena.uslim_player .player.linked .equips {
|
||||||
transform:rotate(90deg) translate(-157px,-6px);
|
transform: rotate(90deg) translate(-159px, -6px);
|
||||||
}
|
}
|
||||||
.player.minskin.linked .equips{
|
#arena.mslim_player .player.linked .equips {
|
||||||
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
|
transform: rotate(90deg) translate(-157px, -6px);
|
||||||
}
|
}
|
||||||
#arena.slim_player .player.minskin.linked .equips{
|
.player.minskin.linked .equips {
|
||||||
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
|
transform: rotate(90deg) translate(-92px, -6px) scale(0.73);
|
||||||
}
|
}
|
||||||
#arena.uslim_player .player.minskin.linked .equips{
|
#arena.slim_player .player.minskin.linked .equips {
|
||||||
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
|
transform: rotate(90deg) translate(-95px, -6px) scale(0.73);
|
||||||
}
|
}
|
||||||
#arena.mslim_player .player.minskin.linked .equips{
|
#arena.uslim_player .player.minskin.linked .equips {
|
||||||
transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
|
transform: rotate(90deg) translate(-99px, -6px) scale(0.73);
|
||||||
}
|
}
|
||||||
.player.linked .identity{
|
#arena.mslim_player .player.minskin.linked .equips {
|
||||||
transform:rotate(90deg);
|
transform: rotate(90deg) translate(-97px, -6px) scale(0.73);
|
||||||
}
|
}
|
||||||
|
.player.linked .identity {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,2 +1,2 @@
|
||||||
@import 'global.css';
|
@import "global.css";
|
||||||
@import 'equip.css';
|
@import "equip.css";
|
||||||
|
|
|
@ -1,363 +1,448 @@
|
||||||
@import "../newlayout/layout.css";
|
@import "../newlayout/layout.css";
|
||||||
#arena{
|
#arena {
|
||||||
height: calc(95% + 20px);
|
height: calc(95% + 20px);
|
||||||
}
|
}
|
||||||
#control{
|
#control {
|
||||||
width: calc(5000% / 47 - 240px);
|
width: calc(5000% / 47 - 240px);
|
||||||
left:calc(-150% / 47 + 120px);
|
left: calc(-150% / 47 + 120px);
|
||||||
bottom:150px;
|
bottom: 150px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
#arena.phone #control{
|
#arena.phone #control {
|
||||||
bottom:160px;
|
bottom: 160px;
|
||||||
}
|
}
|
||||||
#arena.ipad #control{
|
#arena.ipad #control {
|
||||||
bottom:155px;
|
bottom: 155px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess)>#me,
|
#arena:not(.chess) > #me,
|
||||||
#arena:not(.chess)>#mebg,
|
#arena:not(.chess) > #mebg,
|
||||||
#arena:not(.chess)>#autonode{
|
#arena:not(.chess) > #autonode {
|
||||||
bottom:30px;
|
bottom: 30px;
|
||||||
width: calc(5000% / 47);
|
width: calc(5000% / 47);
|
||||||
left:calc(-150% / 47);
|
left: calc(-150% / 47);
|
||||||
top:auto;
|
top: auto;
|
||||||
border-radius:0 !important;
|
border-radius: 0 !important;
|
||||||
height:120px;
|
height: 120px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess)>#me,
|
#arena.oblongcard:not(.chess) > #me,
|
||||||
#arena.oblongcard:not(.chess)>#mebg,
|
#arena.oblongcard:not(.chess) > #mebg,
|
||||||
#arena.oblongcard:not(.chess)>#autonode{
|
#arena.oblongcard:not(.chess) > #autonode {
|
||||||
height: 140px;
|
height: 140px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess)>.card,
|
#arena.oblongcard:not(.chess) > .card,
|
||||||
#arena.oblongcard:not(.chess) .handcards>.card{
|
#arena.oblongcard:not(.chess) .handcards > .card {
|
||||||
height: 120px;
|
height: 120px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess)>.card>.image,
|
#arena.oblongcard:not(.chess) > .card > .image,
|
||||||
#arena.oblongcard:not(.chess) .handcards>.card>.image{
|
#arena.oblongcard:not(.chess) .handcards > .card > .image {
|
||||||
height: 110px;
|
height: 110px;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
background-position-x: -3px;
|
background-position-x: -3px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess) #handcards1{
|
#arena.oblongcard:not(.chess) #handcards1 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
}
|
}
|
||||||
#arena.oblongcard:not(.chess):not(.choose-character) #control{
|
#arena.oblongcard:not(.chess):not(.choose-character) #control {
|
||||||
bottom:165px;
|
bottom: 165px;
|
||||||
}
|
}
|
||||||
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
|
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control {
|
||||||
bottom:180px;
|
bottom: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#arena:not(.chess)>#autonode{
|
#arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 - 240px);
|
width: calc(5000% / 47 - 240px);
|
||||||
left:calc(-150% / 47 + 120px);
|
left: calc(-150% / 47 + 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.mobile).single-handcard #handcards1{
|
#arena:not(.mobile).single-handcard #handcards1 {
|
||||||
width: calc(100% - 120px);
|
width: calc(100% - 120px);
|
||||||
}
|
}
|
||||||
#window.rightbar #system,
|
#window.rightbar #system,
|
||||||
#window.leftbar #system{
|
#window.leftbar #system {
|
||||||
width: calc(100% - 62px);
|
width: calc(100% - 62px);
|
||||||
}
|
}
|
||||||
#window.leftbar #system{
|
#window.leftbar #system {
|
||||||
left: 50px;
|
left: 50px;
|
||||||
}
|
}
|
||||||
#window.rightbar #historybar{
|
#window.rightbar #historybar {
|
||||||
left: calc(100% - 50px);
|
left: calc(100% - 50px);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
#window.leftbar #historybar{
|
#window.leftbar #historybar {
|
||||||
left: 0;
|
left: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#window.single-handcard #historybar{
|
#window.single-handcard #historybar {
|
||||||
height: calc(100% - 121px);
|
height: calc(100% - 121px);
|
||||||
}
|
}
|
||||||
#window.oblongcard.single-handcard #historybar{
|
#window.oblongcard.single-handcard #historybar {
|
||||||
height: calc(100% - 141px);
|
height: calc(100% - 141px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#window.leftbar #arena:not(.chess)>#me,
|
#window.leftbar #arena:not(.chess) > #me,
|
||||||
#window.leftbar #arena:not(.chess)>#mebg,
|
#window.leftbar #arena:not(.chess) > #mebg,
|
||||||
#window.leftbar #arena:not(.chess)>#autonode{
|
#window.leftbar #arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 + 2500px / 47);
|
width: calc(5000% / 47 + 2500px / 47);
|
||||||
left:calc(-150% / 47 - 50px - 75px / 47);
|
left: calc(-150% / 47 - 50px - 75px / 47);
|
||||||
}
|
}
|
||||||
#window.leftbar #arena:not(.chess)>#autonode{
|
#window.leftbar #arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
||||||
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
|
left: calc(-150% / 47 - 50px - 75px / 47 + 120px);
|
||||||
}
|
}
|
||||||
#window.rightbar #arena:not(.chess)>#me,
|
#window.rightbar #arena:not(.chess) > #me,
|
||||||
#window.rightbar #arena:not(.chess)>#mebg,
|
#window.rightbar #arena:not(.chess) > #mebg,
|
||||||
#window.rightbar #arena:not(.chess)>#autonode{
|
#window.rightbar #arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 + 2500px / 47);
|
width: calc(5000% / 47 + 2500px / 47);
|
||||||
left:calc(-150% / 47 - 75px / 47);
|
left: calc(-150% / 47 - 75px / 47);
|
||||||
}
|
}
|
||||||
#window.rightbar #arena:not(.chess)>#autonode{
|
#window.rightbar #arena:not(.chess) > #autonode {
|
||||||
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
width: calc(5000% / 47 + 2500px / 47 - 240px);
|
||||||
left:calc(-150% / 47 - 75px / 47 + 120px);
|
left: calc(-150% / 47 - 75px / 47 + 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) #handcards1{
|
#arena:not(.chess) #handcards1 {
|
||||||
height:120px;
|
height: 120px;
|
||||||
padding:0;
|
padding: 0;
|
||||||
top:calc(100% - 120px);
|
top: calc(100% - 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.chess) #handcards1.scrollh{
|
#arena:not(.chess) #handcards1.scrollh {
|
||||||
top: calc(100% - 180px);
|
top: calc(100% - 180px);
|
||||||
height: 180px;
|
height: 180px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess).oblongcard #handcards1.scrollh{
|
#arena:not(.chess).oblongcard #handcards1.scrollh {
|
||||||
top: calc(100% - 200px);
|
top: calc(100% - 200px);
|
||||||
height: 200px;
|
height: 200px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess) #handcards1.scrollh>div{
|
#arena:not(.chess) #handcards1.scrollh > div {
|
||||||
height: 120px;
|
height: 120px;
|
||||||
top: 60px;
|
top: 60px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess).oblongcard #handcards1.scrollh>div{
|
#arena:not(.chess).oblongcard #handcards1.scrollh > div {
|
||||||
top: 62px;
|
top: 62px;
|
||||||
}
|
}
|
||||||
#arena:not(.chess):not(.single-handcard) #handcards1{
|
#arena:not(.chess):not(.single-handcard) #handcards1 {
|
||||||
width:calc(100% - 240px);
|
width: calc(100% - 240px);
|
||||||
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
|
left: calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
|
||||||
}
|
}
|
||||||
#arena:not(.single-handcard):not(.chess)>#me,
|
#arena:not(.single-handcard):not(.chess) > #me,
|
||||||
#arena:not(.single-handcard):not(.chess)>#mebg,
|
#arena:not(.single-handcard):not(.chess) > #mebg,
|
||||||
#arena:not(.single-handcard):not(.chess)>#autonode{
|
#arena:not(.single-handcard):not(.chess) > #autonode {
|
||||||
left: 0 !important;
|
left: 0 !important;
|
||||||
bottom: 38px !important;
|
bottom: 38px !important;
|
||||||
width: calc(9700% / 94) !important;
|
width: calc(9700% / 94) !important;
|
||||||
}
|
}
|
||||||
#arena:not(.single-handcard):not(.chess)>#mebg{
|
#arena:not(.single-handcard):not(.chess) > #mebg {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
#arena:not(.single-handcard):not(.chess)>#me #handcards1{
|
#arena:not(.single-handcard):not(.chess) > #me #handcards1 {
|
||||||
left: 150px !important;
|
left: 150px !important;
|
||||||
width: calc(100% - 150px) !important;
|
width: calc(100% - 150px) !important;
|
||||||
}
|
}
|
||||||
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
|
#arena:not(.single-handcard):not(.chess) > #me #handcards1 > .handcards {
|
||||||
left: 0 !important;
|
left: 0 !important;
|
||||||
}
|
}
|
||||||
#autonode{
|
#autonode {
|
||||||
display: table !important;
|
display: table !important;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 1105px){
|
@media screen and (max-width: 1105px) {
|
||||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
|
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #me,
|
||||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
|
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #mebg,
|
||||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
|
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #autonode {
|
||||||
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
|
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
|
||||||
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
|
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#handcards2{
|
#handcards2 {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
.dialog{
|
.dialog {
|
||||||
height:calc(100% - 370px);
|
height: calc(100% - 370px);
|
||||||
bottom:170px;
|
bottom: 170px;
|
||||||
}
|
}
|
||||||
#arena.choose-character>.dialog .placeholder+.placeholder{
|
#arena.choose-character > .dialog .placeholder + .placeholder {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#arena.choose-character>.dialog .placeholder{
|
#arena.choose-character > .dialog .placeholder {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
height: 0px;
|
height: 0px;
|
||||||
}
|
}
|
||||||
#arena.choose-character>.dialog.noupdate .placeholder{
|
#arena.choose-character > .dialog.noupdate .placeholder {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
#arena.choose-character>.dialog{
|
#arena.choose-character > .dialog {
|
||||||
height:calc(100% - 280px);
|
height: calc(100% - 280px);
|
||||||
bottom:80px;
|
bottom: 80px;
|
||||||
}
|
}
|
||||||
#arena.choose-character>.dialog.scroll3{
|
#arena.choose-character > .dialog.scroll3 {
|
||||||
height:calc(100% - 240px);
|
height: calc(100% - 240px);
|
||||||
}
|
}
|
||||||
#arena.phone.choose-character>.dialog{
|
#arena.phone.choose-character > .dialog {
|
||||||
bottom:93px;
|
bottom: 93px;
|
||||||
}
|
}
|
||||||
#arena.ipad.choose-character>.dialog{
|
#arena.ipad.choose-character > .dialog {
|
||||||
bottom:96px;
|
bottom: 96px;
|
||||||
}
|
}
|
||||||
#arena.discard-player-card>#control,
|
#arena.discard-player-card > #control,
|
||||||
#arena.gain-player-card>#control,
|
#arena.gain-player-card > #control,
|
||||||
#arena.choose-player-card>#control,
|
#arena.choose-player-card > #control,
|
||||||
#arena.choose-to-move>#control,
|
#arena.choose-to-move > #control,
|
||||||
#arena.choose-character>#control{
|
#arena.choose-character > #control {
|
||||||
bottom: 30px;
|
bottom: 30px;
|
||||||
transition: all 0s;
|
transition: all 0s;
|
||||||
}
|
}
|
||||||
#arena.phone.discard-player-card>#control,
|
#arena.phone.discard-player-card > #control,
|
||||||
#arena.phone.gain-player-card>#control,
|
#arena.phone.gain-player-card > #control,
|
||||||
#arena.phone.choose-player-card>#control,
|
#arena.phone.choose-player-card > #control,
|
||||||
#arena.phone.choose-to-move>#control,
|
#arena.phone.choose-to-move > #control,
|
||||||
#arena.phone.choose-character>#control{
|
#arena.phone.choose-character > #control {
|
||||||
bottom: 43px;
|
bottom: 43px;
|
||||||
}
|
}
|
||||||
#arena.ipad.discard-player-card>#control,
|
#arena.ipad.discard-player-card > #control,
|
||||||
#arena.ipad.gain-player-card>#control,
|
#arena.ipad.gain-player-card > #control,
|
||||||
#arena.ipad.choose-player-card>#control,
|
#arena.ipad.choose-player-card > #control,
|
||||||
#arena.ipad.choose-to-move>#control,
|
#arena.ipad.choose-to-move > #control,
|
||||||
#arena.ipad.choose-character>#control{
|
#arena.ipad.choose-character > #control {
|
||||||
bottom: 45px;
|
bottom: 45px;
|
||||||
}
|
}
|
||||||
.dialog.fullheight {
|
.dialog.fullheight {
|
||||||
height: calc(100% - 123px) !important;
|
height: calc(100% - 123px) !important;
|
||||||
top: 40px !important;
|
top: 40px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#me>.fakeme.avatar{
|
#me > .fakeme.avatar {
|
||||||
width:120px;
|
width: 120px;
|
||||||
height:100%;
|
height: 100%;
|
||||||
border-radius:0px;
|
border-radius: 0px;
|
||||||
top:0;
|
top: 0;
|
||||||
left:0;
|
left: 0;
|
||||||
background-size:cover;
|
background-size: cover;
|
||||||
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||||
}
|
}
|
||||||
#window[data-radius_size='increase'] #me>.fakeme.avatar,
|
#window[data-radius_size="increase"] #me > .fakeme.avatar,
|
||||||
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
|
#window[data-radius_size="reduce"] #me > .fakeme.avatar {
|
||||||
border-radius:0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------位置(8人)------*/
|
/*--------位置(8人)------*/
|
||||||
[data-number='8']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
|
[data-number="8"] > .player[data-position="1"] {
|
||||||
[data-number='8']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
|
top: calc(55% - 135px);
|
||||||
[data-number='8']>.player[data-position='3']{top:0;left:calc(75% - 112.5px);}
|
left: calc(100% - 150px);
|
||||||
[data-number='8']>.player[data-position='4']{top:0;left:calc(50% - 75px);}
|
}
|
||||||
[data-number='8']>.player[data-position='5']{top:0;left:calc(25% - 37.5px);}
|
[data-number="8"] > .player[data-position="2"] {
|
||||||
[data-number='8']>.player[data-position='6']{top:calc(10% - 50px);left:0;}
|
top: calc(10% - 50px);
|
||||||
[data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;}
|
left: calc(100% - 150px);
|
||||||
/*--------位置(7人)------*/
|
}
|
||||||
[data-number='7']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
|
[data-number="8"] > .player[data-position="3"] {
|
||||||
[data-number='7']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
|
top: 0;
|
||||||
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
|
left: calc(75% - 112.5px);
|
||||||
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
|
}
|
||||||
[data-number='7']>.player[data-position='5']{top:calc(10% - 50px);left:0;}
|
[data-number="8"] > .player[data-position="4"] {
|
||||||
[data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;}
|
top: 0;
|
||||||
/*--------位置(6人)------*/
|
left: calc(50% - 75px);
|
||||||
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
}
|
||||||
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
|
[data-number="8"] > .player[data-position="5"] {
|
||||||
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
|
top: 0;
|
||||||
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
|
left: calc(25% - 37.5px);
|
||||||
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
|
}
|
||||||
/*--------位置(5人)------*/
|
[data-number="8"] > .player[data-position="6"] {
|
||||||
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
top: calc(10% - 50px);
|
||||||
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
|
left: 0;
|
||||||
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
|
}
|
||||||
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
|
[data-number="8"] > .player[data-position="7"] {
|
||||||
/*--------位置(4人)------*/
|
top: calc(55% - 135px);
|
||||||
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
left: 0;
|
||||||
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
|
}
|
||||||
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
|
/*--------位置(7人)------*/
|
||||||
/*--------位置(3人)------*/
|
[data-number="7"] > .player[data-position="1"] {
|
||||||
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
|
top: calc(55% - 135px);
|
||||||
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
|
left: calc(100% - 150px);
|
||||||
/*--------位置(2人)------*/
|
}
|
||||||
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
|
[data-number="7"] > .player[data-position="2"] {
|
||||||
/*--------位置(1人)------*/
|
top: calc(10% - 50px);
|
||||||
.player[data-position='0']{top:calc(100% - 220px);left:0;}
|
left: calc(100% - 150px);
|
||||||
|
}
|
||||||
|
[data-number="7"] > .player[data-position="3"] {
|
||||||
#arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){
|
top: 0;
|
||||||
top: calc(100% - 236px);
|
left: calc(62.5% - 75px);
|
||||||
}
|
}
|
||||||
[data-number='8'][data-player_height_nova="default"]>.player[data-position='1'],
|
[data-number="7"] > .player[data-position="4"] {
|
||||||
[data-number='8'][data-player_height_nova="default"]>.player[data-position='7'],
|
top: 0;
|
||||||
[data-number='7'][data-player_height_nova="default"]>.player[data-position='1'],
|
left: calc(37.5% - 75px);
|
||||||
[data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{
|
}
|
||||||
top:calc(55% - 143px);
|
[data-number="7"] > .player[data-position="5"] {
|
||||||
}
|
top: calc(10% - 50px);
|
||||||
|
left: 0;
|
||||||
#arena[data-player_height_nova="default"]>.player:not(.minskin){
|
}
|
||||||
height: 196px !important;
|
[data-number="7"] > .player[data-position="6"] {
|
||||||
}
|
top: calc(55% - 135px);
|
||||||
#arena[data-player_height_nova="default"] .timerbar>div{
|
left: 0;
|
||||||
top: 181px;
|
}
|
||||||
}
|
/*--------位置(6人)------*/
|
||||||
|
#arena[data-number="6"] > .player[data-position="1"] {
|
||||||
#arena[data-player_height_nova="default"]>.player .avatar{
|
top: calc(30% - 128px);
|
||||||
height:176px;
|
left: calc(100% - 120px);
|
||||||
}
|
}
|
||||||
#arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
|
#arena[data-number="6"] > .player[data-position="2"] {
|
||||||
height: 182px;
|
top: 0px;
|
||||||
}
|
left: calc(75% - 90px);
|
||||||
|
}
|
||||||
#arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
|
#arena[data-number="6"] > .player[data-position="3"] {
|
||||||
height: 190px;
|
top: 0;
|
||||||
}
|
left: calc(50% - 60px);
|
||||||
#arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
|
}
|
||||||
height: 186px;
|
#arena[data-number="6"] > .player[data-position="4"] {
|
||||||
}
|
top: 0px;
|
||||||
#arena[data-player_height_nova="default"]>.player.fullskin2 .avatar2{
|
left: calc(25% - 30px);
|
||||||
height:176px;
|
}
|
||||||
}
|
#arena[data-number="6"] > .player[data-position="5"] {
|
||||||
|
top: calc(30% - 128px);
|
||||||
#arena.slim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
|
left: 0;
|
||||||
height: 182px;
|
}
|
||||||
}
|
/*--------位置(5人)------*/
|
||||||
#arena.uslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
|
#arena[data-number="5"] > .player[data-position="1"] {
|
||||||
height: 190px;
|
top: calc(30% - 128px);
|
||||||
}
|
left: calc(100% - 120px);
|
||||||
#arena.mslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
|
}
|
||||||
height: 186px;
|
#arena[data-number="5"] > .player[data-position="2"] {
|
||||||
}
|
top: 0;
|
||||||
|
left: calc(200% / 3 - 80px);
|
||||||
|
}
|
||||||
#arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){
|
#arena[data-number="5"] > .player[data-position="3"] {
|
||||||
top: calc(100% - 250px);
|
top: 0;
|
||||||
}
|
left: calc(100% / 3 - 40px);
|
||||||
[data-number='8'][data-player_height_nova="long"]>.player[data-position='1'],
|
}
|
||||||
[data-number='8'][data-player_height_nova="long"]>.player[data-position='7'],
|
#arena[data-number="5"] > .player[data-position="4"] {
|
||||||
[data-number='7'][data-player_height_nova="long"]>.player[data-position='1'],
|
top: calc(30% - 128px);
|
||||||
[data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{
|
left: 0;
|
||||||
top:calc(55% - 150px);
|
}
|
||||||
}
|
/*--------位置(4人)------*/
|
||||||
|
#arena[data-number="4"] > .player[data-position="1"] {
|
||||||
#arena[data-player_height_nova="long"]>.player:not(.minskin){
|
top: calc(30% - 128px);
|
||||||
height: 210px !important;
|
left: calc(100% - 120px);
|
||||||
}
|
}
|
||||||
#arena[data-player_height_nova="long"] .timerbar>div{
|
#arena[data-number="4"] > .player[data-position="2"] {
|
||||||
top: 195px;
|
top: 0;
|
||||||
}
|
left: calc(50% - 60px);
|
||||||
|
}
|
||||||
#arena[data-player_height_nova="long"]>.player .avatar{
|
#arena[data-number="4"] > .player[data-position="3"] {
|
||||||
height:190px;
|
top: calc(30% - 128px);
|
||||||
}
|
left: 0;
|
||||||
#arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
|
}
|
||||||
height: 196px;
|
/*--------位置(3人)------*/
|
||||||
}
|
#arena[data-number="3"] > .player[data-position="1"] {
|
||||||
|
top: calc(60% / 3 - 88px);
|
||||||
#arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
|
left: calc(75% + 80px);
|
||||||
height: 204px;
|
}
|
||||||
}
|
#arena[data-number="3"] > .player[data-position="2"] {
|
||||||
#arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
|
top: calc(60% / 3 - 88px);
|
||||||
height: 200px;
|
left: calc(25% - 200px);
|
||||||
}
|
}
|
||||||
#arena[data-player_height_nova="long"]>.player.fullskin2 .avatar2{
|
/*--------位置(2人)------*/
|
||||||
height:190px;
|
#arena[data-number="2"] > .player[data-position="1"] {
|
||||||
}
|
top: 0;
|
||||||
|
left: calc(50% - 60px);
|
||||||
#arena.slim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
|
}
|
||||||
height: 196px;
|
/*--------位置(1人)------*/
|
||||||
}
|
.player[data-position="0"] {
|
||||||
#arena.uslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
|
top: calc(100% - 220px);
|
||||||
height: 204px;
|
left: 0;
|
||||||
}
|
}
|
||||||
#arena.mslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
|
|
||||||
height: 200px;
|
#arena[data-player_height_nova="default"] > .player[data-position="0"]:not(.minskin) {
|
||||||
}
|
top: calc(100% - 236px);
|
||||||
|
}
|
||||||
#arena>.player:not(.minskin)>.avatar,
|
[data-number="8"][data-player_height_nova="default"] > .player[data-position="1"],
|
||||||
#arena>.player:not(.minskin)>.avatar2{
|
[data-number="8"][data-player_height_nova="default"] > .player[data-position="7"],
|
||||||
background-position: 50% 0 !important;
|
[data-number="7"][data-player_height_nova="default"] > .player[data-position="1"],
|
||||||
}
|
[data-number="7"][data-player_height_nova="default"] > .player[data-position="6"] {
|
||||||
|
top: calc(55% - 143px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena[data-player_height_nova="default"] > .player:not(.minskin) {
|
||||||
|
height: 196px !important;
|
||||||
|
}
|
||||||
|
#arena[data-player_height_nova="default"] .timerbar > div {
|
||||||
|
top: 181px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena[data-player_height_nova="default"] > .player .avatar {
|
||||||
|
height: 176px;
|
||||||
|
}
|
||||||
|
#arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar {
|
||||||
|
height: 182px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar {
|
||||||
|
height: 190px;
|
||||||
|
}
|
||||||
|
#arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar {
|
||||||
|
height: 186px;
|
||||||
|
}
|
||||||
|
#arena[data-player_height_nova="default"] > .player.fullskin2 .avatar2 {
|
||||||
|
height: 176px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena.slim_player[data-player_height_nova="default"] > .player.fullskin2:not(.minskin) .avatar2 {
|
||||||
|
height: 182px;
|
||||||
|
}
|
||||||
|
#arena.uslim_player[data-player_height_nova="default"] > .player.fullskin2:not(.minskin) .avatar2 {
|
||||||
|
height: 190px;
|
||||||
|
}
|
||||||
|
#arena.mslim_player[data-player_height_nova="default"] > .player.fullskin2:not(.minskin) .avatar2 {
|
||||||
|
height: 186px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena[data-player_height_nova="long"] > .player[data-position="0"]:not(.minskin) {
|
||||||
|
top: calc(100% - 250px);
|
||||||
|
}
|
||||||
|
[data-number="8"][data-player_height_nova="long"] > .player[data-position="1"],
|
||||||
|
[data-number="8"][data-player_height_nova="long"] > .player[data-position="7"],
|
||||||
|
[data-number="7"][data-player_height_nova="long"] > .player[data-position="1"],
|
||||||
|
[data-number="7"][data-player_height_nova="long"] > .player[data-position="6"] {
|
||||||
|
top: calc(55% - 150px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena[data-player_height_nova="long"] > .player:not(.minskin) {
|
||||||
|
height: 210px !important;
|
||||||
|
}
|
||||||
|
#arena[data-player_height_nova="long"] .timerbar > div {
|
||||||
|
top: 195px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena[data-player_height_nova="long"] > .player .avatar {
|
||||||
|
height: 190px;
|
||||||
|
}
|
||||||
|
#arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar {
|
||||||
|
height: 196px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar {
|
||||||
|
height: 204px;
|
||||||
|
}
|
||||||
|
#arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
#arena[data-player_height_nova="long"] > .player.fullskin2 .avatar2 {
|
||||||
|
height: 190px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena.slim_player[data-player_height_nova="long"] > .player.fullskin2:not(.minskin) .avatar2 {
|
||||||
|
height: 196px;
|
||||||
|
}
|
||||||
|
#arena.uslim_player[data-player_height_nova="long"] > .player.fullskin2:not(.minskin) .avatar2 {
|
||||||
|
height: 204px;
|
||||||
|
}
|
||||||
|
#arena.mslim_player[data-player_height_nova="long"] > .player.fullskin2:not(.minskin) .avatar2 {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arena > .player:not(.minskin) > .avatar,
|
||||||
|
#arena > .player:not(.minskin) > .avatar2 {
|
||||||
|
background-position: 50% 0 !important;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue