From 7afb2cf9707a71452b68f04e0fd61efdc3e44b59 Mon Sep 17 00:00:00 2001 From: Yaco Date: Wed, 20 Oct 2021 15:25:02 -0300 Subject: improves map intro page --- style.less | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) diff --git a/style.less b/style.less index 881c9b4..078ffd0 100644 --- a/style.less +++ b/style.less @@ -71,15 +71,32 @@ div#p-logo { list-style-position: inside; } +section#home-header { + background: #007c00; + color: white; + font-size: 20pt; + text-align: center; + margin: -1em 0 0em 0; + padding: 0em 0px 0em 0; + position: relative; + font-weight: 200; +} + // **************** Map elements // We change the color of the marker using filter. The base color must be black. Color generator: https://codepen.io/sosuke/pen/Pjoqqp -.leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive { - filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%) drop-shadow(2px 4px 6px lightgrey); +.page-Index .leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive { + // filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%) drop-shadow(2px 4px 6px lightgrey); + filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%); +} + +.page-Index .leaflet-tile-pane { + z-index: 200; + filter: invert(3%) sepia(67%) saturate(3682%) hue-rotate(83deg) brightness(95%) contrast(87%) !important; } -.leaflet-marker-icon span { +.page-Index .leaflet-marker-icon span { color: white; } -- cgit v1.2.1