YunFeiyang
/
noname
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix and format the CSS.

This commit is contained in:
Tipx-L 2023-09-18 05:55:09 -07:00
parent 72beb64712
commit 835c95fd8c
1 changed files with 150 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

265
layout/mode/boss.css
View File

@ -1,148 +1,183 @@
#bosslist{ #bosslist {
width:100%; width: 100%;
height:260px; height: 260px;
text-align:center; text-align: center;
top:calc(50% - 200px); top: calc(50% - 200px);
top:60px; top: 60px;
white-space:nowrap; white-space: nowrap;
z-index:1; z-index: 1;
overflow-x:scroll; overflow-x: scroll;
} }
#window[data-radius_size='reduce'] #bosslist>.player{
border-radius:4px; #window[data-radius_size='reduce'] #bosslist>.player {
border-radius: 4px;
} }
#window[data-radius_size='off'] #bosslist>.player{
border-radius:0px; #window[data-radius_size='off'] #bosslist>.player {
border-radius: 0px;
} }
#window[data-radius_size='increase'] #bosslist>.player{
border-radius:20px; #window[data-radius_size='increase'] #bosslist>.player {
border-radius: 20px;
} }
#window #bosslist>.player{
border-radius: 10px; #window #bosslist>.player {
border-radius: 10px;
} }
#window[data-player_border='normal'] #bosslist>.player>.avatar{
left: 8px; #window[data-player_border='normal'] #bosslist>.player>.avatar {
top: 8px; left: 8px;
width: 164px; top: 8px;
height: 200px; width: 164px;
height: 200px;
} }
#window[data-player_border='slim'] #bosslist>.player>.avatar{
left: 4px; #window[data-player_border='slim'] #bosslist>.player>.avatar {
top: 4px; left: 4px;
width: 172px; top: 4px;
height: 208px; width: 172px;
height: 208px;
} }
.bosspaused>#bosslist, .bosspaused>#bosslist,
.bosspaused>#control, .bosspaused>#control,
.bosspaused>.dialog.bosscharacter{ .bosspaused>.dialog.bosscharacter {
opacity:0.2 !important; opacity: 0.2 !important;
} }
#bosslist.hidden>.player{
transition:all 0s; #bosslist.hidden>.player {
transition: all 0s;
} }
#bosslist>div:first-child, #bosslist>div:first-child,
#bosslist>div:last-child{ #bosslist>div:last-child {
width:20px; width: 20px;
position:relative; position: relative;
} }
#window:not(.nopointer) #bosslist>.player{
cursor: pointer; #bosslist>.player .identity {
align-items: flex-start;
} }
.dialog.bosscharacter .buttons .button.selectable{
#bosslist>.player .identity>div {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
}
#window:not(.nopointer) #bosslist>.player {
cursor: pointer; cursor: pointer;
} }
.dialog.bosscharacter .buttons .button:not(.selectable){
opacity: 0.6 .dialog.bosscharacter .buttons .button.selectable {
cursor: pointer;
} }
.player.bossplayer.bossing{ .dialog.bosscharacter .buttons .button:not(.selectable) {
position:absolute; opacity: 0.6
}
.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:20px;
line-height:24px;
white-space:normal;
}
.player.bossplayer>.hp{
top:22px;
left:144px;
}
.player.bossplayer>.avatar{
width:160px;
height:196px;
} }
#control.bosslist{ .player.bossplayer.bossing {
top:calc(100% - 50px) !important; position: absolute;
position:fixed;
} }
.dialog.bosscharacter{ .player.bossing .avatar {
top:auto; transition: all 0.5s;
bottom:65px; }
height:calc(100% - 383px);
animation: dialog_start2 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; -webkit-animation: dialog_start2 0.5s;
} }
.bosschongzheng{ .bosschongzheng {
width:calc(100% - 20px); width: calc(100% - 20px);
white-space:nowrap; white-space: nowrap;
position:relative; position: relative;
} }
.bosschongzheng div{
position:relative; .bosschongzheng div {
position: relative;
} }
.bosschongzheng>div{
width:100%; .bosschongzheng>div {
display:block; width: 100%;
margin-bottom:5px; display: block;
margin-bottom: 5px;
} }
.bosschongzheng>div>div:first-child{
text-align:left; .bosschongzheng>div>div:first-child {
width:30%; text-align: left;
width: 30%;
} }
.bosschongzheng>div>div:last-child{
text-align:right; .bosschongzheng>div>div:last-child {
width:70%; text-align: right;
width: 70%;
} }
@media screen and (min-height: 800px) { @media screen and (min-height: 800px) {
.dialog.bosscharacter{ .dialog.bosscharacter {
height:417px; height: 417px;
bottom:calc(50% - 335px); bottom: calc(50% - 335px);
} }
#control.bosslist{
top:calc(50% + 350px) !important; #control.bosslist {
} top: calc(50% + 350px) !important;
#bosslist{ }
top:calc(40% - 260px);
} #bosslist {
} top: calc(40% - 260px);
}
}