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

225
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{
#window #bosslist>.player {
border-radius: 10px; border-radius: 10px;
} }
#window[data-player_border='normal'] #bosslist>.player>.avatar{
#window[data-player_border='normal'] #bosslist>.player>.avatar {
left: 8px; left: 8px;
top: 8px; top: 8px;
width: 164px; width: 164px;
height: 200px; height: 200px;
} }
#window[data-player_border='slim'] #bosslist>.player>.avatar{
#window[data-player_border='slim'] #bosslist>.player>.avatar {
left: 4px; left: 4px;
top: 4px; top: 4px;
width: 172px; width: 172px;
height: 208px; 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{
#bosslist>.player .identity {
align-items: flex-start;
}
#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.selectable{
.dialog.bosscharacter .buttons .button.selectable {
cursor: pointer; cursor: pointer;
} }
.dialog.bosscharacter .buttons .button:not(.selectable){
.dialog.bosscharacter .buttons .button:not(.selectable) {
opacity: 0.6 opacity: 0.6
} }
.player.bossplayer.bossing{ .player.bossplayer.bossing {
position:absolute; position: absolute;
} }
.player.bossing .avatar{
transition:all 0.5s; .player.bossing .avatar {
transition: all 0.5s;
} }
.player.bossplayer.highlight{
transform:scale(1.1); .player.bossplayer.highlight {
opacity:1; transform: scale(1.1);
opacity: 1;
} }
#bosslist.removing>.player.bossplayer.highlight{
transition:all 0s; #bosslist.removing>.player.bossplayer.highlight {
opacity:0; transition: all 0s;
opacity: 0;
} }
.player.bossplayer{
position:relative; .player.bossplayer {
margin:10px; position: relative;
left:0; margin: 10px;
top:4px; left: 0;
width:180px; top: 4px;
height:216px; width: 180px;
height: 216px;
transition: all 0.3s; transition: all 0.3s;
opacity:0.6; opacity: 0.6;
animation:game_start 0.5s; animation: game_start 0.5s;
-webkit-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>div:not(.hp):not(.identity):not(.avatar):not(.framebg) {
top:calc(100% - 50px) !important; display: none !important;
position:fixed;
} }
.dialog.bosscharacter{ .player.bossplayer>.identity {
top:auto; left: 16px;
bottom:65px; top: 18px;
height:calc(100% - 383px); 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; 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);
} }
} }