| @@ -16,13 +16,33 @@ | ||
| 16 | 16 | } |
| 17 | 17 | } |
| 18 | 18 | |
| 19 | 19 | .wdk-element .wdk-map { |
| 20 | + position: relative; | |
| 20 | 21 | /* custom marker */ |
| 21 | 22 | /* end custom marker */ |
| 22 | 23 | /* leaftet map */ |
| 23 | 24 | } |
| 24 | 25 | |
| 26 | +.wdk-element .wdk-map .map-hint { | |
| 27 | + display: none; | |
| 28 | +} | |
| 29 | + | |
| 30 | +@media (max-width: 767px) { | |
| 31 | + .wdk-element .wdk-map .map-hint { | |
| 32 | + position: absolute; | |
| 33 | + left: 15px; | |
| 34 | + top: 15px; | |
| 35 | + display: inline-block; | |
| 36 | + padding: 5px 10px; | |
| 37 | + font-size: 16px; | |
| 38 | + background: #ffffff94; | |
| 39 | + color: #2c2c2cc4; | |
| 40 | + border-radius: 5px; | |
| 41 | + z-index: 2; | |
| 42 | + } | |
| 43 | +} | |
| 44 | + | |
| 25 | 45 | .wdk-element .wdk-map .wdk-favorites-actions a.wdk-add-favorites-action { |
| 26 | 46 | color: #fff; |
| 27 | 47 | } |
| 28 | 48 | |
| @@ -1008,8 +1028,9 @@ | ||
| 1008 | 1028 | } |
| 1009 | 1029 | |
| 1010 | 1030 | .wdk-element .wdk-map .infobox.wdk-infobox-basic .title { |
| 1011 | 1031 | margin: 0; |
| 1032 | + font-size: 18px; | |
| 1012 | 1033 | } |
| 1013 | 1034 | |
| 1014 | 1035 | .wdk-element .wdk-map.infobox-basic .leaflet-container a.leaflet-popup-close-button { |
| 1015 | 1036 | position: absolute; |
| @@ -1229,8 +1250,136 @@ | ||
| 1229 | 1250 | .wdk-element .wdk-map .infobox .map_infowindow .loading_content { |
| 1230 | 1251 | height: 134px; |
| 1231 | 1252 | overflow: hidden; |
| 1232 | 1253 | } |
| 1254 | +} | |
| 1255 | + | |
| 1256 | +.wdk-element .wdk-map .route_suggestion { | |
| 1257 | + display: flex; | |
| 1258 | + margin-top: 25px; | |
| 1259 | +} | |
| 1260 | + | |
| 1261 | +.wdk-element .wdk-map .route_suggestion input { | |
| 1262 | + height: 45px; | |
| 1263 | + padding: 0 25px; | |
| 1264 | + width: 100%; | |
| 1265 | + font-size: 15px; | |
| 1266 | + font-family: "Montserrat"; | |
| 1267 | + font-weight: 300; | |
| 1268 | + border: 1px solid #eaeaea; | |
| 1269 | + border-radius: 3px; | |
| 1270 | + background: #fff; | |
| 1271 | + box-shadow: none; | |
| 1272 | + outline: none; | |
| 1273 | +} | |
| 1274 | + | |
| 1275 | +.wdk-element .wdk-map .route_suggestion .wdk-btn { | |
| 1276 | + color: #fff; | |
| 1277 | + font-family: "Montserrat"; | |
| 1278 | + font-weight: 400; | |
| 1279 | + background-color: #0074e4; | |
| 1280 | + height: auto; | |
| 1281 | + border: none; | |
| 1282 | + border-radius: 3px; | |
| 1283 | + width: 100%; | |
| 1284 | + padding: 13px 20px; | |
| 1285 | + font-size: 16px; | |
| 1286 | + cursor: pointer; | |
| 1287 | + transition: all .15s; | |
| 1288 | +} | |
| 1289 | + | |
| 1290 | +.wdk-element .wdk-map .route_suggestion .wdk-btn:hover { | |
| 1291 | + background: #0052a2; | |
| 1292 | + color: #fff; | |
| 1293 | +} | |
| 1294 | + | |
| 1295 | +.wdk-element .wdk-map .wdk_map_results .leaflet-top { | |
| 1296 | + transform: translateY(-54px); | |
| 1297 | +} | |
| 1298 | + | |
| 1299 | +.wdk-element .wdk-map .custom-draw-button { | |
| 1300 | + background-color: #fff; | |
| 1301 | + color: #333; | |
| 1302 | + cursor: pointer; | |
| 1303 | + border-radius: 5px; | |
| 1304 | + padding: 5px 15px; | |
| 1305 | + min-height: 35px; | |
| 1306 | + -webkit-transition: color 0.3s, background-color 0.3s; | |
| 1307 | + -o-transition: color 0.3s, background-color 0.3s; | |
| 1308 | + transition: color 0.3s, background-color 0.3s; | |
| 1309 | + -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; | |
| 1310 | + box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; | |
| 1311 | + text-align: center; | |
| 1312 | + font-size: 15px; | |
| 1313 | + display: flex; | |
| 1314 | + align-items: center; | |
| 1315 | + justify-content: center; | |
| 1316 | + line-height: 1; | |
| 1317 | + margin: 10px; | |
| 1318 | +} | |
| 1319 | + | |
| 1320 | +.wdk-element .wdk-map .custom-draw-button:hover { | |
| 1321 | + background-color: #66676b; | |
| 1322 | + color: #fff; | |
| 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 | + | |
| 1365 | +.wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right { | |
| 1366 | + transform: translateY(0); | |
| 1367 | + top: initial; | |
| 1368 | + margin-top: initial; | |
| 1369 | + display: flex; | |
| 1370 | + justify-content: center; | |
| 1371 | + align-items: center; | |
| 1372 | + width: 100%; | |
| 1373 | + justify-content: flex-end; | |
| 1374 | +} | |
| 1375 | + | |
| 1376 | +.wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right .leaflet-control-custom { | |
| 1377 | + margin: 10px; | |
| 1378 | +} | |
| 1379 | + | |
| 1380 | +.wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right .leaflet-control-custom a { | |
| 1381 | + margin: 0; | |
| 1233 | 1382 | } |
| 1234 | 1383 | |
| 1235 | 1384 | @media not all and (min-resolution: 0.001dpcm) { |
| 1236 | 1385 | @supports (-webkit-appearance: none) and (stroke-color: transparent) { |
