noname/layout/mode/boss.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);
    }
}