From 1de76d8d8f949c819314e94265cae12d8de78089 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Thu, 13 Feb 2020 18:01:34 +0100
Subject: handle text colors in css

---
 webAO/styles/soj.css | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 67 insertions(+), 1 deletion(-)

(limited to 'webAO/styles/soj.css')

diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index 8cc8197..98e2634 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -2,6 +2,73 @@ body {
 	font-family: sans-serif;
 }
 
+.text_white {
+	color: #fff;
+}
+
+.text_green {
+	color: #0f0;
+}
+
+.text_red {
+	color: #f00;
+}
+
+.text_orange {
+	color: #ffa500;
+}
+
+.text_blue {
+	color: #4596ff;
+}
+
+.text_yellow {
+	color: #ff0;
+}
+
+.text_pink {
+	color: #ffc0cb;
+}
+
+.text_cyan {
+	color: #0ff;
+}
+
+.text_rainbow {
+	background-color: rgb(255, 255, 255);
+	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: 73%;
@@ -39,7 +106,6 @@ body {
 #client_chat p {
 	margin: 4px;
 	padding: 5px 3%;
-	color: white;
 }
 
 #client_chatwaiting {
-- 
cgit