From e314857be9058f811489cff5d6976bf15ee5238a Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Tue, 7 Apr 2020 14:28:06 +0200
Subject: add triology chatbox here

---
 webAO/styles/chatbox/triology.css | 139 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 139 insertions(+)
 create mode 100644 webAO/styles/chatbox/triology.css

(limited to 'webAO/styles/chatbox/triology.css')

diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css
new file mode 100644
index 0000000..739156f
--- /dev/null
+++ b/webAO/styles/chatbox/triology.css
@@ -0,0 +1,139 @@
+.text_white {
+	color: #fff;
+}
+
+.text_green {
+	color: #00c900;
+}
+
+.text_red {
+	color: #ff1700;
+}
+
+.text_orange {
+	color: #ffa500;
+}
+
+.text_blue {
+	color: #67b7ed;
+}
+
+.text_yellow {
+	color: #ff0;
+}
+
+.text_pink {
+	color: #ffc0cb;
+}
+
+.text_cyan {
+	color: #0ff;
+}
+
+.text_rainbow {
+	background-color: #fff;
+	background-image: repeating-linear-gradient(to right,
+			red 0% 8%, orange 8% 16%, yellow 16% 24%, green 24% 32%, blue 32% 40%,
+			red 40% 48%, orange 48% 56%, yellow 56% 64%, green 64% 72%, blue 72% 80%,
+			red 80% 88%, orange 88% 96%, yellow 96% 100%);
+	background-size: 40% 40%;
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	animation: rainbow 4s linear infinite;
+}
+
+@keyframes rainbow_alt {
+
+	0%,
+	100% {
+		background-position: 0 0;
+	}
+
+	50% {
+		background-position: 400% 0;
+	}
+}
+
+@keyframes rainbow {
+	0% {
+		background-position: 0 0;
+	}
+
+	100% {
+		background-position: 400% 0;
+	}
+}
+
+#client_chatcontainer {
+	position: absolute;
+	top: 65%;
+	height: 30%;
+	width: 100%;
+    font-family: serif;
+}
+
+#client_name {
+    display: none;
+    background-color: #2989bd;
+    top: 0;
+    left: 10%;
+	padding: 0 10px;
+    height: 20%;
+    min-width: 15%;
+    border: 1px white;
+    border-style: solid none solid none;
+    position: absolute;
+    z-index: 1;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: none;
+	width: 100%;
+	margin: auto;
+	height: 90%;
+	top: 10%;
+	position: absolute;
+	word-break: keep-all;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+    scroll-behavior: smooth;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=) repeat;
+    border: 1px white;
+    border-style: solid none solid none;
+}
+
+#client_chat p {
+	margin: 4px;
+	padding: 2% 5%;
+}
+
+#client_chatwaiting {
+    display: block;
+    color: transparent;
+	right: 0.6em;
+	bottom: 0.6em;
+    width: 1em;
+    height: 1em;
+    background-image: url("chatwaiting_triology.svg");
+    background-size: contain;
+	position: absolute;
+	animation: idling 0.5s ease infinite;
+}
+
+@keyframes idling {
+	0% {
+		right: 0.6em;
+	}
+
+	25% {
+		right: 0.7em;
+    }
+
+	100% {
+		right: 0.6em;
+	}
+}
\ No newline at end of file
-- 
cgit 


From c76b2a871a385cb4ae398e2fe067a26a6b356bb9 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Tue, 7 Apr 2020 14:29:18 +0200
Subject: triology font name

---
 webAO/styles/chatbox/triology.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'webAO/styles/chatbox/triology.css')

diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css
index 739156f..08a7e3f 100644
--- a/webAO/styles/chatbox/triology.css
+++ b/webAO/styles/chatbox/triology.css
@@ -70,7 +70,7 @@
 	top: 65%;
 	height: 30%;
 	width: 100%;
-    font-family: serif;
+    font-family: "FOTK-Yoon Mincho 740", serif;
 }
 
 #client_name {
-- 
cgit 


From 2257d5d4b1a94d6d4eae3af127fd2b20f33b180f Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Tue, 7 Apr 2020 22:51:33 +0200
Subject: don't worry about top anymore

---
 webAO/styles/chatbox/triology.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'webAO/styles/chatbox/triology.css')

diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css
index 08a7e3f..a17062d 100644
--- a/webAO/styles/chatbox/triology.css
+++ b/webAO/styles/chatbox/triology.css
@@ -67,7 +67,7 @@
 
 #client_chatcontainer {
 	position: absolute;
-	top: 65%;
+	bottom: 0;
 	height: 30%;
 	width: 100%;
     font-family: "FOTK-Yoon Mincho 740", serif;
-- 
cgit 


From 650ac895d430b118d278e0b77e9ede0803664bde Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Wed, 8 Apr 2020 13:48:39 +0200
Subject: display: block

---
 webAO/styles/chatbox/triology.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'webAO/styles/chatbox/triology.css')

diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css
index a17062d..5139481 100644
--- a/webAO/styles/chatbox/triology.css
+++ b/webAO/styles/chatbox/triology.css
@@ -74,7 +74,7 @@
 }
 
 #client_name {
-    display: none;
+    display: block;
     background-color: #2989bd;
     top: 0;
     left: 10%;
@@ -89,7 +89,7 @@
 
 #client_chat {
 	font-size: 1em;
-	display: none;
+	display: block;
 	width: 100%;
 	margin: auto;
 	height: 90%;
-- 
cgit