#bosslist { width: 100%; height: 260px; text-align: center; top: calc(50% - 200px); top: 60px; white-space: nowrap; z-index: 1; overflow-x: scroll; } #window[data-radius_size="reduce"] #bosslist > .player { border-radius: 4px; } #window[data-radius_size="off"] #bosslist > .player { border-radius: 0px; } #window[data-radius_size="increase"] #bosslist > .player { border-radius: 20px; } #window #bosslist > .player { border-radius: 10px; } #window[data-player_border="normal"] #bosslist > .player > .avatar { left: 8px; top: 8px; width: 164px; height: 200px; } #window[data-player_border="slim"] #bosslist > .player > .avatar { left: 4px; top: 4px; width: 172px; height: 208px; } .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; } #bosslist > .player .identity { align-items: flex-start; width: min-content; } #bosslist > .player .identity > div { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } #window:not(.nopointer) #bosslist > .player { cursor: pointer; } .dialog.bosscharacter .buttons .button.selectable { cursor: pointer; } .dialog.bosscharacter .buttons .button:not(.selectable) { opacity: 0.6; } .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):not(.framebg) { display: none !important; } .player.bossplayer > .identity { left: 16px; top: 18px; 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); } }