From f4088d89982896efe2cbbed822c65d5abcbe1b61 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Wed, 25 Jan 2023 14:32:35 +0100
Subject: Brighter action highlights.

---
 play.html | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 389bb45..05cd129 100644
--- a/play.html
+++ b/play.html
@@ -301,7 +301,7 @@ body.Teutons #plan_actions .russian { display: none }
 }
 
 .mat.selected .background {
-	box-shadow: 0 0 0 1px #584800, 0 0 0 3px yellow;
+	box-shadow: 0 0 0 1px #584800, 0 0 0 4px yellow;
 }
 
 .mat .capabilities {
@@ -415,18 +415,30 @@ body.shift .mustered_vassals {
 }
 
 .mat .shield { position: absolute; }
+
 .mat.teutonic .shield {
-	top: 13px; left: 11px; width: 65px; height: 75px;
-	border-radius: 4px 4px 50% 50%;
+	top: 10px; left: 6px;
+	width: 75px; height: 85px;
+	border-radius: 0 0 50% 50%;
+	filter: drop-shadow(0 0 4px white);
 }
+
 .mat.russian .shield,
 .mat.yaroslav .shield {
-	top: 10px; left: 11px; width: 55px; height: 100px;
-	border-radius: 26px 26px 50% 50%;
+	top: 6px; left: 7px;
+	width: 63px; height: 125px;
+	border-radius: 30px 30px 50% 50%;
+	filter: drop-shadow(0 0 3px white);
+}
+
+.mat.russian .shield.action, .mat.yaroslav .shield.action {
+	background-image: url(images/shield_russian.svg);
+	filter: drop-shadow(0 0 3px white);
 }
 
-.mat .shield.action {
-	box-shadow: 0 0 6px 4px white, inset 0 0 6px white;
+.mat.teutonic .shield.action {
+	background-image: url(images/shield_teutonic.svg);
+	filter: drop-shadow(0 0 3px white);
 }
 
 .mat .forces { top: 96px; left: 66px; width: 240px; height: 96px; }
@@ -510,11 +522,11 @@ body.shift .mustered_vassals {
 }
 
 .asset.action {
-	box-shadow: 0 0 0 1px #444, 0 0 0 3px white !important;
+	box-shadow: 0 0 0 1px #444, 0 0 0 4px white !important;
 }
 
 .asset.selected {
-	box-shadow: 0 0 0 1px #444, 0 0 0 3px yellow !important;
+	box-shadow: 0 0 0 1px #444, 0 0 0 4px yellow !important;
 }
 
 .asset.boat.x1 { background-image: url(images/asset_boat_x1.png); }
@@ -681,11 +693,11 @@ body.shift .mustered_vassals {
 	filter: brightness(80%);
 }
 
-.card.action.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 3px white; }
-.card.action.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 3px white; }
+.card.action.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 4px white; }
+.card.action.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 4px white; }
 
-.card.selected.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 3px yellow; }
-.card.selected.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 3px yellow; }
+.card.selected.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 4px yellow; }
+.card.selected.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 4px yellow; }
 
 /* MAP */
 
-- 
cgit v1.2.3