From d78974be8714052e1a57b5d97a090757bf664a71 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Sat, 9 May 2020 18:09:43 +0200
Subject: add paper mario chatbox

---
 webAO/client.html                   |  1 +
 webAO/styles/chatbox/chatboxes.js   |  3 +-
 webAO/styles/chatbox/papermario.css | 93 +++++++++++++++++++++++++++++++++++++
 3 files changed, 96 insertions(+), 1 deletion(-)
 create mode 100644 webAO/styles/chatbox/papermario.css

diff --git a/webAO/client.html b/webAO/client.html
index bf8fcdc..fc81680 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -369,6 +369,7 @@
 				<option value="halla">VA-11 HALL-A</option>
 				<option value="yttd">YTTD</option>
 				<option value="n64zelda">N64 Zelda</option>
+				<option value="papermario">Paper Mario</option>
 			</select>
 			<!--
 			<br>
diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js
index d81e7fd..308f633 100644
--- a/webAO/styles/chatbox/chatboxes.js
+++ b/webAO/styles/chatbox/chatboxes.js
@@ -15,5 +15,6 @@ export default [
 	"chat999",
 	"halla",
 	"yttd",
-	"n64zelda"
+	"n64zelda",
+	"papermario"
 ];
\ No newline at end of file
diff --git a/webAO/styles/chatbox/papermario.css b/webAO/styles/chatbox/papermario.css
new file mode 100644
index 0000000..1248c81
--- /dev/null
+++ b/webAO/styles/chatbox/papermario.css
@@ -0,0 +1,93 @@
+.text_white {
+	color: #2b2b23;
+}
+
+.text_blue {
+	color: #93bbe6;
+}
+
+.text_green {
+	color: #6ab057;
+}
+
+.text_red {
+	color: #ae0d05;
+}
+
+.text_orange {
+	color: #cf714c;
+}
+
+.text_yellow {
+	color: #fef9ad;
+}
+
+.text_pink {
+	color: #ffc0cb;
+}
+
+.text_cyan {
+	color: #0ff;
+}
+
+#client_chatcontainer {
+	position: absolute;
+	width: 100%;
+	height: 30%;
+	bottom: 0;
+	left: 0;
+    font-family: "FOT-PopJoy Std", "Comic Sans", sans-serif;
+}
+
+#client_name {
+	display: none
+}
+
+#client_inner_name {
+
+}
+
+#client_chat {
+	font-size: 1em;
+	display: block;
+	width: 94%;
+	margin: auto;
+    height: 100%;
+    border: 0.1em outset #fff;
+    border-radius: 100em;
+	background: #deded6;
+	bottom: 0;
+	left: 3%;
+	position: absolute;
+	word-break: keep-all;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+	scroll-behavior: smooth;
+}
+
+#client_inner_chat {
+	padding: 1% 10%;
+	margin: 0;
+	line-height: 130%;
+}
+
+#client_chatwaiting {
+    display: none;
+    position: absolute;
+	right: 4%;
+	bottom: 10%;
+	line-height: 0.5;
+    color: #dece52;
+	animation: idling 0.5s ease-in-out infinite alternate;
+}
+
+@keyframes idling {
+	from {
+		transform: rotate(-20deg);
+	}
+
+	to {
+		transform: rotate(20deg);
+	}
+}
\ No newline at end of file
-- 
cgit