Add cities and roads to client.

1 files changed, 44 insertions, 11 deletions

diff --git a/play.css b/play.css
index 72819b0..175fcd9 100644
--- a/play.css
+++ b/play.css
@@ -56,25 +56,58 @@ body {
 
 .city {
 	position: absolute;
-	width: 18px;
-	height: 18px;
+	box-sizing: border-box;
+	border: 2px solid black;
+	width: 24px;
+	height: 24px;
 	border-radius: 100%;
-	background-color: green;
+	background-color: #0002;
 }
 
-.minor_fortress {
+.minor.fortress {
 	position: absolute;
-	width: 26px;
-	height: 26px;
+	box-sizing: border-box;
+	border: 2px solid black;
+	width: 28px;
+	height: 28px;
 	border-radius: 0%;
-	background-color: green;
+	//background-color: lime;
 }
 
-.major_fortress {
+.major.fortress {
 	position: absolute;
-	width: 26px;
-	height: 26px;
+	border: 2px solid black;
+	box-sizing: border-box;
+	width: 40px;
+	height: 40px;
 	border-radius: 50%;
-	background-color: green;
+	//background-color: lime;
 }
 
+.Austria { background-color: #fcffff; }
+.France { background-color: #ea192e; }
+.Prussia { background-color: #035783; }
+.Netherlands { background-color: #7d7c7a; }
+.Silesia { background-color: #91b4a0; }
+.Saxony { background-color: #127a3b; }
+.Bavaria { background-color: #fcb01f; }
+
+.fortress.HRE { background-color: #b41a70; }
+.city.HRE { background-color: #e0d796; }
+.Poland { background-color: #cac180; }
+
+.major_road {
+	position: absolute;
+	box-sizing: border-box;
+	background-color: black;
+	width: 20px;
+	height: 6px;
+}
+
+.road {
+	position: absolute;
+	box-sizing: border-box;
+	background-color: dimgray;
+	width: 20px;
+	height: 4px;
+}