handle text colors in css

1 files changed, 67 insertions, 1 deletions

diff --git a/webAO/styles/default.css b/webAO/styles/default.css
index eb50603..50b57c0 100644
--- a/webAO/styles/default.css
+++ b/webAO/styles/default.css
@@ -10,6 +10,73 @@ img {
 	-ms-interpolation-mode: nearest-neighbor;
 }
 
+.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_name {
 	display: none;
 	padding: 0px 6px;
@@ -43,7 +110,6 @@ img {
 
 #client_chat p {
 	margin: 4px;
-	color: white;
 }
 
 #client_chatwaiting {