1 files changed, 55 insertions, 117 deletions

diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index b81508a..2366c5f 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -2,142 +2,80 @@ body {
 	font-family: sans-serif;
 }
 
-.text_white {
-	color: #fff;
-}
-
-.text_green {
-	color: #0f0;
-}
-
-.text_red {
-	color: #f00;
-}
-
-.text_orange {
-	color: #ffa500;
-}
-
-.text_blue {
-	color: #4596ff;
-}
-
-.text_yellow {
-	color: #ff0;
-}
-
-.text_pink {
-	color: #ffc0cb;
-}
-
-.text_cyan {
-	color: #0ff;
-}
-
-.text_rainbow {
-	background-color: #fff;
-	background-image: repeating-linear-gradient(to right,
-			red 0% 8%, orange 8% 16%, yellow 16% 24%, green 24% 32%, blue 32% 40%,
-			red 40% 48%, orange 48% 56%, yellow 56% 64%, green 64% 72%, blue 72% 80%,
-			red 80% 88%, orange 88% 96%, yellow 96% 100%);
-	background-size: 40% 40%;
-	background-clip: text;
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-	animation: rainbow 4s linear infinite;
-}
-
-@keyframes rainbow_alt {
-
-	0%,
-	100% {
-		background-position: 0 0;
-	}
-
-	50% {
-		background-position: 400% 0;
-	}
+.evi_icon {
+	width: 70px;
+	min-width: 70px;
+	height: 70px;
+	background-color: #848284;
+	outline: 2px ridge #fff;
+	border: 1px solid #181818;
+	outline-offset: -2px;
+	margin-right: 2px;
 }
 
-@keyframes rainbow {
-	0% {
-		background-position: 0 0;
-	}
-
-	100% {
-		background-position: 400% 0;
-	}
+#evi_name {
+	color: #e7e3c6;
+	background-color: #293431;
 }
 
-#client_chatcontainer {
-	position: absolute;
-	top: 73%;
-	height: 27%;
-	width: 100%;
-	background-image: url("../images/chatbox.svg");
-	background-size: cover;
- 	background-repeat: no-repeat;
+#evi_desc {
+	flex: 1 auto;
+	background: repeating-linear-gradient(#84ae8c, #84ae8c 14px, #4a6952 14px, #4a6952 15px);
 }
 
-#client_name {
-	display: none;
-	top: 4%;
-	padding: 0 10px;
-	height: 22%;
-	position: absolute;
+.client_button {
+	margin: 1px;
+	padding: 2px 15px;
+	cursor: pointer;
+	text-align: center;
+	font-weight: bold;
+	color: #fff;
+	background: linear-gradient(to bottom, #6b3c10, #422008);
+	border: 1px solid #211408;
+	outline: 1px solid #846129;
+	outline-offset: -1px;
 }
 
-#client_chat {
-	font-size: 1em;
-	display: none;
-	width: 100%;
-	margin: auto;
-	height: 90%;
-	top: 20%;
-	position: absolute;
+#client_log {
+	position: relative;
+	height: 100%;
+	color: #fff;
 	word-break: keep-all;
 	word-wrap: break-word;
 	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+	overflow-y: auto;
+	font-size: medium;
+	background-color: rgba(0,0,0,0.8);
+	text-align: start;
+	line-height: .85em;
 }
 
-#client_chat p {
-	margin: 4px;
-	padding: 5px 3%;
-}
-
-#client_chatwaiting {
-	display: block;
-	right: 1em;
-	bottom: 0.6em;
-	width: 1em;
-	position: absolute;
-	animation: idling 1s linear infinite;
+#client_log>p {
+	line-height: 1.1em;
+	border-top: 1px solid rgba(255,255,255,0.2);
+	border-bottom: 1px solid #000;
 }
 
-@keyframes idling {
-	0% {
-		right: 0.4em;
-	}
-
-	50% {
-		right: 0.8em;
-	}
-
-	100% {
-		right: 0.4em;
-	}
+.iclog_name {
+	font-weight: initial;
+	padding-right: .35em;
+	text-shadow:
+	0 0 3px #39307b,
+	-1px -1px 0 #39307b,  
+	 1px -1px 0 #39307b,
+	 -1px 1px 0 #39307b,
+	  1px 1px 0 #39307b;
 }
 
-#evi_name {
-	background-color: #242e25;
+.iclog_text::before {
+	content: "\A";
+	white-space: pre;
 }
 
-#evi_desc {
-	flex: 1 auto;
-	background: repeating-linear-gradient(#83b893, #83b893 14px, #222 14px, #222 15px);
+.iclog_time {
+	float: right;
+	padding-right: .5em;
+	color: #dbdbdb;
 }
 
 #client_defense_hp {