From aba1092cc2e5eb0edef4862c228c29e5f974f982 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sun, 27 Oct 2024 23:22:31 +0100 Subject: multi-color headers for action stages --- play.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) (limited to 'play.css') 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; } -- cgit v1.2.3