diff --git a/static/c4.css b/static/c4.css index c0ca189..b9a0d3a 100644 --- a/static/c4.css +++ b/static/c4.css @@ -7,13 +7,31 @@ h1, h1 a { color: #dfaa37; /* C4 Yellow */ } +#search:focus { + outline: 2px solid #dfaa37; +} + #map { - border: 1px solid #202020; - background: #4d4d4d; - max-width: 1440px; - max-height: 50vh; - aspect-ratio: 2 / 1; - box-shadow: 0px 6px 12px #000c; + border: 1px solid #202020; + background-color: #4d4d4d; + max-width: 1440px; + max-height: 50vh; + aspect-ratio: 2 / 1; + box-shadow: 0px 6px 12px #000c; +} + +#mapnote { + background-color: #ccc; + color: #333; + border-color: #202020; + padding: 0.25em 0.5em; + position: relative; + top: -1px; + box-shadow: 0px 6px 12px #000c; +} + +#mapnote:empty { + display: none; } .result { @@ -90,8 +108,9 @@ h1, h1 a { } #mapgrid { - outline: 2px solid #dfaa37; - background: #dfaa3780; + outline: 2px solid #333; + background-color: #dfaa37; + border-radius: min(4px, 25%); animation: blinker 1s infinite; }