From 415a11dd304586a3f10d4dec82c564d39a426910 Mon Sep 17 00:00:00 2001 From: Nathanael Sensfelder Date: Wed, 21 Mar 2018 21:18:06 +0100 Subject: Improves marker display. --- src/battlemap/www/style.css | 36 +++++++++++++++++++++++++++++++++--- 1 file changed, 33 insertions(+), 3 deletions(-) diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index 2911501..c908cb3 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -209,11 +209,41 @@ .battlemap-marker-icon { box-sizing: border-box; - border: 2px groove rgba(0,0,0,0.5); + min-width: 24px; + max-width: 24px; + margin: 4px 0 0 4px; + height: 24px; + border-radius: 4px; + border: none; + box-shadow: + 1px 0px 2px #333, + -1px 0px 2px #333, + 0px 1px 2px #333, + 0px -1px 2px #333; +} + +.battlemap-can-go-to-marker +{ + background-color: #FFF; + opacity: 0.3; +} + +.battlemap-can-go-to-marker:hover +{ + background-color: rgba(255, 255, 255, 0.9); + opacity: 1; +} + +.battlemap-can-attack-marker +{ + background-color:rgba(0,0,0,0.7); + min-width: 28px; + max-width: 28px; + height: 28px; + margin: 2px 0 0 2px; + border-radius: 0; } -.battlemap-can-go-to-marker {background-color:rgba(0,0,0,0.5);} -.battlemap-can-attack-marker {background-color:rgba(0,0,0,0.7);} .battlemap-cant-defend-marker { background: -- cgit v1.2.3-70-g09d2