noname/layout/mode/boss.css

184 lines
3.1 KiB
CSS
Raw Normal View History

2023-09-18 12:55:09 +00:00
#bosslist {
width: 100%;
height: 260px;
text-align: center;
top: calc(50% - 200px);
top: 60px;
white-space: nowrap;
z-index: 1;
overflow-x: scroll;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
#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;
}
2020-03-10 03:43:11 +00:00
.bosspaused>#bosslist,
.bosspaused>#control,
2023-09-18 12:55:09 +00:00
.bosspaused>.dialog.bosscharacter {
opacity: 0.2 !important;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
#bosslist.hidden>.player {
transition: all 0s;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
2020-03-10 03:43:11 +00:00
#bosslist>div:first-child,
2023-09-18 12:55:09 +00:00
#bosslist>div:last-child {
width: 20px;
position: relative;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
#bosslist>.player .identity {
align-items: flex-start;
width: min-content;
2023-09-18 12:55:09 +00:00
}
#bosslist>.player .identity>div {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
}
#window:not(.nopointer) #bosslist>.player {
cursor: pointer;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.dialog.bosscharacter .buttons .button.selectable {
2020-03-10 03:43:11 +00:00
cursor: pointer;
}
2023-09-18 12:55:09 +00:00
.dialog.bosscharacter .buttons .button:not(.selectable) {
opacity: 0.6
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossplayer.bossing {
position: absolute;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossing .avatar {
transition: all 0.5s;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossplayer.highlight {
transform: scale(1.1);
opacity: 1;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
#bosslist.removing>.player.bossplayer.highlight {
transition: all 0s;
opacity: 0;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.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;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossplayer>div:not(.hp):not(.identity):not(.avatar):not(.framebg) {
display: none !important;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossplayer>.identity {
left: 16px;
top: 18px;
line-height: 24px;
white-space: normal;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossplayer>.hp {
top: 22px;
left: 144px;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.player.bossplayer>.avatar {
width: 160px;
height: 196px;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
#control.bosslist {
top: calc(100% - 50px) !important;
position: fixed;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.dialog.bosscharacter {
top: auto;
bottom: 65px;
height: calc(100% - 383px);
animation: dialog_start2 0.5s;
2020-03-10 03:43:11 +00:00
-webkit-animation: dialog_start2 0.5s;
}
2023-09-18 12:55:09 +00:00
.bosschongzheng {
width: calc(100% - 20px);
white-space: nowrap;
position: relative;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.bosschongzheng div {
position: relative;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.bosschongzheng>div {
width: 100%;
display: block;
margin-bottom: 5px;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.bosschongzheng>div>div:first-child {
text-align: left;
width: 30%;
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
.bosschongzheng>div>div:last-child {
text-align: right;
width: 70%;
2020-03-10 03:43:11 +00:00
}
@media screen and (min-height: 800px) {
2023-09-18 12:55:09 +00:00
.dialog.bosscharacter {
height: 417px;
bottom: calc(50% - 335px);
2020-03-10 03:43:11 +00:00
}
2023-09-18 12:55:09 +00:00
#control.bosslist {
top: calc(50% + 350px) !important;
}
#bosslist {
top: calc(40% - 260px);
}
}