@font-family-sans-serif: "Open Sans", Calibri, Candara, Arial, sans-serif; h1, h2, h3, h4, h5, h6, .firstHeading { font-family: 'Expletus Sans' !important; } nav#mw-navigation { background-color: #800000; box-shadow: 0 2px 8px #000000 !important; } div#p-logo { padding: 5px; } .smwofootergrid-bottom { color: #fff; background-color: #1F1F1F; } .navbar-right-aligned #searchInput { border-color: transparent; background-color: #651b00; margin-left: 0; } button#mw-searchButton { background: #4f1501; } .navbar-brand img { max-height: 26px !important; margin: 9px 0px 0px 0px; } .footer-social-text { color: #ccc; font-size: 10pt; } .footer-social-text a, .footer-social-text a:visited{ color: white; font-size: 10pt; padding: 0; } .bannerimage { background-position: 50%; background-size: cover; background-blend-mode: hard-light !important; background-color: #d40000 color: white !important; text-shadow: 0px 0px 2px #000 !important; margin-top: -10px; position: relative; 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; }