1 files changed, 99 insertions, 0 deletions
diff --git a/webAO/styles/chatbox/yakuza.css b/webAO/styles/chatbox/yakuza.css
new file mode 100644
index 0000000..7dfa4b9
--- /dev/null
+++ b/webAO/styles/chatbox/yakuza.css
@@ -0,0 +1,99 @@
+.text_white {
+	color: #fff;
+}
+
+.text_blue {
+	color: #6bc6f7;
+}
+
+.text_green {
+	color: #00f700;
+}
+
+.text_red {
+	color: #f00;
+}
+
+.text_orange {
+	color: #f77339;
+}
+
+.text_yellow {
+	color: #ff0;
+}
+
+.text_pink {
+	color: #ffc0cb;
+}
+
+.text_cyan {
+	color: #0ff;
+}
+
+#client_chatcontainer {
+	display: block;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	height: 25%;
+	width: 100%;
+    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+    text-align: left;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+#client_name {
+	display: block;
+	position: absolute;
+	left: 0;
+	top: 0;
+	height: 15%;
+	width: 100%;	
+	background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0));
+    border-left: 0.3em solid #e3dcc5;
+    font-size: 0.6em;
+    z-index: 1;
+}
+
+#client_inner_name {
+    text-justify: distribute;
+    padding: 0 3%;
+	margin: 0;
+}
+
+#client_chat {
+	display: block;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height: 85%;
+    border-top: 0.1em solid rgba(100,100,100,0.5);
+    box-shadow: inset 0 0.2em 0.2em 0 rgba(0,0,0,0.75);
+	background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
+	word-break: keep-all;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+    scroll-behavior: smooth;
+    font-size: 0.6em;
+}
+
+#client_inner_chat {
+    margin: 0;
+	padding: 2% 12%;
+}
+
+#client_chatwaiting {
+	display: block;
+	position: absolute;
+	color: transparent;
+	text-shadow: none;
+	right: 4em;
+	bottom: 35%;
+    width: 1.5em;
+    height: 1.5em;
+    background-image: url("x_button.svg");
+	background-size: contain;
+	transition: opacity 0.2s;
+}
+\ No newline at end of file