| @@ -1028,8 +1028,9 @@ | ||
| 1028 | 1028 | } |
| 1029 | 1029 | |
| 1030 | 1030 | .wdk-element .wdk-map .infobox.wdk-infobox-basic .title { |
| 1031 | 1031 | margin: 0; |
| 1032 | + font-size: 18px; | |
| 1032 | 1033 | } |
| 1033 | 1034 | |
| 1034 | 1035 | .wdk-element .wdk-map.infobox-basic .leaflet-container a.leaflet-popup-close-button { |
| 1035 | 1036 | position: absolute; |
| @@ -1320,8 +1321,48 @@ | ||
| 1320 | 1321 | background-color: #66676b; |
| 1321 | 1322 | color: #fff; |
| 1322 | 1323 | } |
| 1323 | 1324 | |
| 1325 | +.wdk-element .wdk-map .wdk-map-info-label { | |
| 1326 | + background-color: #fff; | |
| 1327 | + color: #333; | |
| 1328 | + cursor: pointer; | |
| 1329 | + border-radius: 5px; | |
| 1330 | + padding: 5px 15px; | |
| 1331 | + min-height: 35px; | |
| 1332 | + -webkit-transition: color 0.3s, background-color 0.3s; | |
| 1333 | + -o-transition: color 0.3s, background-color 0.3s; | |
| 1334 | + transition: color 0.3s, background-color 0.3s; | |
| 1335 | + -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; | |
| 1336 | + box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; | |
| 1337 | + text-align: center; | |
| 1338 | + font-size: 15px; | |
| 1339 | + display: flex; | |
| 1340 | + align-items: center; | |
| 1341 | + justify-content: center; | |
| 1342 | + line-height: 1; | |
| 1343 | + margin: 10px; | |
| 1344 | + margin-right: auto; | |
| 1345 | + opacity: .8; | |
| 1346 | +} | |
| 1347 | + | |
| 1348 | +.wdk-element .wdk-map .wdk-map-info-label:hover { | |
| 1349 | + background-color: #66676b; | |
| 1350 | + color: #fff; | |
| 1351 | +} | |
| 1352 | + | |
| 1353 | +@media (pointer: coarse) { | |
| 1354 | + .wdk-element .wdk-map .wdk-map-info-label.only_mobile { | |
| 1355 | + display: flex !important; | |
| 1356 | + } | |
| 1357 | +} | |
| 1358 | + | |
| 1359 | +@media (pointer: fine) { | |
| 1360 | + .wdk-element .wdk-map .wdk-map-info-label.only_mobile { | |
| 1361 | + display: none !important; | |
| 1362 | + } | |
| 1363 | +} | |
| 1364 | + | |
| 1324 | 1365 | .wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right { |
| 1325 | 1366 | transform: translateY(0); |
| 1326 | 1367 | top: initial; |
| 1327 | 1368 | margin-top: initial; |
| @@ -1327,8 +1368,10 @@ | ||
| 1327 | 1368 | margin-top: initial; |
| 1328 | 1369 | display: flex; |
| 1329 | 1370 | justify-content: center; |
| 1330 | 1371 | align-items: center; |
| 1372 | + width: 100%; | |
| 1373 | + justify-content: flex-end; | |
| 1331 | 1374 | } |
| 1332 | 1375 | |
| 1333 | 1376 | .wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right .leaflet-control-custom { |
| 1334 | 1377 | margin: 10px; |
