Fix and format the CSS.
This commit is contained in:
Tipx-L
parent
72beb64712
commit
835c95fd8c
|
|
@ -1,148 +1,183 @@
|
|||
#bosslist{
|
||||
width:100%;
|
||||
height:260px;
|
||||
text-align:center;
|
||||
top:calc(50% - 200px);
|
||||
top:60px;
|
||||
white-space:nowrap;
|
||||
z-index:1;
|
||||
overflow-x:scroll;
|
||||
#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='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;
|
||||
}
|
||||
#window[data-player_border='normal'] #bosslist>.player>.avatar{
|
||||
|
||||
#window[data-player_border='normal'] #bosslist>.player>.avatar {
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
width: 164px;
|
||||
height: 200px;
|
||||
}
|
||||
#window[data-player_border='slim'] #bosslist>.player>.avatar{
|
||||
|
||||
#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;
|
||||
.bosspaused>.dialog.bosscharacter {
|
||||
opacity: 0.2 !important;
|
||||
}
|
||||
#bosslist.hidden>.player{
|
||||
transition:all 0s;
|
||||
|
||||
#bosslist.hidden>.player {
|
||||
transition: all 0s;
|
||||
}
|
||||
|
||||
#bosslist>div:first-child,
|
||||
#bosslist>div:last-child{
|
||||
width:20px;
|
||||
position:relative;
|
||||
#bosslist>div:last-child {
|
||||
width: 20px;
|
||||
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;
|
||||
}
|
||||
.dialog.bosscharacter .buttons .button.selectable{
|
||||
|
||||
.dialog.bosscharacter .buttons .button.selectable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.dialog.bosscharacter .buttons .button:not(.selectable){
|
||||
|
||||
.dialog.bosscharacter .buttons .button:not(.selectable) {
|
||||
opacity: 0.6
|
||||
}
|
||||
|
||||
.player.bossplayer.bossing{
|
||||
position:absolute;
|
||||
.player.bossplayer.bossing {
|
||||
position: absolute;
|
||||
}
|
||||
.player.bossing .avatar{
|
||||
transition:all 0.5s;
|
||||
|
||||
.player.bossing .avatar {
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.player.bossplayer.highlight{
|
||||
transform:scale(1.1);
|
||||
opacity:1;
|
||||
|
||||
.player.bossplayer.highlight {
|
||||
transform: scale(1.1);
|
||||
opacity: 1;
|
||||
}
|
||||
#bosslist.removing>.player.bossplayer.highlight{
|
||||
transition:all 0s;
|
||||
opacity:0;
|
||||
|
||||
#bosslist.removing>.player.bossplayer.highlight {
|
||||
transition: all 0s;
|
||||
opacity: 0;
|
||||
}
|
||||
.player.bossplayer{
|
||||
position:relative;
|
||||
margin:10px;
|
||||
left:0;
|
||||
top:4px;
|
||||
width:180px;
|
||||
height:216px;
|
||||
|
||||
.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;
|
||||
opacity: 0.6;
|
||||
animation: game_start 0.5s;
|
||||
-webkit-animation: game_start 0.5s;
|
||||
}
|
||||
|
||||
#control.bosslist{
|
||||
top:calc(100% - 50px) !important;
|
||||
position:fixed;
|
||||
.player.bossplayer>div:not(.hp):not(.identity):not(.avatar):not(.framebg) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.dialog.bosscharacter{
|
||||
top:auto;
|
||||
bottom:65px;
|
||||
height:calc(100% - 383px);
|
||||
.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 {
|
||||
width: calc(100% - 20px);
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
}
|
||||
.bosschongzheng div{
|
||||
position:relative;
|
||||
|
||||
.bosschongzheng div {
|
||||
position: relative;
|
||||
}
|
||||
.bosschongzheng>div{
|
||||
width:100%;
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
|
||||
.bosschongzheng>div {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.bosschongzheng>div>div:first-child{
|
||||
text-align:left;
|
||||
width:30%;
|
||||
|
||||
.bosschongzheng>div>div:first-child {
|
||||
text-align: left;
|
||||
width: 30%;
|
||||
}
|
||||
.bosschongzheng>div>div:last-child{
|
||||
text-align:right;
|
||||
width:70%;
|
||||
|
||||
.bosschongzheng>div>div:last-child {
|
||||
text-align: right;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
@media screen and (min-height: 800px) {
|
||||
.dialog.bosscharacter{
|
||||
height:417px;
|
||||
bottom:calc(50% - 335px);
|
||||
.dialog.bosscharacter {
|
||||
height: 417px;
|
||||
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);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue