diff options
author | Yaco <franco@reevo.org> | 2021-11-03 14:18:31 +0000 |
---|---|---|
committer | Yaco <franco@reevo.org> | 2021-11-03 14:18:31 +0000 |
commit | 8f375b7fdd439ea33b4a45760eb16a14db39a9d4 (patch) | |
tree | 99b78d125645d75855a116899ebd76687b422b02 | |
parent | 1a55e97abcfe6e89e4d518517f94c29b68a5689f (diff) |
map style
-rw-r--r-- | style.less | 38 |
1 files changed, 38 insertions, 0 deletions
@@ -56,3 +56,41 @@ button#mw-searchButton { text-shadow: 1px 1px 10px #000; box-shadow: 0px -8px 30px 0px #000 inset !important; } + + +// **************** 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 +// Map tiles: http://leaflet-extras.github.io/leaflet-providers/preview/ + +.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(80%) sepia(0%) saturate(5000%) hue-rotate(16deg) brightness(150%) contrast(100%); +} + +.page-Index .leaflet-tile-pane { + z-index: 200; + filter: invert(4%) sepia(11%) saturate(6000%) hue-rotate(342deg) brightness(160%) contrast(150%) !important; + // filter: invert(100%) sepia(100%) saturate(6000%) hue-rotate(19deg) brightness(80%) contrast(150%) !important; // Good for light tile +} + +section#map > div { + background: linear-gradient(0deg, #b01900 50%, #220000 50%); //doble color background +} + + +.page-Index .leaflet-marker-icon span { + color: white; +} + + +.leaflet-container:after { + content: ''; + width: 100%; + height: 100%; + box-shadow: black 0 0px 19px -8px inset; + position: absolute; + top: 0; + z-index: 1000000; + pointer-events:none; +} |