add colors to all the chatboxes

1 files changed, 35 insertions, 0 deletions

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 9a1afd8..cd00139 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -26,6 +26,41 @@
 	}
 }
 
+.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_error {
 	position: absolute;
 	display: flex;