add area indicators

1 files changed, 26 insertions, 4 deletions

diff --git a/webAO/client.css b/webAO/client.css
index 82199e2..0783922 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -508,19 +508,41 @@ img {
 	font-size: 1.5em;
 }
 
-.location-box {
+.area-button {
 	border-style: solid;
-	background-color: #7B2900;
 	min-width: 120px;
 	margin: 5px;
 	display: inline-block;
 	padding: 6px;
 	border-radius: 5px;
-	border-color: white;
+	border-color: black;
 	border-width: 1px;
 	cursor: pointer;
 }
 
-.location-box:hover {
+.area-button:hover {
 	border-color: #FFD081;
+}
+.area-default {
+	background-color: rgb(54,198,68);
+}
+
+.area-looking {
+	background-color: rgb(255,255,0);
+}
+
+.area-casing {
+	background-color: rgb(255,166,0);
+}
+
+.area-recess {
+	background-color: rgb(255,190,30);
+}
+
+.area-rp {
+	background-color: rgb(200,52,252);
+}
+
+.area-gaming {
+	background-color: rgb(55,255,255);
 }
\ No newline at end of file