1 files changed, 131 insertions, 11 deletions

diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css
index 9818b4e..dd899b9 100644
--- a/webAO/styles/chatbox/acww.css
+++ b/webAO/styles/chatbox/acww.css
@@ -2,6 +2,54 @@
 	color: #000;
 }
 
+.text_green {
+	color: #009600;
+}
+
+.text_red {
+	color: #ff0859;
+}
+
+.text_orange {
+	color: #610000;
+}
+
+.text_blue {
+	color: #7900ff;
+}
+
+.text_yellow {
+	color: #ff0;
+}
+
+.text_pink {
+	color: #ff51ff;
+}
+
+.text_cyan {	
+	color: #0038ff;
+}
+
+.text_grey {
+	color: #bbb;
+}
+
+/* Webfont CSS setup for Igiari by Caveras */
+
+@font-face {
+	font-family:'Igiari Cyrillic';
+		src: url('../igiari/igiari-cyrillic.ttf');
+	font-weight:normal;
+	font-style:normal;
+}
+
+@font-face {
+	font-family:'Ace Name';
+		src: url('./ace-name.ttf');
+	font-weight:normal;
+	font-style:normal;
+}
+
 #client_chatcontainer {
 	display: block;
 	position: absolute;
@@ -21,7 +69,7 @@
 	min-width: 11%;	
 	font-size: 0.8em;
     background: #d8f8a0;
-    color: #004000;
+    color: #040;
 	margin: 0;
 	padding-top: 0.4%;
 	padding-left: 1.955%;
@@ -29,11 +77,11 @@
 	border-color: #b0f818;
 	border-style: solid;
 	border-width: 0.3em 0.6em;
-    border-radius: 10%/50%;	
+    border-radius: 15%/50%;	
     box-shadow: 0 0.3em #70c020;
     line-height: 100%;
 	z-index: 1;
-	font-family: sans-serif;
+	font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_name {
@@ -51,11 +99,6 @@
 	width: 100%;
 	height: 87%;
 	margin: auto;
-	/*border-color: darkgray;
-	border-style: solid;
-	border-width: 0.15em;
-	border-radius: 0.15em;
-    background-color: white;*/
     background-image: url("acww.svg");
     background-size: cover;
     background-repeat: no-repeat;
@@ -64,11 +107,11 @@
 	text-align: left;
 	overflow: hidden;
 	scroll-behavior: smooth;
-	font-family: sans-serif;
+	font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_chat {
-	padding: 5% 12%;
+	padding: 5% 16%;
 	margin: 0;
 	line-height: 100%;
 }
@@ -84,7 +127,7 @@
     height: 1.5em;
     background-image: url("chatwaiting_acww.svg");
 	background-size: contain;
-	animation: idling 0.4s linear infinite;
+	animation: idling 0.4s steps(1) infinite;
 }
 
 @keyframes idling {
@@ -99,4 +142,81 @@
 	100% {
 		bottom: 12%;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock_date {
+	position: absolute;
+	width: 13%;
+	height: 4%;
+	right: 0;
+	top: 1%;
+	text-align: left;
+	color: #7d5500;
+	background: linear-gradient(
+  		to bottom,
+  		#ffef55,
+		#ffef55 20%,
+  		#ffcf3c 20%,
+  		#ffcf3c 40%,
+		#ffef55 40%,
+		#ffef55 60%,
+		#ffcf3c 60%,
+  		#ffcf3c 80%,
+		#ffef55 80%,
+		#ffef55 100%
+	);
+	border: 0.1em solid #ae4500;
+	border-radius: 50%;
+	border-bottom: none;
+	font-weight: bold;
+	padding-left: 1.5em;
+	padding-top: 0.5em;
+}
+
+#client_clock_month {
+	display: none;
+}
+
+#client_clock_weekday {
+	position: absolute;
+	width: 2.5%;
+	height: 3%;
+	right: 1%;
+	top: 2%;
+	color: white;
+	background: #00b63c;
+	background-size: 100% 40%;
+	border: 0.1em solid #00b63c;
+	border-radius: 100%;
+}
+
+#client_clock_time {
+	position: absolute;
+	width: 16%;
+	height: 4%;
+	right: 2%;
+	top: 4%;
+	text-align: center;
+	color: #5d5500;
+	background: linear-gradient(
+  		to bottom,
+  		rgba(255,255,0,0),
+ 		rgba(255,255,0,0) 20%,
+  		#ffcf3c 20%,
+  		#ffcf3c 40%,
+		#ffef55 40%,
+		#ffef55 60%,
+		#ffcf3c 60%,
+  		#ffcf3c 80%,
+		#ffef55 80%,
+		#ffef55 100%
+	);
+	border: 0.1em solid #ae4500;
+	border-radius: 50%;
+	border-top: none;
+	padding-top: 0.5em;
 }
\ No newline at end of file