"Short" faction names in log. Brighter colors.

1 files changed, 30 insertions, 24 deletions

diff --git a/play.css b/play.css
index 8091eee..e48465f 100644
--- a/play.css
+++ b/play.css
@@ -1,12 +1,24 @@
 main { background-color: #777; }
 
-#role_Delhi_Sultanate { background-color: #89a }
+/*
+#role_Delhi_Sultanate { background-color: #43454b }
 #role_Bahmani_Kingdom { background-color: #30b58b }
 #role_Vijayanagara_Empire { background-color: #ffbf32 }
+*/
 
-header.your_turn.ds { background-color: #89a }
-header.your_turn.bk { background-color: #30b58b }
-header.your_turn.ve { background-color: #ffbf32 }
+#role_Delhi_Sultanate { background-color: hsl(75, 5%, 65%) }
+#role_Bahmani_Kingdom { background-color: hsl(180, 60%, 70%) }
+#role_Vijayanagara_Empire { background-color: hsl(40, 100%, 70%) }
+
+header.your_turn.ds { background-color: hsl(75, 5%, 70%) }
+header.your_turn.bk { background-color: hsl(180, 60%, 70%) }
+header.your_turn.ve { background-color: hsl(40, 100%, 70%) }
+
+#log { background-color: white }
+#log .h2.ds { background-color: hsl(75, 5%, 85%) }
+#log .h2.bk { background-color: hsl(180, 60%, 85%) }
+#log .h2.ve { background-color: hsl(40, 100%, 85%) }
+#log .h2.mi { background-color: pink }
 
 #role_Solo {
 	background-image: linear-gradient(120deg, #89a, #30b58b, #ffbf32)
@@ -154,18 +166,20 @@ img.f {
 }
 
 /* LOG */
-#log .h1 { background-color: silver; font-weight: bold; padding-top:4px; padding-bottom:4px; margin-top: 8px; margin-bottom: 4px; text-align: center; }
-#log .h1 { background-image: linear-gradient(60deg, #463b17, #9c8544, #756437); text-shadow: 0 0 4px rgb(0, 0, 0); color: white; }
-#log .h2 { background-color: gainsboro; padding-top:2px; padding-bottom:2px; text-align: center; }
-
-#log .h1.mi { background-image: linear-gradient(60deg, rgb(83, 8, 8), rgb(255, 0, 0), rgb(44, 44, 40)); text-shadow: 0 0 4px rgb(0, 0, 0); color: white; font-variant: small-caps; }
-#log .h1.succ1 { background-image: linear-gradient(60deg, rgb(67, 70, 54), rgb(97, 102, 82), rgb(67, 70, 54)); text-shadow: 0 0 4px rgb(0, 0, 0); color: white; font-variant: small-caps; }
-#log .h1.succ2 { background-image: linear-gradient(170deg, rgb(15, 76, 69), rgb(0, 132, 121), rgb(3, 99, 95)); text-shadow: 0 0 4px rgb(0, 0, 0); color: white; font-variant: small-caps; }
-#log .h1.succ3 { background-image: linear-gradient(240deg, rgb(118, 80, 0), rgb(187, 145, 9), rgb(65, 42, 0)); text-shadow: 0 0 4px rgb(0, 0, 0); color: white; font-variant: small-caps; }
-#log .h2.ds { background-color: silver  }
-#log .h2.bk { background-color: #85dbd2 }
-#log .h2.ve { background-color: #e4ba6e }
-#log .h2.mi { background-color: #ebc9be }
+
+#log .indent { padding-left: 24px; }
+#log .italic { font-style: italic; }
+
+#log .h1 { font-weight: bold; font-variant: small-caps; color: white; padding-top:2px; padding-bottom:2px; text-align: center; }
+#log .h1 { text-shadow: 0px 0px 8px black; }
+#log .h2 { padding-top: 1px; padding-bottom: 1px; text-align: center; }
+#log .h3 { text-decoration: 1px #0006 underline; }
+
+#log .h1 { background-image: linear-gradient(60deg, #463b17, #9c8544, #756437); }
+#log .h1.mi { background-image: linear-gradient(60deg, rgb(83, 8, 8), rgb(160, 0, 0), rgb(44, 44, 40)); }
+#log .h1.succ1 { background-image: linear-gradient(60deg, rgb(67, 70, 54), rgb(97, 102, 82), rgb(67, 70, 54)); }
+#log .h1.succ2 { background-image: linear-gradient(170deg, rgb(15, 76, 69), rgb(0, 132, 121), rgb(3, 99, 95)); }
+#log .h1.succ3 { background-image: linear-gradient(240deg, rgb(118, 80, 0), rgb(187, 145, 9), rgb(65, 42, 0)); }
 
 #log img.d { height: 15px; vertical-align: -4px; margin: 0px 1px; }
 #log img.c { height: 15px; vertical-align: -3px; margin: 0px 1px;}
@@ -173,14 +187,6 @@ img.f {
 #log img.h { height: 17px; vertical-align: -2px; margin: -1px 2px; }
 #log img.i { height: 34px; vertical-align: -3px; margin: -10px; }
 
-#log { font-variant-numeric: tabular-nums; }
-#log .italic { font-style: italic; }
-#log div { padding-left: 20px; text-indent: -12px; }
-#log div.indent { padding-left: 32px; text-indent: -12px; }
-#log .h1 { border-bottom: 1px solid #444; border-top: 1px solid #444; }
-/* #log .h2 { border-bottom: 1px solid #444; border-top: 1px solid #444; } */
-#log .h3 { text-decoration: underline;}
-
 #log .adice {
 	font-size: 14px;
 	color: #9e302f;