From 1726bed0e8dc2e7f3a2947645c66872322cb5316 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Wed, 25 Jan 2023 17:01:50 +0100 Subject: Right side up battlefield decorations. --- play.html | 38 +++++++++++++++++++++++++++----------- 1 file changed, 27 insertions(+), 11 deletions(-) diff --git a/play.html b/play.html index 05cd129..a7add68 100644 --- a/play.html +++ b/play.html @@ -149,17 +149,33 @@ body.Teutons #plan_actions .russian { display: none } background-position: top center; } -#grid_a1 { background-position: 10% 60%; background-image: url(images/battlefield_hill1.png) } -#grid_a1.action { background-position: top center, 10% 60%; background-image: url(images/battle_array_action.svg), url(images/battlefield_hill1.png) } -#grid_a3 { background-position: 60% 90%, 20% 30%; background-image: url(images/battlefield_buildings.png), url(images/battlefield_trees1.png) } -#grid_a3.action { background-position: top center, 60% 90%, 20% 30%; background-image: url(images/battle_array_action.svg), url(images/battlefield_buildings.png), url(images/battlefield_trees1.png) } - -#grid_d1 { background-position: 50% 70%; background-image: url(images/battlefield_trees2.png) } -#grid_d1.action { background-position: top center, 50% 70%; background-image: url(images/battle_array_action.svg), url(images/battlefield_trees2.png) } -#grid_d2 { background-position: 50% 95%; background-image: url(images/battlefield_trees3.png) } -#grid_d2.action { background-position: top center, 50% 95%; background-image: url(images/battle_array_action.svg), url(images/battlefield_trees3.png) } -#grid_d3 { background-position: 50% 60%; background-image: url(images/battlefield_hill2.png) } -#grid_d3.action { background-position: top center, 50% 60%; background-image: url(images/battle_array_action.svg), url(images/battlefield_hill2.png) } +#battle_grid { + background-repeat: no-repeat; + background-position: + 95% 350px, + 85% 175px, + 10% 300px, + 90% 800px, + 10% 850px, + 40% 1000px; + background-image: + url(images/battlefield_buildings.png), + url(images/battlefield_trees1.png), + url(images/battlefield_hill1.png), + url(images/battlefield_hill2.png), + url(images/battlefield_trees2.png), + url(images/battlefield_trees3.png); +} + +#battle_grid.attacker { + background-position: + 10% 900px, + 5% 725px, + 90% 850px, + 10% 250px, + 90% 250px, + 60% 100px; +} #grid_rg1:empty:not(.action), #grid_rg2:empty:not(.action), #grid_rg3:empty:not(.action), #grid_sa1:empty:not(.action), #grid_sa2:empty:not(.action), #grid_sa3:empty:not(.action) { -- cgit v1.2.3