From 36652251e1283ce48c9d6498f7cdf1c8cd305ac3 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Sat, 18 Apr 2020 18:26:36 +0200
Subject: add persona 4 chatbox

---
 webAO/client.html                 |  1 +
 webAO/styles/chatbox/chatboxes.js |  1 +
 webAO/styles/chatbox/p4.css       | 65 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 67 insertions(+)
 create mode 100644 webAO/styles/chatbox/p4.css

(limited to 'webAO')

diff --git a/webAO/client.html b/webAO/client.html
index c6783e1..af9949b 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -348,6 +348,7 @@
 				<option value="dgs">DGS</option>
 				<option value="triology">Triology</option>
 				<option value="chatplvsaa">PL vs AA</option>
+				<option value="p4">Persona 4</option>
 				<option value="dr1">DR 1</option>
 				<option value="drv3">DR 3</option>
 				<option value="drae">DR: AE</option>
diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js
index ca93de7..8be936a 100644
--- a/webAO/styles/chatbox/chatboxes.js
+++ b/webAO/styles/chatbox/chatboxes.js
@@ -6,6 +6,7 @@ export default [
 	"drv3",
 	"drae",
 	"legacy",
+	"p4",
 	"chatplvsaa",
 	"triology",
 	"yttd"
diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css
new file mode 100644
index 0000000..4463dad
--- /dev/null
+++ b/webAO/styles/chatbox/p4.css
@@ -0,0 +1,65 @@
+#client_chatcontainer {
+	position: absolute;
+	width: 100%;
+	height: 30%;
+	bottom: 0;
+	left: 0;
+    font-family: Arial, sans-serif;
+}
+
+#client_name {
+    transform: rotate(4deg);
+	display: block;
+	padding: 0 0.45em;
+	height: 30%;
+	width: 70%;
+	text-align: left;
+	letter-spacing: 0.075em;
+    font-weight: bold;
+    color: #512f15;
+    background: #fe9e18;
+    background: linear-gradient(to right,#feab21, #fc7c00);
+    border-top: 0.2em solid #ffeb24;
+	left: 4%;
+	top: 0;
+	position: absolute;
+}
+
+#client_name p {
+    transform: rotate(-5deg);
+    position: absolute;
+	padding: 1% 3.13%;
+    margin: 1px;
+    left: -1%;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: block;
+	width: 95%;
+	margin: auto;
+	height: 80%;
+    border-right: 0.2em solid #fc7b00;
+    border-radius: 0.1em;
+	background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%);
+	bottom: 2%;
+	left: 2.5%;
+	position: absolute;
+	word-break: keep-all;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+    z-index: 1;
+}
+
+#client_chat p {
+	padding: 1.5% 4%;
+	margin: 1px;
+	line-height: 97%;
+	letter-spacing: 0.05em;
+	word-spacing: 0.3em;
+}
+
+#client_chatwaiting {
+	display: none;
+}
\ No newline at end of file
-- 
cgit