-
Notifications
You must be signed in to change notification settings - Fork 626
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
148 additions
and
113 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } | ||
| #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; | ||
| #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; | ||
| .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{ | ||
| cursor: pointer; | ||
|
|
||
| #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){ | ||
| opacity: 0.6 | ||
|
|
||
| .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; | ||
| transition: all 0.3s; | ||
| opacity:0.6; | ||
| animation:game_start 0.5s; | ||
| -webkit-animation:game_start 0.5s; | ||
|
|
||
| .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>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>.identity { | ||
| left: 16px; | ||
| top: 18px; | ||
| line-height: 24px; | ||
| white-space: normal; | ||
| } | ||
| .player.bossplayer>.hp{ | ||
| top:22px; | ||
| left:144px; | ||
|
|
||
| .player.bossplayer>.hp { | ||
| top: 22px; | ||
| left: 144px; | ||
| } | ||
| .player.bossplayer>.avatar{ | ||
| width:160px; | ||
| height:196px; | ||
|
|
||
| .player.bossplayer>.avatar { | ||
| width: 160px; | ||
| height: 196px; | ||
| } | ||
|
|
||
| #control.bosslist{ | ||
| top:calc(100% - 50px) !important; | ||
| position:fixed; | ||
| #control.bosslist { | ||
| top: calc(100% - 50px) !important; | ||
| position: fixed; | ||
| } | ||
|
|
||
| .dialog.bosscharacter{ | ||
| top:auto; | ||
| bottom:65px; | ||
| height:calc(100% - 383px); | ||
| animation: dialog_start2 0.5s; | ||
| .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; | ||
| } | ||
| #bosslist{ | ||
| top:calc(40% - 260px); | ||
| } | ||
| } | ||
|
|
||
| #control.bosslist { | ||
| top: calc(50% + 350px) !important; | ||
| } | ||
|
|
||
| #bosslist { | ||
| top: calc(40% - 260px); | ||
| } | ||
| } |