diff options
Diffstat (limited to 'style.less')
-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; +} |