From 835c95fd8cd2ab1da21f292851f71f2aa4155913 Mon Sep 17 00:00:00 2001
From: Tipx-L <138244655+Tipx-L@users.noreply.github.com>
Date: Mon, 18 Sep 2023 05:55:09 -0700
Subject: [PATCH] Fix and format the CSS.

---
 layout/mode/boss.css | 265 ++++++++++++++++++++++++-------------------
 1 file changed, 150 insertions(+), 115 deletions(-)

diff --git a/layout/mode/boss.css b/layout/mode/boss.css
index 71bde7c45..275819f7e 100644
--- a/layout/mode/boss.css
+++ b/layout/mode/boss.css
@@ -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{
-    border-radius: 10px;
+
+#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='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;
+
+#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;
 }
-.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;
 }
-.dialog.bosscharacter .buttons .button:not(.selectable){
-    opacity: 0.6
+
+.dialog.bosscharacter .buttons .button.selectable {
+	cursor: pointer;
 }
 
-.player.bossplayer.bossing{
-    position:absolute;
-}
-.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;
+.dialog.bosscharacter .buttons .button:not(.selectable) {
+	opacity: 0.6
 }
 
-#control.bosslist{
-    top:calc(100% - 50px) !important;
-    position:fixed;
+.player.bossplayer.bossing {
+	position: absolute;
 }
 
-.dialog.bosscharacter{
-    top:auto;
-    bottom:65px;
-    height:calc(100% - 383px);
-    animation: dialog_start2 0.5s;
+.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: 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;
-    }
-    #bosslist{
-        top:calc(40% - 260px);
-    }
-}
+
+	#control.bosslist {
+		top: calc(50% + 350px) !important;
+	}
+
+	#bosslist {
+		top: calc(40% - 260px);
+	}
+}
\ No newline at end of file