2017-01-20 14:17:25 +00:00
|
|
|
@import "../mobile/layout.css";
|
|
|
|
|
#arena:not(.stone)>.player:not(.minskin):not(*[data-position='0']){
|
|
|
|
|
width: 120px !important;
|
|
|
|
|
height: 220px !important;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
|
|
|
|
#arena:not(.stone)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
|
|
|
|
width: 106px !important;
|
|
|
|
|
height: 206px !important;
|
|
|
|
|
background-position: 50% !important;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
|
|
|
|
#arena:not(.stone)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
|
|
|
|
height: 103px !important;
|
|
|
|
|
background-position: 0 0 !important;
|
|
|
|
|
border-radius: 8px !important;
|
|
|
|
|
}
|
|
|
|
|
#window.reduce_radius #arena:not(.stone)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
|
|
|
|
#window.reduce_radius #arena:not(.stone)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
|
|
|
|
border-radius: 8px 8px 0 0 !important;
|
|
|
|
|
height: 125px !important;
|
|
|
|
|
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 103px, 106px 103px, 0px 125px, -10px 125px);
|
|
|
|
|
}
|
|
|
|
|
#window.reduce_radius #arena:not(.stone)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
|
|
|
|
border-radius: 4px 4px 0 0 !important;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
|
|
|
|
border-radius: 0 0 8px 8px !important;
|
|
|
|
|
top: 100px !important;
|
|
|
|
|
height: 113px !important;
|
|
|
|
|
background-position: 0 10px !important;
|
|
|
|
|
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 125px, -10px 125px);
|
|
|
|
|
}
|
|
|
|
|
#window.reduce_radius #arena:not(.stone)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
|
|
|
|
border-radius: 0 0 4px 4px !important;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
|
|
|
|
top: 110px !important;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player:not(.minskin):not(*[data-position='0'])>.identity{
|
|
|
|
|
left: 102px;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player:not(.minskin):not(*[data-position='0'])>.hp{
|
|
|
|
|
left: 93px;
|
|
|
|
|
}
|
|
|
|
|
#arena:not(.stone)>.player:not(.minskin):not(*[data-position='0'])>.hp.text{
|
|
|
|
|
left: 89px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*--------位置(8人)------*/
|
|
|
|
|
[data-number='8']>.player[data-position='1']{top:calc(200% / 3 - 340px);left:calc(100% - 120px);}
|
|
|
|
|
[data-number='8']>.player[data-position='2']{top:calc(60% / 3 - 108px);left:calc(500% / 6 - 100px);}
|
|
|
|
|
[data-number='8']>.player[data-position='3']{top:0;left:calc(400% / 6 - 80px);}
|
|
|
|
|
[data-number='8']>.player[data-position='4']{top:0;left:calc(300% / 6 - 60px);}
|
|
|
|
|
[data-number='8']>.player[data-position='5']{top:0;left:calc(200% / 6 - 40px);}
|
|
|
|
|
[data-number='8']>.player[data-position='6']{top:calc(60% / 3 - 108px);left:calc(100% / 6 - 20px);}
|
|
|
|
|
[data-number='8']>.player[data-position='7']{top:calc(200% / 3 - 340px);left:0;}
|
|
|
|
|
/*--------位置(7人)------*/
|
|
|
|
|
[data-number='7']>.player[data-position='1']{top:calc(200% / 3 - 160px);left:calc(100% - 150px);}
|
|
|
|
|
[data-number='7']>.player[data-position='2']{top:calc(100% / 3 - 170px);left:calc(100% - 150px);}
|
|
|
|
|
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
|
|
|
|
|
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
|
|
|
|
|
[data-number='7']>.player[data-position='5']{top:calc(100% / 3 - 170px);left:0;}
|
|
|
|
|
[data-number='7']>.player[data-position='6']{top:calc(200% / 3 - 160px);left:0;}
|
|
|
|
|
[data-number='7']>.card[data-position='1']{top:calc(200% / 3 - 122px);left:calc(100% - 127px);}
|
|
|
|
|
[data-number='7']>.card[data-position='2']{top:calc(100% / 3 - 132px);left:calc(100% - 127px);}
|
|
|
|
|
[data-number='7']>.card[data-position='3']{top:38px;left:calc(62.5% - 52px);}
|
|
|
|
|
[data-number='7']>.card[data-position='4']{top:38px;left:calc(37.5% - 52px);}
|
|
|
|
|
[data-number='7']>.card[data-position='5']{top:calc(100% / 3 - 132px);left:23px;}
|
|
|
|
|
[data-number='7']>.card[data-position='6']{top:calc(200% / 3 - 122px);left:23px;}
|
|
|
|
|
[data-number='7']>.popup[data-position='1']{top:calc(200% / 3 - 150px);left:calc(100% - 186px);}
|
|
|
|
|
[data-number='7']>.popup[data-position='2']{top:calc(100% / 3 - 160px);left:calc(100% - 186px);}
|
|
|
|
|
[data-number='7']>.popup[data-position='3']{top:190px;left:calc(62.5% + 48px);}
|
|
|
|
|
[data-number='7']>.popup[data-position='4']{top:190px;left:calc(37.5% - 75px);}
|
|
|
|
|
[data-number='7']>.popup[data-position='5']{top:calc(100% / 3 - 160px);left:160px;}
|
|
|
|
|
[data-number='7']>.popup[data-position='6']{top:calc(200% / 3 - 150px);left:160px;}
|
|
|
|
|
/*--------位置(6人)------*/
|
|
|
|
|
[data-number='6']>.player[data-position='1']{top:calc(200% / 3 - 160px);left:calc(100% - 150px);}
|
|
|
|
|
[data-number='6']>.player[data-position='2']{top:calc(100% / 3 - 170px);left:calc(100% - 150px);}
|
|
|
|
|
[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 75px);}
|
|
|
|
|
[data-number='6']>.player[data-position='4']{top:calc(100% / 3 - 170px);left:0;}
|
|
|
|
|
[data-number='6']>.player[data-position='5']{top:calc(200% / 3 - 160px);left:0;}
|
|
|
|
|
[data-number='6']>.card[data-position='1']{top:calc(200% / 3 - 122px);left:calc(100% - 127px);}
|
|
|
|
|
[data-number='6']>.card[data-position='2']{top:calc(100% / 3 - 132px);left:calc(100% - 127px);}
|
|
|
|
|
[data-number='6']>.card[data-position='3']{top:38px;left:calc(50% - 52px);}
|
|
|
|
|
[data-number='6']>.card[data-position='4']{top:calc(100% / 3 - 132px);left:23px;}
|
|
|
|
|
[data-number='6']>.card[data-position='5']{top:calc(200% / 3 - 122px);left:23px;}
|
|
|
|
|
[data-number='6']>.popup[data-position='1']{top:calc(200% / 3 - 150px);left:calc(100% - 186px);}
|
|
|
|
|
[data-number='6']>.popup[data-position='2']{top:calc(100% / 3 - 160px);left:calc(100% - 186px);}
|
|
|
|
|
[data-number='6']>.popup[data-position='3']{top:190px;left:calc(50% - 61px);}
|
|
|
|
|
[data-number='6']>.popup[data-position='4']{top:calc(100% / 3 - 160px);left:160px;}
|
|
|
|
|
[data-number='6']>.popup[data-position='5']{top:calc(200% / 3 - 150px);left:160px;}
|
|
|
|
|
/*--------位置(5人)------*/
|
|
|
|
|
[data-number='5']>.player[data-position='1']{top:calc(200% / 3 - 220px);left:calc(100% - 150px);}
|
|
|
|
|
[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 50px);}
|
|
|
|
|
[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 100px);}
|
|
|
|
|
[data-number='5']>.player[data-position='4']{top:calc(200% / 3 - 220px);left:0;}
|
|
|
|
|
[data-number='5']>.card[data-position='1']{top:calc(150% / 3 - 65px);left:calc(100% - 127px);}
|
|
|
|
|
[data-number='5']>.card[data-position='2']{top:38px;left:calc(200% / 3 - 27px);}
|
|
|
|
|
[data-number='5']>.card[data-position='3']{top:38px;left:calc(100% / 3 - 77px);}
|
|
|
|
|
[data-number='5']>.card[data-position='4']{top:calc(150% / 3 - 65px);left:23px;}
|
|
|
|
|
[data-number='5']>.popup[data-position='1']{top:calc(200% / 3 - 210px);left:calc(100% - 186px);}
|
|
|
|
|
[data-number='5']>.popup[data-position='2']{top:190px;left:calc(200% / 3 + 73px);}
|
|
|
|
|
[data-number='5']>.popup[data-position='3']{top:190px;left:calc(100% / 3 - 100px);}
|
|
|
|
|
[data-number='5']>.popup[data-position='4']{top:calc(200% / 3 - 210px);left:160px;}
|
|
|
|
|
/*--------位置(4人)------*/
|
|
|
|
|
[data-number='4']>.player[data-position='1']{top:calc(100% / 3 - 40px);left:calc(100% - 150px);}
|
|
|
|
|
[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 75px);}
|
|
|
|
|
[data-number='4']>.player[data-position='3']{top:calc(100% / 3 - 40px);left:0;}
|
|
|
|
|
[data-number='4']>.card[data-position='1']{top:calc(100% / 3 - 2px);left:calc(100% - 127px);}
|
|
|
|
|
[data-number='4']>.card[data-position='2']{top:38px;left:calc(50% - 52px);}
|
|
|
|
|
[data-number='4']>.card[data-position='3']{top:calc(100% / 3 - 2px);left:23px;}
|
|
|
|
|
[data-number='4']>.popup[data-position='1']{top:calc(100% / 3 - 30px);left:calc(100% - 186px);}
|
|
|
|
|
[data-number='4']>.popup[data-position='2']{top:190px;left:calc(50% - 61px);}
|
|
|
|
|
[data-number='4']>.popup[data-position='3']{top:calc(100% / 3 - 30px);left:160px;}
|
|
|
|
|
/*--------位置(3人)------*/
|
|
|
|
|
[data-number='3']>.player[data-position='1']{top:20px;left:calc(75% + 30px);}
|
|
|
|
|
[data-number='3']>.player[data-position='2']{top:20px;left:calc(25% - 180px);}
|
|
|
|
|
[data-number='3']>.card[data-position='1']{top:58px;left:calc(75% + 53px);}
|
|
|
|
|
[data-number='3']>.card[data-position='2']{top:58px;left:calc(25% - 157px);}
|
|
|
|
|
[data-number='3']>.popup[data-position='1']{top:210px;left:calc(75% + 153px);}
|
|
|
|
|
[data-number='3']>.popup[data-position='2']{top:210px;left:calc(25% - 180px);}
|
|
|
|
|
/*--------位置(2人)------*/
|
|
|
|
|
[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 75px);}
|
|
|
|
|
[data-number='2']>.card[data-position='1']{top:0;left:calc(50% - 52px);}
|
|
|
|
|
[data-number='2']>.popup[data-position='1']{top:190px;left:calc(50% - 61px);}
|
