510 lines
13 KiB
CSS
510 lines
13 KiB
CSS
/**
|
||
* All of the CSS for your admin-specific functionality should be
|
||
* included in this file.
|
||
*/
|
||
#acf-group_61636c62b003e {
|
||
min-height: 400px;
|
||
}
|
||
|
||
.mapster-map-loader {
|
||
position: absolute;
|
||
z-index: 10000;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(255, 255, 255, 0.6);
|
||
text-align: center;
|
||
padding-top: 50px;
|
||
}
|
||
.mapster-wp-maps-loader-container {
|
||
position: relative;
|
||
}
|
||
.mapster-map-loader-initial {
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 100%;
|
||
background: rgba(255, 255, 255, 0.6);
|
||
text-align: center;
|
||
padding-top: 50px;
|
||
}
|
||
|
||
/* marker hover hack */
|
||
.mapster-hide-original {
|
||
opacity: 0 !important;
|
||
}
|
||
.mapster-remove-hover {
|
||
pointer-events: none !important;
|
||
}
|
||
|
||
/* strengthening geocoder css */
|
||
.mapboxgl-ctrl .mapboxgl-ctrl-geocoder--input {
|
||
padding: 6px 35px;
|
||
}
|
||
.mapboxgl-ctrl .suggestions {
|
||
max-height: 300px;
|
||
overflow: auto;
|
||
}
|
||
.mapboxgl-ctrl .suggestions li {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* ensuring tips get pointer events */
|
||
.maplibregl-popup-tip, .mapboxgl-popup-tip {
|
||
pointer-events: all;
|
||
}
|
||
.mapster-hover-popup .maplibregl-popup-tip, .mapster-hover-popup .mapboxgl-popup-tip {
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* dropdown list modifications */
|
||
.mapster-maps-dropdown .mapboxgl-ctrl-geocoder--input:hover {
|
||
cursor: pointer;
|
||
background: #efefef;
|
||
}
|
||
.mapster-maps-dropdown .mapboxgl-ctrl-geocoder--button {
|
||
background: transparent;
|
||
}
|
||
.mapster-maps-dropdown .suggestions {
|
||
max-height : 400px;
|
||
overflow-y: scroll;
|
||
}
|
||
.mapster-maps-dropdown .suggestions li.active > a {
|
||
background: none;
|
||
}
|
||
.mapster-maps-dropdown .suggestions li > a:hover {
|
||
background: #eee;
|
||
}
|
||
|
||
/* elevation control */
|
||
.mapster-elevation-control-content {
|
||
border-radius: 4px;
|
||
background: #fff;
|
||
padding: 2px 5px;
|
||
box-shadow: 0 0 0 2px rgb(0 0 0/10%);
|
||
}
|
||
.mapster-elevation-control-active {
|
||
background: #eee;
|
||
}
|
||
.mapster-elevation-control-content:hover {
|
||
cursor: pointer;
|
||
background: #eee;
|
||
}
|
||
.mapster-elevation-control-content .mapster-svg-mountain {
|
||
user-select: none;
|
||
margin-top: 2px;
|
||
width: 1em;
|
||
height: 1em;
|
||
display: inline-block;
|
||
fill: #333;
|
||
flex-shrink: 0;
|
||
font-size: 20px;
|
||
}
|
||
|
||
/* category and layer control */
|
||
.mapster-category-control {
|
||
border-radius: 4px;
|
||
background: #fff;
|
||
padding: 10px;
|
||
box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
|
||
min-width: 200px;
|
||
}
|
||
@media screen and (max-width: 600px) {
|
||
.mapster-category-control {
|
||
max-height : 100px;
|
||
overflow-y : auto;
|
||
}
|
||
}
|
||
.mapster-category-control.mapster-google-category-control {
|
||
margin: 10px;
|
||
}
|
||
.mapster-category-control h3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.mapster-category-control input, .mapster-layer-control input, .mapster-style-control input {
|
||
vertical-align: middle;
|
||
}
|
||
.mapster-category-control label, .mapster-layer-control label, .mapster-style-control label {
|
||
margin-bottom: 0px;
|
||
vertical-align: middle;
|
||
vertical-align: middle;
|
||
}
|
||
.mapster-category-control > div > ul, .mapster-layer-control > div > ul, .mapster-style-control > div > ul {
|
||
padding-left: 0px;
|
||
}
|
||
.mapster-category-control ul, .mapster-layer-control ul, .mapster-style-control ul {
|
||
margin : 0px;
|
||
padding-left: 10px;
|
||
list-style-type : none;
|
||
}
|
||
.mapster-category-control.mapster-google-category-control li {
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.mapster-category-control .mapster-switch, .mapster-layer-control .mapster-switch {
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
width: 30px;
|
||
height: 15px;
|
||
margin-top: -4px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.mapster-category-control .mapster-switch input, .mapster-layer-control .mapster-switch input {
|
||
all : revert;
|
||
opacity: 0;
|
||
width: 0;
|
||
height: 0;
|
||
}
|
||
|
||
.mapster-category-control .mapster-slider, .mapster-layer-control .mapster-slider {
|
||
position: absolute;
|
||
cursor: pointer;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: #ccc;
|
||
-webkit-transition: .4s;
|
||
transition: .4s;
|
||
}
|
||
|
||
.mapster-category-control .mapster-slider:before, .mapster-layer-control .mapster-slider:before {
|
||
position: absolute;
|
||
content: "";
|
||
height: 11px;
|
||
width: 11px;
|
||
left: 2px;
|
||
bottom: 2px;
|
||
background-color: white;
|
||
-webkit-transition: .4s;
|
||
transition: .4s;
|
||
}
|
||
|
||
.mapster-category-control input:checked + .mapster-slider, .mapster-layer-control input:checked + .mapster-slider {
|
||
background-color: #2196F3;
|
||
}
|
||
|
||
.mapster-category-control input:focus + .mapster-slider, .mapster-layer-control input:focus + .mapster-slider {
|
||
box-shadow: 0 0 1px #2196F3;
|
||
}
|
||
|
||
.mapster-category-control input:checked + .mapster-slider:before, .mapster-layer-control input:checked + .mapster-slider:before {
|
||
-webkit-transform: translateX(15px);
|
||
-ms-transform: translateX(15px);
|
||
transform: translateX(15px);
|
||
}
|
||
|
||
.mapster-category-control .mapster-slider.mapster-round, .mapster-layer-control .mapster-slider.mapster-round {
|
||
border-radius: 34px;
|
||
}
|
||
|
||
.mapster-category-control .mapster-slider.mapster-round:before, .mapster-layer-control .mapster-slider.mapster-round:before {
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.mapster-category-control .mapster-color-swatch {
|
||
width: 10px;
|
||
height: 10px;
|
||
display: inline-block;
|
||
border-radius: 50%;
|
||
margin-right: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.mapster-category-control .mapster-icon-swatch {
|
||
width: 20px;
|
||
height: 20px;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
margin-left: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
/* list control */
|
||
.mapster-list-control {
|
||
border-radius: 4px;
|
||
background: #fff;
|
||
padding: 10px;
|
||
font-size: 12px;
|
||
box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
|
||
min-width: 200px;
|
||
}
|
||
.mapster-list-control-content {
|
||
overflow-y: auto;
|
||
}
|
||
.mapster-list-control.outside-map-left {
|
||
margin-left: -355px;
|
||
margin-top: -5px;
|
||
}
|
||
.mapster-list-control.outside-map-right {
|
||
margin-right: -355px;
|
||
margin-top: -5px;
|
||
}
|
||
.mapster-list-control ul {
|
||
margin : 0px;
|
||
padding: 0;
|
||
list-style-type : none;
|
||
}
|
||
.mapster-list-control li {
|
||
padding: 5px;
|
||
margin: 0;
|
||
font-size: 12px;
|
||
border-radius: 4px;
|
||
}
|
||
.mapster-list-control li:hover {
|
||
background: #eee;
|
||
cursor : pointer;
|
||
}
|
||
.mapster-list-control em {
|
||
font-size: smaller;
|
||
}
|
||
.mapster-list-control .mapster-paging {
|
||
float: right;
|
||
}
|
||
.mapster-list-control .mapster-paging span:hover {
|
||
cursor: pointer;
|
||
background : #eee;
|
||
}
|
||
|
||
/* download control */
|
||
.mapster-download-control {
|
||
border-radius: 4px;
|
||
background: #fff;
|
||
padding: 10px;
|
||
box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
|
||
min-width: 200px;
|
||
}
|
||
|
||
/* layer control */
|
||
.mapster-layer-control {
|
||
border-radius: 4px;
|
||
background: #fff;
|
||
padding: 10px;
|
||
box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
|
||
min-width: 200px;
|
||
}
|
||
|
||
/* style control */
|
||
.mapster-style-control {
|
||
border-radius: 4px;
|
||
background: #fff;
|
||
padding: 10px;
|
||
box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
|
||
min-width: 200px;
|
||
}
|
||
|
||
/* Accordion behaviour category control */
|
||
.mapster-accordion-indicator {
|
||
float: right;
|
||
transform: rotate(90deg);
|
||
cursor: pointer;
|
||
font-size: 15px;
|
||
transition: 0.5s;
|
||
}
|
||
.mapster-accordion-indicator-closed .mapster-accordion-indicator {
|
||
color: white;
|
||
-webkit-text-stroke: 1px black;
|
||
}
|
||
.mapster-accordion-indicator-open .mapster-accordion-indicator {
|
||
color: black;
|
||
transform: rotate(0deg);
|
||
}
|
||
.mapster-accordion-indicator-open .mapster-accordion-indicator:hover, .mapster-accordion-indicator-closed .mapster-accordion-indicator:hover {
|
||
opacity: 0.7;
|
||
}
|
||
li.mapster-accordion-indicator-closed + ul {
|
||
display:none;
|
||
}
|
||
|
||
/* // From: Pitch toggle control for Mapbox GL JS — http://fuzzytolerance.info/blog/2017/01/30/Pitch-toggle-control-for-Mapbox-GL-JS/ */
|
||
.mapboxgl-ctrl-pitchtoggle-3d {
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+ICAgIDx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkeT0iLjM1ZW0iIHN0eWxlPSJmb250LXNpemU6IDE0cHg7IGZvbnQtZmFtaWx5OiAnSGVsdmV0aWNhIE5ldWUnLEFyaWFsLEhlbHZldGljYSxzYW5zLXNlcmlmOyBmb250LXdlaWdodDogYm9sZDsgdGV4dC1hbmNob3I6IG1pZGRsZTsiPjNEPC90ZXh0Pjwvc3ZnPg==);
|
||
}
|
||
|
||
.mapboxgl-ctrl-pitchtoggle-2d {
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+ICAgIDx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkeT0iLjM1ZW0iIHN0eWxlPSJmb250LXNpemU6IDE0cHg7IGZvbnQtZmFtaWx5OiAnSGVsdmV0aWNhIE5ldWUnLEFyaWFsLEhlbHZldGljYSxzYW5zLXNlcmlmOyBmb250LXdlaWdodDogYm9sZDsgdGV4dC1hbmNob3I6IG1pZGRsZTsiPjJEPC90ZXh0Pjwvc3ZnPg==);
|
||
}
|
||
|
||
.mapster-sidebar-popup {
|
||
position: absolute;
|
||
z-index: 2000;
|
||
top: 0;
|
||
left: 0;
|
||
background: white;
|
||
padding: 10px;
|
||
overflow: auto;
|
||
overflow-x: visible;
|
||
}
|
||
.mapster-sidebar-popup-exit {
|
||
text-align: right;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* Slider */
|
||
#mapster-slider {
|
||
position: relative;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
}
|
||
|
||
#mapster-slider ul {
|
||
position: relative;
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 200px;
|
||
list-style: none;
|
||
}
|
||
|
||
#mapster-slider ul li {
|
||
position: relative;
|
||
display: block;
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
|
||
#mapster-slider .mapster-slider-control_prev, .mapster-slider-control_next {
|
||
position: absolute;
|
||
top: 40%;
|
||
z-index: 999;
|
||
display: block;
|
||
padding: 4% 3%;
|
||
width: auto;
|
||
height: auto;
|
||
background: #2a2a2a;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
font-weight: 600;
|
||
font-size: 18px;
|
||
opacity: 0.8;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#mapster-slider .mapster-slider-control_prev:hover, .mapster-slider-control_next:hover {
|
||
opacity: 1;
|
||
-webkit-transition: all 0.2s ease;
|
||
}
|
||
|
||
#mapster-slider .mapster-slider-control_prev {
|
||
border-radius: 0 2px 2px 0;
|
||
}
|
||
|
||
#mapster-slider .mapster-slider-control_next {
|
||
right: 0;
|
||
border-radius: 2px 0 0 2px;
|
||
}
|
||
|
||
/* Modal popup */
|
||
.mapster-modal-content-in-popup {
|
||
display : none;
|
||
}
|
||
|
||
/* Google Maps special styles */
|
||
body .mapster-wp-maps .gm-style-iw {
|
||
padding: 0px;
|
||
}
|
||
body .mapster-wp-maps .gm-style-iw-d {
|
||
overflow: auto !important;
|
||
}
|
||
body .mapster-wp-maps .gm-style-iw button.gm-ui-hover-effect {
|
||
visibility: hidden;
|
||
}
|
||
body .mapster-wp-maps .gm-style .mapster-google-geolocation-button,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-google-geolocation-button {
|
||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
|
||
background-position: center center;
|
||
background-repeat: none;
|
||
background-color: white;
|
||
border: thin solid #ccc;
|
||
color: black;
|
||
width: 30px;
|
||
height: 30px;
|
||
padding: 0px;
|
||
margin: 0px;
|
||
border-radius: 3px;
|
||
box-shadow: 1px 1px 2px #888;
|
||
margin: 10px;
|
||
}
|
||
body .mapster-wp-maps .gm-style .mapster-google-geolocation-button:hover,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-google-geolocation-button:hover {
|
||
background-color: #eee;
|
||
}
|
||
|
||
body .mapster-wp-maps .gm-style .mapster-google-download-button,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-google-download-button {
|
||
background-color: white;
|
||
border: thin solid #ccc;
|
||
color: black;
|
||
padding: 5px 10px;
|
||
font-size: 14px;
|
||
margin: 0px;
|
||
border-radius: 3px;
|
||
box-shadow: 1px 1px 2px #888;
|
||
margin: 10px;
|
||
}
|
||
body .mapster-wp-maps .gm-style .mapster-google-download-button:hover,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-google-download-button:hover {
|
||
background-color: #eee;
|
||
}
|
||
|
||
body .mapster-wp-maps .gm-style .mapster-google-geocoder-input,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-google-geocoder-input {
|
||
margin: 10px;
|
||
padding: 5px 10px;
|
||
border-radius: 3px;
|
||
border: thin solid #ccc;
|
||
box-shadow: 1px 1px 2px #888;
|
||
width: 250px;
|
||
height: 30px;
|
||
}
|
||
|
||
body .mapster-wp-maps .gm-style .mapster-google-filter-dropdown,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-google-filter-dropdown {
|
||
min-width: 100px;
|
||
margin: 10px;
|
||
padding: 5px 10px;
|
||
border-radius: 3px;
|
||
border: thin solid #ccc;
|
||
box-shadow: 1px 1px 2px #888;
|
||
min-height: 30px;
|
||
}
|
||
|
||
body .mapster-wp-maps .gm-style .mapster-list-control.mapster-list-control-google,
|
||
body #mapster-wp-maps-preview .gm-style .mapster-list-control.mapster-list-control-google {
|
||
margin: 10px;
|
||
border-radius: 3px;
|
||
border: thin solid #ccc;
|
||
width: 300px;
|
||
box-shadow: 1px 1px 2px #888;
|
||
}
|
||
body .mapster-wp-maps.google-maps-store-locator-overflow {
|
||
overflow: visible !important;
|
||
}
|
||
body .mapster-wp-maps-container .mapster-list-control.google-maps-list-locator-mobile {
|
||
margin: 0px;
|
||
width: 100%;
|
||
}
|
||
body .mapster-wp-maps-container .mapster-list-control.google-maps-list-locator-mobile .mapster-google-geocoder-input.geocoder-google-store-locator {
|
||
padding: 10px;
|
||
}
|
||
body .mapster-wp-maps-container .mapster-google-geocoder-input.geocoder-google-store-locator {
|
||
left: 0px !important;
|
||
margin: 0px;
|
||
width: 100%;
|
||
margin-bottom: 10px;
|
||
position: relative !important;
|
||
}
|
||
|
||
body .pac-item.custom-search-filter-result {
|
||
display: none;
|
||
}
|
||
body .pac-container.mapster-no-geocoder .pac-item:not(.custom-search-filter-result) {
|
||
display: none !important;
|
||
}
|