134 lines
2.5 KiB
CSS
134 lines
2.5 KiB
CSS
#bosslist{
|
|
width:100%;
|
|
height:calc(50% + 200px);
|
|
text-align:center;
|
|
top:calc(50% - 200px);
|
|
top:60px;
|
|
white-space:nowrap;
|
|
z-index:1;
|
|
overflow-x:scroll;
|
|
}
|
|
#window[data-radius_size='reduce'] #bosslist.slim>.player{
|
|
border-radius:4px;
|
|
}
|
|
#window[data-radius_size='off'] #bosslist.slim>.player{
|
|
border-radius:0px;
|
|
}
|
|
#window[data-radius_size='increase'] #bosslist.slim>.player{
|
|
border-radius:20px;
|
|
}
|
|
#bosslist.slim>.player{
|
|
border-radius: 10px;
|
|
}
|
|
#bosslist.slim>.player>.avatar{
|
|
left: 8px;
|
|
top: 8px;
|
|
width: 164px;
|
|
height: 200px;
|
|
}
|
|
.bosspaused>#bosslist,
|
|
.bosspaused>#control,
|
|
.bosspaused>.dialog.bosscharacter{
|
|
opacity:0.2 !important;
|
|
}
|
|
#bosslist.hidden>.player{
|
|
transition:all 0s;
|
|
}
|
|
#bosslist>div:first-child,
|
|
#bosslist>div:last-child{
|
|
width:20px;
|
|
position:relative;
|
|
}
|
|
|
|
.player.bossplayer.bossing{
|
|
position:absolute;
|
|
}
|
|
.player.bossing .avatar{
|
|
transition:all 0.5s;
|
|
}
|
|
.player.bossplayer.highlight{
|
|
transform:scale(1.1);
|
|
opacity:1;
|
|
}
|
|
#bosslist.removing>.player.bossplayer.highlight{
|
|
transition:all 0s;
|
|
opacity:0;
|
|
}
|
|
.player.bossplayer{
|
|
position:relative;
|
|
margin:10px;
|
|
left:0;
|
|
top:4px;
|
|
width:180px;
|
|
height:216px;
|
|
transition: all 0.3s;
|
|
opacity:0.6;
|
|
animation:game_start 0.5s;
|
|
-webkit-animation:game_start 0.5s;
|
|
}
|
|
.player.bossplayer>div:not(.hp):not(.identity):not(.avatar){
|
|
display:none !important;
|
|
}
|
|
.player.bossplayer>.identity{
|
|
left:16px;
|
|
top:20px;
|
|
line-height:24px;
|
|
white-space:normal;
|
|
}
|
|
.player.bossplayer>.hp{
|
|
top:22px;
|
|
left:144px;
|
|
}
|
|
.player.bossplayer>.avatar{
|
|
width:160px;
|
|
height:196px;
|
|
}
|
|
|
|
#control.bosslist{
|
|
top:calc(100% - 50px) !important;
|
|
position:fixed;
|
|
}
|
|
|
|
.dialog.bosscharacter{
|
|
top:auto;
|
|
bottom:65px;
|
|
height:calc(100% - 383px);
|
|
animation: dialog_start2 0.5s;
|
|
-webkit-animation: dialog_start2 0.5s;
|
|
}
|
|
|
|
.bosschongzheng{
|
|
width:calc(100% - 20px);
|
|
white-space:nowrap;
|
|
position:relative;
|
|
}
|
|
.bosschongzheng div{
|
|
position:relative;
|
|
}
|
|
.bosschongzheng>div{
|
|
width:100%;
|
|
display:block;
|
|
margin-bottom:5px;
|
|
}
|
|
.bosschongzheng>div>div:first-child{
|
|
text-align:left;
|
|
width:30%;
|
|
}
|
|
.bosschongzheng>div>div:last-child{
|
|
text-align:right;
|
|
width:70%;
|
|
}
|
|
|
|
@media screen and (min-height: 800px) {
|
|
.dialog.bosscharacter{
|
|
height:417px;
|
|
bottom:calc(50% - 335px);
|
|
}
|
|
#control.bosslist{
|
|
top:calc(50% + 350px) !important;
|
|
}
|
|
#bosslist{
|
|
top:calc(40% - 260px);
|
|
}
|
|
}
|