From f481d263508bdf25d8dedb4e98e3ba3d80817eec Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Thu, 10 Jun 2021 16:44:16 +0200 Subject: tripoli: UI tweaks. --- play.html | 124 ++++++++++++++++++++++++++++++++++++-------------------------- 1 file changed, 72 insertions(+), 52 deletions(-) (limited to 'play.html') diff --git a/play.html b/play.html index fdeb7fd..c8e4a7f 100644 --- a/play.html +++ b/play.html @@ -46,6 +46,10 @@ border-radius: 12px; } +.card.blank { + background-color: dimgray; +} + .card_info .card { margin: 15px auto; width: 100px; @@ -53,6 +57,13 @@ border-radius: 5px; } +.card_separator { + margin-top: 130px; + user-select: none; + font-size: 48px; + color: aliceblue; +} + .card_info .card:hover { transform: scale(2) translateY(-30px); } @@ -92,48 +103,65 @@ transition-timing-function: ease; } -#map .harbor { - fill: white; - fill-opacity: 0.3; +#map use { + pointer-events: none; +} + +#map use.highlight { + pointer-events: all; + cursor: pointer; stroke: white; - stroke-width: 2; - opacity: 0; } -#map .harbor.highlight { - opacity: 1 +#map use.highlight.damaged { + stroke: lightgray; } -#map .harbor.where, #map .patrol_zone.where { - opacity: 1; - stroke: yellow; - fill: yellow; +.us_frigate { fill: #0977bd; } +.us_gunboat { fill: #0977bd; } +.se_frigate { fill: #fdd527; } +.tr_frigate { fill: #de333e; } +.tr_corsair { fill: #de333e; } +.al_corsair { fill: #f39331; } +.us_marine { fill: #0977bd; } +.ar_infantry { fill: #e0e0e0; } +.tr_infantry { fill: #de333e; } + +.us_frigate.damaged { fill: #005577; } +.tr_frigate.damaged { fill: #881111; } + +.harbor { + fill-opacity: 0; + stroke: white; + stroke-width: 4; + opacity: 0; } -#map .patrol_zone { - fill: white; - fill-opacity: 0.3; +.patrol_zone { + fill-opacity: 0; stroke: white; - stroke-width: 2; + stroke-width: 4; opacity: 0; } -#map .patrol_zone.highlight { - opacity: 1 +.patrol_zone.highlight, .harbor.highlight { + opacity: 1; + cursor: pointer; } -#map .us_frigate { fill: #0977bd; } -#map .us_gunboat { fill: #0977bd; } -#map .se_frigate { fill: #fdd527; } -#map .tr_frigate { fill: #de333e; } -#map .tr_corsair { fill: #de333e; } -#map .al_corsair { fill: #f39331; } -#map .us_marine { fill: #0977bd; } -#map .ar_infantry { fill: #e0e0e0; } -#map .tr_infantry { fill: #de333e; } +#map .harbor.where { + opacity: 1; + fill-opacity: 0.5; + fill: gold; + stroke: gold; +} -#map .us_frigate.damaged { fill: #005577; } -#map .tr_frigate.damaged { fill: #881111; } +#map .patrol_zone.where { + opacity: 1; + fill-opacity: 0.5; + fill: gold; + stroke: white; +} /* CARD ACTION POPUP MENU */ @@ -262,7 +290,7 @@ -
+
@@ -296,16 +324,21 @@ - + - + - + + + + + + @@ -315,11 +348,6 @@ - - - - - @@ -395,7 +423,13 @@ -
+
+
+
+
+
+
+
@@ -446,20 +480,6 @@
-
-
24
-
-
-
-
- -
-
24
-
-
-
-
-