From 8f375b7fdd439ea33b4a45760eb16a14db39a9d4 Mon Sep 17 00:00:00 2001
From: Yaco <franco@reevo.org>
Date: Wed, 3 Nov 2021 14:18:31 +0000
Subject: map style

---
 style.less | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'style.less')

diff --git a/style.less b/style.less
index fafe15c..9c04cb6 100644
--- a/style.less
+++ b/style.less
@@ -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;
+}
-- 
cgit v1.2.1