134 lines
No EOL
3.1 KiB
CSS
134 lines
No EOL
3.1 KiB
CSS
/* Unable to find ... message */
|
|
.message {
|
|
position: absolute;
|
|
bottom: 20px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
padding: 10px;
|
|
background-color: var(--search-bg);
|
|
border: 1px solid var(--border);
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 10px var(--box-shadow);
|
|
z-index: 1000;
|
|
width: auto;
|
|
max-width: 80%;
|
|
text-align: center;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
/* Map container */
|
|
#map {
|
|
height: calc(100% - 65px);
|
|
width: 100%;
|
|
top: 65px;
|
|
}
|
|
|
|
.leaflet-control-layers-toggle {
|
|
background-color: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
}
|
|
|
|
.leaflet-bar a,
|
|
.leaflet-bar a:hover {
|
|
background-color: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper,
|
|
.leaflet-popup-tip {
|
|
background: var(--html-bg) !important;
|
|
color: var(--text-color) !important;
|
|
border: 1px solid var(--border) !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper a {
|
|
color: var(--link) !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Leaflet control buttons */
|
|
.leaflet-control-locate,
|
|
.leaflet-control-layers-toggle {
|
|
background-color: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
}
|
|
|
|
.leaflet-bar a,
|
|
.leaflet-bar a:focus,
|
|
.leaflet-bar a:active,
|
|
.leaflet-bar a:hover {
|
|
background-color: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
box-shadow: 0 2px 12px rgba(0,0,0,0.24) !important;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.leaflet-control-layers-toggle,
|
|
.leaflet-control-layers-expanded {
|
|
background-color: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
}
|
|
|
|
.leaflet-bar a:hover,
|
|
.leaflet-bar a:focus {
|
|
background-color: var(--search-select) !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper,
|
|
.leaflet-popup-tip {
|
|
background: var(--html-bg) !important;
|
|
color: var(--text-color) !important;
|
|
border: 1px solid var(--border) !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper a {
|
|
color: var(--link) !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Leaflet attribution control */
|
|
.leaflet-control-attribution {
|
|
background: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
}
|
|
|
|
.leaflet-control-attribution a {
|
|
color: var(--link) !important;
|
|
}
|
|
|
|
.leaflet-control-attribution a:hover {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
/* Leaflet scale control */
|
|
.leaflet-control-scale {
|
|
background: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
text-shadow: 1px 1px 2px var(--border) !important;
|
|
}
|
|
|
|
.leaflet-control-scale-line {
|
|
background: var(--button) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--fg) !important;
|
|
text-shadow: 1px 1px 2px var(--border) !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 880px) {
|
|
#map {
|
|
top: 130px !important;
|
|
}
|
|
} |