multi-color headers for action stages

1 files changed, 27 insertions, 0 deletions

diff --git a/play.css b/play.css
index c46aef5..922bc69 100644
--- a/play.css
+++ b/play.css
@@ -207,6 +207,33 @@ header.your_turn.austria { background-color: var(--color-light-austria); }
 #log .h.pragmatic { background-color: var(--color-light-pragmatic); }
 #log .h.saxony { background-color: var(--color-light-saxony); }
 
+#log .h.austria.pragmatic {
+	background-image: linear-gradient(120deg,
+		var(--color-light-austria) 20%,
+		var(--color-light-pragmatic) 80%
+	);
+}
+#log .h.austria.pragmatic.saxony {
+	background-image: linear-gradient(120deg,
+		var(--color-light-austria) 15%,
+		var(--color-light-pragmatic) 40%,
+		var(--color-light-pragmatic) 60%,
+		var(--color-light-saxony) 85%
+	);
+}
+#log .h.france.bavaria {
+	background-image: linear-gradient(120deg,
+		var(--color-light-france) 20%,
+		var(--color-light-bavaria) 80%
+	);
+}
+#log .h.prussia.saxony {
+	background-image: linear-gradient(120deg,
+		var(--color-light-prussia) 20%,
+		var(--color-light-saxony) 80%
+	);
+}
+
 #log div.q { font-style: italic; padding-left: 8px; text-indent: 12px; }
 
 #log div { padding-left: 20px; text-indent: -12px; }