From 19fd5d79b8e58b6806bb711c2c53054f73b2a282 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sun, 18 Jun 2023 14:31:32 +0200 Subject: Lots of stuff. --- play.css | 37 +++++++++++++++++++++---------------- 1 file changed, 21 insertions(+), 16 deletions(-) (limited to 'play.css') diff --git a/play.css b/play.css index 49885b1..a733f7f 100644 --- a/play.css +++ b/play.css @@ -53,6 +53,8 @@ body.p3 #crisis_table { background-image: url(overlay_3p_75.jpg); } +body.Solo #.role { display: none } + svg { position: absolute; } @@ -65,17 +67,23 @@ svg .region, svg .sea { svg .region.action { fill: gold; - fill-opacity: 0.2; + fill-opacity: 0.1; stroke: yellow; + stroke-opacity: 0.5; + stroke-width: 3px; +} + +svg .region.selected { + stroke: gold; stroke-opacity: 0.8; stroke-width: 3px; } svg .sea.action { - fill: blue; - fill-opacity: 0.2; - stroke: blue; - stroke-opacity: 0.8; + fill: dodgerblue; + fill-opacity: 0.1; + stroke: dodgerblue; + stroke-opacity: 0.5; stroke-width: 3px; } @@ -149,17 +157,6 @@ body.p2 #Aegyptus_NPG { display: block } body.p2 #Syria_NPG { display: block } body.p2 #Galatia_NPG { display: block } -body.p3 #Hispania_Governor { display: none } -body.p3 #Africa_Governor { display: none } -body.p3 #Aegyptus_Governor { display: none } - -body.p2 #Britannia_Governor { display: none } -body.p2 #Hispania_Governor { display: none } -body.p2 #Africa_Governor { display: none } -body.p2 #Aegyptus_Governor { display: none } -body.p2 #Syria_Governor { display: none } -body.p2 #Galatia_Governor { display: none } - /* COUNTERS */ .amphitheater, .basilica, .limes { background-color: #efebea; } @@ -199,6 +196,14 @@ body.p2 #Galatia_Governor { display: none } .yellow.action { box-shadow: 0 0 0 1px #553a00, 0 0 0 4px white; } .green.action { box-shadow: 0 0 0 1px #033600, 0 0 0 4px white; } +.selected { box-shadow: 0 0 0 3px black, 0 0 4px 6px white } +.selected { box-shadow: 0 0 0 4px black } + +.red.selected { box-shadow: 0 0 0 1px #680000, 0 0 0 4px yellow; } +.blue.selected { box-shadow: 0 0 0 1px #113854, 0 0 0 4px red; } +.yellow.selected { box-shadow: 0 0 0 1px #553a00, 0 0 0 4px red; } +.green.selected { box-shadow: 0 0 0 1px #033600, 0 0 0 4px yellow; } + #legion_0 { background-position: 0px 0px } #legion_1 { background-position: -55px 0px } #legion_2 { background-position: -110px 0px } -- cgit v1.2.3