Merge pull request #352 from Tipx-L/PR-Branch

Fix and format the CSS.

layout/mode/boss.css

@@ -8,49 +8,70 @@
 	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;
 }
+
 #bosslist.hidden>.player {
 	transition: all 0s;
 }
+
 #bosslist>div:first-child,
 #bosslist>div:last-child {
 	width: 20px;
 	position: relative;
 }
+
+#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 {
 	cursor: pointer;
 }
+
 .dialog.bosscharacter .buttons .button:not(.selectable) {
 	opacity: 0.6
 }
@@ -58,17 +79,21 @@
 .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;
@@ -81,19 +106,23 @@
 	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;
+	top: 18px;
 	line-height: 24px;
 	white-space: normal;
 }
+
 .player.bossplayer>.hp {
 	top: 22px;
 	left: 144px;
 }
+
 .player.bossplayer>.avatar {
 	width: 160px;
 	height: 196px;
@@ -117,18 +146,22 @@
 	white-space: nowrap;
 	position: relative;
 }
+
 .bosschongzheng div {
 	position: relative;
 }
+
 .bosschongzheng>div {
 	width: 100%;
 	display: block;
 	margin-bottom: 5px;
 }
+
 .bosschongzheng>div>div:first-child {
 	text-align: left;
 	width: 30%;
 }
+
 .bosschongzheng>div>div:last-child {
 	text-align: right;
 	width: 70%;
@@ -139,9 +172,11 @@
 		height: 417px;
 		bottom: calc(50% - 335px);
 	}
+
 	#control.bosslist {
 		top: calc(50% + 350px) !important;
 	}
+
 	#bosslist {
 		top: calc(40% - 260px);
 	}