From dc1aa50ec82e74e8e48d4abdfceab28aca107274 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Tue, 22 Jun 2021 23:09:18 +0200 Subject: crusader: Tweak colors and highlights. --- play.html | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) (limited to 'play.html') diff --git a/play.html b/play.html index 4b9a223..5541bde 100644 --- a/play.html +++ b/play.html @@ -135,8 +135,8 @@ opacity: 0.0; z-index: 1; border: 5px solid white; - width: 60px; - height: 60px; + width: 70px; + height: 70px; border-radius: 50%; } .town.highlight { @@ -156,6 +156,7 @@ /* BLOCKS */ body.shift .block.known:hover { + filter: none; transform: scale(2) !important; transition: 100ms; z-index: 100; @@ -181,23 +182,18 @@ body.shift .block.known:hover { .block.Saracens { border: 3px solid seagreen; background-color: darkseagreen; } .block.Assassins { border: 3px solid rebeccapurple; background-color: rebeccapurple; } -.block.Franks.highlight { border-color: white; } -.block.Saracens.highlight { border-color: white; } +.block.Franks.highlight { border-color: white !important ; } +.block.Saracens.highlight { border-color: lightgreen !important ; } .block.Franks.selected { border-color: gold; } -.block.Saracens.selected { border-color: lightgreen; } -.block.Assassins.selected { border-color: hotpink; box-shadow: none; } +.block.Saracens.selected { border-color: gold; } +.block.Assassins.selected { border-color: hotpink; } .block.highlight { cursor: pointer; } -.block.highlight { box-shadow: 0px 0px 4px 1px white; } -.block.selected { box-shadow: 0 0 4px 1px white; } .block.moved { filter: brightness(80%) grayscale(40%); } .block.highlight.moved { filter: brightness(95%) grayscale(40%); } - -.map .block.castle.known, .map.stack_layout .block.castle { - border-color: #444; - filter: grayscale(50%); -} +.map .block.castle.known { filter: grayscale(50%); } +.map.stack_layout .block.castle { filter: grayscale(90%); } .map .block.castle:not(.known) { background-image: url("/crusader-rex/besieged.svg"); -- cgit v1.2.3