3 files changed, 107 insertions, 0 deletions
diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js
index 572ff1f..2774860 100644
--- a/webAO/styles/chatbox/chatboxes.js
+++ b/webAO/styles/chatbox/chatboxes.js
@@ -21,6 +21,7 @@ export default [
 	"key",
 	"yakuza",
 	"yttd",
+	"whentheycry",
 	"n64zelda",
 	"papermario"
 ];
 \ No newline at end of file
diff --git a/webAO/styles/chatbox/chatwaiting_whentheycry.png b/webAO/styles/chatbox/chatwaiting_whentheycry.png
new file mode 100644
index 0000000..ea35986
--- /dev/null
+++ b/webAO/styles/chatbox/chatwaiting_whentheycry.png
diff --git a/webAO/styles/chatbox/whentheycry.css b/webAO/styles/chatbox/whentheycry.css
new file mode 100644
index 0000000..ba11f02
--- /dev/null
+++ b/webAO/styles/chatbox/whentheycry.css
@@ -0,0 +1,106 @@
+.text_white {
+	color: #fff;
+}
+
+.text_blue {
+	color: #18cbef;
+}
+
+.text_green {
+	color: #84fb08;
+}
+
+.text_red {
+	color: #e1522a;
+}
+
+.text_orange {
+	color: #f76918;
+}
+
+.text_yellow {
+	color: #fef9ad;
+}
+
+.text_pink {
+	color: #ffc0cb;
+}
+
+.text_cyan {
+	color: #0ff;
+}
+
+.text_grey {
+	color: #bbb;
+}
+
+#client_chatcontainer {
+	position: absolute;
+	top: 0;
+    left: 0;
+	height: 100%;
+    width: 100%;
+    font-family: sans-serif;
+	background: rgba(0,0,0,0.25);
+    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+    transition-property: opacity;
+}
+
+#client_name {
+	display: none;
+}
+
+#client_chat {	
+    position: absolute;
+	display: block;
+    top: 5%;
+    left: 5%;
+	width: 90%;
+	height: 90%;
+	margin: auto;
+	font-size: 1em;
+	word-break: keep-all;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+	scroll-behavior: smooth;
+}
+
+#client_inner_chat {
+	padding: 0;
+	margin: 0;
+}
+
+#client_chatwaiting {
+	display: block;
+    position: relative;
+	left: 0;
+	top: 0;
+	width: 1em;	
+    height: 1em;	
+    color: transparent;
+	text-shadow: none;
+    image-rendering: crisp-edges;
+	image-rendering: pixelated;
+    background-image: url("chatwaiting_whentheycry.png");
+	background-size: contain;
+	animation: idling 1s steps(2) alternate infinite;
+}
+
+@keyframes idling {
+	0% {
+		left: 0;
+        top: 0;
+	}
+
+	50% {
+		left: 0.1em;
+        top: 0.2em;
+	}
+
+	100% {
+		left: 0.2em;
+        top: 0;
+	}
+}
+\ No newline at end of file