Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/*
2 
 * Mapplic - Custom Interactive Map Plugin by @sekler
3 
 * Version 3.1
4 
 * http://www.mapplic.com
5 
 */
6 
 
7 
.mapplic-element a {
8 
	color: #333;
9 
	text-decoration: none !important;
10 
}
11 
 
12 
.mapplic-element input,
13 
.mapplic-element button {
14 
	outline: none;
15 
}
16 
 
17 
.mapplic-element * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
18 
 
19 
.mapplic-element {
20 
	background-color: #fff;
21 
	font-size: 0;
22 
	overflow: hidden;
23 
}
24 
 
25 
/* Fullscreen */
26 
:-webkit-full-screen {
27 
	width: 100%;
28 
	height: 100% !important;
29 
}
30 
 
31 
:-webkit-full-screen .mapplic-fullscreen-button {
32 
	background-image: url(images/fullscreen-exit.png);
33 
}
34 
 
35 
/* Preloader */
36 
.mapplic-element.mapplic-loading {
37 
	background: #f4f4f4 url(images/loader.gif) no-repeat center;
38 
}
39 
 
40 
.mapplic-element.mapplic-error {
41 
	background: #f4f4f4 url(images/error-icon.png) no-repeat center;
42 
}
43 
 
44 
.mapplic-element > * {
45 
	opacity: 1;
46 
	-webkit-transition: opacity 0.6s;
47 
	-moz-transition: opacity 0.6s;
48 
	transition: opacity 0.6s;
49 
}
50 
 
51 
.mapplic-element.mapplic-loading > * {
52 
	opacity: 0;
53 
}
54 
 
55 
/* Main elements */
56 
.mapplic-container {
57 
	background-color: #f8f8f8;
58 
	display: inline-block;
59 
	overflow: hidden;
60 
	position: relative;
61 
	width: 70%;
62 
	height: 100%;
63 
}
64 
 
65 
:-webkit-full-screen .mapplic-container {
66 
	width: 80%;
67 
}
68 
 
69 
.mapplic-map {
70 
	position: absolute;
71 
	left: 0;
72 
	top: 0;
73 
	overflow: visible !important;
74 
}
75 
 
76 
/* Map layer */
77 
.mapplic-layer {
78 
	top: 0;
79 
	left: 0;
80 
	width: 100%;
81 
	height: 100%;
82 
	position: absolute;
83 
}
84 
 
85 
.mapplic-layer img {
86 
	width: 100%;
87 
}
88 
 
89 
.mapplic-map .mapplic-map-image {
90 
	position: absolute;
91 
	top: 0;
92 
	left: 0;
93 
	width: 100%;
94 
	height: 100%;
95 
	-webkit-touch-callout: none;
96 
	-webkit-user-select: none;
97 
	-khtml-user-select: none;
98 
	-moz-user-select: none;
99 
	-ms-user-select: none;
100 
	user-select: none;
101 
}
102 
 
103 
.mapplic-map.mapplic-zoomable .mapplic-map-image {
104 
	cursor: url(images/openhand.cur), default;
105 
}
106 
 
107 
.mapplic-map.mapplic-zoomable.mapplic-dragging .mapplic-map-image {
108 
	cursor: url(images/closedhand.cur), move;
109 
}
110 
 
111 
.mapplic-locations {
112 
	position: absolute;
113 
	top: 0;
114 
	left: 0;
115 
	width: 100%;
116 
	height: 100%;
117 
}
118 
 
119 
.mapplic-pin {
120 
	background-image: url(images/pin.png);
121 
	background-size: 18px 24px;
122 
	background-repeat: no-repeat;
123 
	background-position: center;
124 
	width: 18px;
125 
	height: 24px;
126 
	margin-top: -23px;
127 
	margin-left: -9px;
128 
	position: absolute;
129 
}
130 
 
131 
.mapplic-pin.iconpin {
132 
	background-image: url(images/pin-large.png);
133 
	background-size: 30px 42px;
134 
	color: #fff;
135 
	font-size: 14px;
136 
	font-weight: normal;
137 
	line-height: 36px;
138 
	text-align: center;
139 
	width: 30px;
140 
	height: 42px;
141 
	margin-top: -42px;
142 
	margin-left: -15px;
143 
}
144 
 
145 
.mapplic-pin.orange { background-image: url(images/pin-orange.png); }
146 
.mapplic-pin.yellow { background-image: url(images/pin-yellow.png); }
147 
.mapplic-pin.green { background-image: url(images/pin-green.png); }
148 
.mapplic-pin.blue { background-image: url(images/pin-blue.png); }
149 
.mapplic-pin.purple { background-image: url(images/pin-purple.png); }
150 
.mapplic-pin.white { background-image: url(images/pin-white.png); }
151 
 
152 
.mapplic-pin.iconpin.orange { background-image: url(images/pin-orange-large.png); }
153 
.mapplic-pin.iconpin.yellow { background-image: url(images/pin-yellow-large.png); }
154 
.mapplic-pin.iconpin.green { background-image: url(images/pin-green-large.png); }
155 
.mapplic-pin.iconpin.blue { background-image: url(images/pin-blue-large.png); }
156 
.mapplic-pin.iconpin.purple { background-image: url(images/pin-purple-large.png); }
157 
.mapplic-pin.iconpin.white { background-image: url(images/pin-purple-white.png); }
158 
 
159 
.mapplic-pin.circular {
160 
	background-image: none;
161 
	background-color: #fb7575;
162 
	border-radius: 6px;
163 
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
164 
	width: 12px;
165 
	height: 12px;
166 
	margin-left: -6px;
167 
	margin-top: -6px;
168 
}
169 
 
170 
.mapplic-pin.transparent {
171 
	background-image: none;
172 
	background-color: #fb7575;
173 
	border-radius: 10px;
174 
	width: 20px;
175 
	height: 20px;
176 
	margin-left: -10px;
177 
	margin-top: -10px;
178 
	opacity: 0.5 !important;
179 
}
180 
 
181 
.mapplic-pin.mapplic-animate {
182 
	-webkit-animation: bounce-in 0.4s forwards;
183 
	animation: bounce-in 0.4s forwards;
184 
}
185 
 
186 
@-webkit-keyframes bounce-in {
187 
	0%   {margin-top: -120px; opacity: 0;}
188 
	33%  {margin-top: -25px; opacity: 1;}
189 
	66%  {margin-top: -30px;}
190 
	100% {margin-top: -23px; opacity: 1;}
191 
}
192 
 
193 
/* Minimap */
194 
.mapplic-minimap {
195 
	border: 1px solid rgba(0, 0, 0, 0.2);
196 
	border-radius: 2px;
197 
	position: absolute;
198 
	width: 140px;
199 
	margin: 10px;
200 
	bottom: 0;
201 
	right: 0;
202 
	opacity: 0.5;
203 
	overflow: hidden;
204 
	-webkit-transition: opacity 0.6s;
205 
	-moz-transition: opacity 0.6s;
206 
	transition: opacity 0.6s;
207 
	-webkit-touch-callout: none;
208 
	-webkit-user-select: none;
209 
	-khtml-user-select: none;
210 
	-moz-user-select: none;
211 
	-ms-user-select: none;
212 
	user-select: none;
213 
}
214 
 
215 
.mapplic-minimap img {
216 
	width: 100%;
217 
}
218 
 
219 
.mapplic-minimap-overlay {
220 
	background-color: rgba(0, 0, 0, 0.4);
221 
	position: absolute;
222 
	width: 100%;
223 
	height: 100%;
224 
	top: 0;
225 
	left: 0;
226 
}
227 
 
228 
.mapplic-minimap .mapplic-minimap-active {
229 
	position: absolute;
230 
	opacity: 1;
231 
	top: 0;
232 
	left: 0;
233 
	-webkit-transition: clip 0.1s;
234 
	-moz-transition: clip 0.1s;
235 
	transition: clip 0.1s;
236 
}
237 
 
238 
.mapplic-minimap-background {
239 
	-webkit-filter: blur(2px);
240 
}
241 
 
242 
/* Clear Button */
243 
.mapplic-clear-button {
244 
	background-color: #fff;
245 
	background-image: url(images/reset.png);
246 
	background-size: 16px 16px;
247 
	background-repeat: no-repeat;
248 
	background-position: center;
249 
	border: 1px solid #eee;
250 
	border-bottom: 1px solid #ddd;
251 
	border-radius: 3px;
252 
	margin: 10px;
253 
	width: 28px;
254 
	height: 28px;
255 
	position: absolute;
256 
	bottom: 0;
257 
	left: 0;
258 
}
259 
 
260 
.mapplic-clear-button:active {
261 
	background-color: #eee;
262 
}
263 
 
264 
/* Zoom Buttons */
265 
.mapplic-zoom-buttons {
266 
	margin: 10px;
267 
	position: absolute;
268 
	left: 0;
269 
	bottom: 40px;
270 
}
271 
 
272 
.mapplic-zoom-buttons a {
273 
	background-color: #fff;
274 
	background-repeat: no-repeat;
275 
	background-position: center;
276 
	border: 1px solid #eee;
277 
	border-bottom: 1px solid #ddd;
278 
	color: #fff !important;
279 
	display: block;
280 
	font-size: 14px;
281 
	font-weight: bold;
282 
	cursor: pointer;
283 
	text-align: center;
284 
	line-height: 24px;
285 
	width: 28px;
286 
	height: 28px;
287 
}
288 
 
289 
.mapplic-zoom-buttons a:active {
290 
	background-color: #f4f4f4;
291 
}
292 
 
293 
.mapplic-zoom-buttons a.mapplic-disabled {
294 
	background-color: #eee;
295 
	cursor: default;
296 
}
297 
 
298 
a.mapplic-zoomin-button {
299 
	background-image: url(images/plus.png);
300 
	background-size: 10px 10px;
301 
	border-radius: 3px 3px 0 0;
302 
}
303 
 
304 
a.mapplic-zoomout-button {
305 
	background-image: url(images/minus.png);
306 
	background-size: 10px 10px;
307 
	border-radius: 0 0 3px 3px;
308 
	border-top: none;
309 
}
310 
 
311 
/* Fullscreen Button */
312 
.mapplic-fullscreen-button {
313 
	background-color: #fff;
314 
	background-image: url(images/fullscreen.png);
315 
	background-repeat: no-repeat;
316 
	background-position: center;
317 
	border: 1px solid #eee;
318 
	border-bottom: 1px solid #ddd;
319 
	border-radius: 2px;
320 
	margin: 10px;
321 
	width: 28px;
322 
	height: 28px;
323 
	position: absolute;
324 
	top: 0;
325 
	left: 0;
326 
}
327 
 
328 
/* Levels */
329 
.mapplic-levels {
330 
	position: absolute;
331 
	top: 0;
332 
	right: 0;
333 
	margin: 10px;
334 
	overflow: hidden;
335 
}
336 
 
337 
.mapplic-levels > * {
338 
	border: 1px solid #eee;
339 
	display: block;
340 
	width: 100%;
341 
	-webkit-box-sizing: border-box;
342 
	-moz-box-sizing: border-box;
343 
	box-sizing: border-box;
344 
}
345 
 
346 
.mapplic-levels-select {
347 
	background-color: #fff;
348 
	border-top: none;
349 
	color: #666;
350 
	margin: 0;
351 
	padding: 6px 2px;
352 
	font-size: 14px;
353 
	outline: none;
354 
}
355 
 
356 
.mapplic-levels a {
357 
	background-color: #fff;
358 
	background-repeat: no-repeat;
359 
	background-position: center;
360 
	cursor: pointer;
361 
	height: 24px;
362 
	width: 100%;
363 
}
364 
 
365 
.mapplic-levels a:active {
366 
	background-color: #f8f8f8;
367 
}
368 
 
369 
.mapplic-levels .mapplic-levels-up {
370 
	background-image: url(images/arrow-up.png);
371 
	background-size: 8px 4px;
372 
	border-radius: 3px 3px 0 0;
373 
}
374 
 
375 
.mapplic-levels .mapplic-levels-down {
376 
	background-image: url(images/arrow-down.png);
377 
	background-size: 8px 4px;
378 
	border-top: none;
379 
	border-radius: 0 0 3px 3px;
380 
}
381 
 
382 
.mapplic-levels a.mapplic-disabled {
383 
	background-color: #eee;
384 
	cursor: default;
385 
}
386 
 
387 
/* Sidebar */
388 
.mapplic-sidebar {
389 
	background-color: #f8f8f8;
390 
	width: 30%;
391 
	height: 100%;
392 
	float: left;
393 
	position: relative;
394 
}
395 
 
396 
:-webkit-full-screen .mapplic-sidebar {
397 
	width: 20%;
398 
}
399 
 
400 
/* Search */
401 
.mapplic-search-form {
402 
	background-color: #f8f8f8;
403 
	border-bottom: 1px solid #eee;
404 
	border-right: 1px solid #f4f4f4;
405 
	padding: 14px 12px;
406 
	margin: 0;
407 
	width: 100%;
408 
	position: absolute;
409 
	-webkit-box-sizing: border-box;
410 
	-moz-box-sizing: border-box;
411 
	box-sizing: border-box;
412 
}
413 
 
414 
.mapplic-search-input {
415 
	background-image: url(images/viewer.png);
416 
	background-size: 17px 16px;
417 
	background-repeat: no-repeat;
418 
	background-position: 8px;
419 
	border: 2px solid #eee;
420 
	border-radius: 2px;
421 
	font-size: 14px;
422 
	font-family: inherit;
423 
	line-height: 20px;
424 
	height: 38px;
425 
	margin: 0;
426 
	padding: 8px 32px;
427 
	width: 100%;
428 
	-webkit-box-sizing: border-box;
429 
	-moz-box-sizing: border-box;
430 
	box-sizing: border-box;
431 
 
432 
	-webkit-transition: border-color 0.1s;
433 
	-moz-transition: border-color 0.1s;
434 
	transition: border-color 0.1s;
435 
}
436 
 
437 
.mapplic-search-input:focus {
438 
	border-color: #6ed8dd;
439 
}
440 
 
441 
.mapplic-search-clear {
442 
	background-image: url(images/cross.png);
443 
	background-size: 8px 8px;
444 
	background-repeat: no-repeat;
445 
	background-color: transparent;
446 
	background-position: center;
447 
	border: none;
448 
	cursor: pointer;
449 
	display: none;
450 
	position: absolute;
451 
	top: 14px;
452 
	right: 14px;
453 
	margin: 2px 0;
454 
	width: 34px;
455 
	height: 34px;
456 
}
457 
 
458 
.mapplic-not-found {
459 
	color: #bbb;
460 
	display: none;
461 
	font-size: 13px;
462 
	padding: 0 30px;
463 
	position: absolute;
464 
	text-align: center;
465 
	top: 100px;
466 
}
467 
 
468 
/* List */
469 
.mapplic-list-container {
470 
	padding-top: 67px;
471 
	height: 100%;
472 
	overflow-y: auto;
473 
	-webkit-box-sizing: border-box;
474 
	-moz-box-sizing: border-box;
475 
	box-sizing: border-box;
476 
}
477 
 
478 
.mapplic-list {
479 
	list-style: none;
480 
	padding: 0;
481 
	margin: 0;
482 
	overflow-y: auto;
483 
	height: 100%;
484 
}
485 
 
486 
.mapplic-list-container ol {
487 
	border-color: #eee;
488 
	list-style: none;
489 
	padding: 0;
490 
	margin: 0;
491 
}
492 
 
493 
.mapplic-list-container li {
494 
	border-color: inherit;
495 
}
496 
 
497 
.mapplic-list-category > a {
498 
	background-color: #888;
499 
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
500 
	color: #fff;
501 
	display: block;
502 
	font-size: 14px;
503 
	line-height: 26px;
504 
	padding: 10px 12px;
505 
	white-space: nowrap;
506 
	overflow: hidden;
507 
	text-overflow: ellipsis;
508 
	box-sizing: border-box;
509 
}
510 
 
511 
.mapplic-list-category ol {
512 
	border-bottom: 2px solid #eee !important;
513 
}
514 
 
515 
.mapplic-list-thumbnail {
516 
	border-radius: 2px;
517 
	float: left;
518 
	margin-right: 10px;
519 
}
520 
 
521 
.mapplic-list-category > a .mapplic-list-count {
522 
	background-color: rgba(0, 0, 0, 0.1);
523 
	border-radius: 2px;
524 
	float: right;
525 
	font-size: 12px;
526 
	font-weight: bold;
527 
	line-height: 20px;
528 
	padding: 0 6px;
529 
	margin-left: 10px;
530 
	text-align: center;
531 
	margin-top: 4px;
532 
	-webkit-transition: border-radius 0.2s;
533 
	-moz-transition: border-radius 0.2s;
534 
	transition: border-radius 0.2s;
535 
 
536 
}
537 
 
538 
.mapplic-list-location {
539 
	border-bottom: 1px solid #eee;
540 
	margin: 0;
541 
}
542 
 
543 
.mapplic-list-location > a {
544 
	background-color: #fff;
545 
	border-left: 1px solid transparent;
546 
	display: block;
547 
	font-size: 14px;
548 
	padding: 10px;
549 
	min-height: 50px;
550 
	-webkit-transition: border 0.2s;
551 
	-moz-transition: border 0.2s;
552 
	transition: border 0.2s;
553 
}
554 
 
555 
.mapplic-list-location > a:hover {
556 
	background-color: #f4fcfc;
557 
	border-left: 2px solid;
558 
	border-color: inherit;
559 
}
560 
 
561 
.mapplic-list-location h4 {
562 
	color: #444;
563 
	font-size: 16px;
564 
	font-weight: normal;
565 
	margin: 4px 0 8px 0;
566 
	text-align: left;
567 
}
568 
 
569 
.mapplic-list-location span { /* 42 -20 13 30*/
570 
	color: #bbb;
571 
	font-size: 13px;
572 
	font-weight: normal;
573 
}
574 
 
575 
/* Tooltip */
576 
.mapplic-tooltip {
577 
	background-color: #fff;
578 
	border-radius: 2px;
579 
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
580 
	display: none;
581 
	max-width: 260px;
582 
	min-width: 120px;
583 
	margin-top: -76px;
584 
	padding: 16px;
585 
	position: absolute;
586 
	-webkit-transition: margin 0.1s;
587 
	-moz-transition: margin 0.1s;
588 
	transition: margin 0.1s;
589 
}
590 
 
591 
.mapplic-tooltip-title {
592 
	color: #333;
593 
	font-size: 20px;
594 
	font-weight: normal;
595 
	margin: 0 30px 12px 0;
596 
}
597 
 
598 
.mapplic-hovertip {
599 
	min-width: 30px;
600 
	padding: 6px 14px;
601 
	pointer-events: none;
602 
}
603 
 
604 
.mapplic-hovertip .mapplic-tooltip-title {
605 
	margin: 0;
606 
	font-size: 16px;
607 
	line-height: 24px;
608 
	text-align: center;
609 
}
610 
 
611 
 
612 
.mapplic-bottom .mapplic-tooltip-triangle {
613 
	border-color: transparent transparent #fff transparent;
614 
	border-width: 0 7px 8px 7px;
615 
	top: 0;
616 
	margin-top: -8px;
617 
}
618 
 
619 
.mapplic-tooltip-content {
620 
	max-height: 160px;
621 
	overflow-y: auto;
622 
}
623 
 
624 
.mapplic-tooltip-content p {
625 
	margin-top: 0;
626 
}
627 
 
628 
.mapplic-tooltip-image {
629 
	width: 46%;
630 
	height: 100%;
631 
	/*margin: 5px 20px 5px 0;*/
632 
	margin: -16px 16px -16px -16px;
633 
	float: left;
634 
}
635 
 
636 
.mapplic-tooltip-description,
637 
.mapplic-tooltip p {
638 
	color: #aaa;
639 
	font-size: 13px;
640 
	line-height: 20px;
641 
}
642 
 
643 
.mapplic-tooltip-link {
644 
	background-color: #6CB5F4;
645 
	border-radius: 2px;
646 
	color: #fff !important;
647 
	float: right;
648 
	font-size: 14px;
649 
	line-height: 32px;
650 
	padding: 0 12px;
651 
	margin-top: 10px;
652 
	-webkit-transition: background-color 0.2s;
653 
	-moz-transition: background-color 0.2s;
654 
	transition: background-color 0.2s;
655 
}
656 
 
657 
.mapplic-tooltip-link:hover {
658 
	background-color: #888;
659 
}
660 
 
661 
.mapplic-tooltip img {
662 
	max-width: 100%;
663 
}
664 
 
665 
.mapplic-tooltip-close {
666 
	background-image: url(images/cross.png);
667 
	background-position: center;
668 
	background-repeat: no-repeat;
669 
	background-size: 8px 8px;
670 
	background-color: transparent;
671 
	border: none;
672 
	cursor: pointer;
673 
	float: right;
674 
	margin: -10px -14px 0 0;
675 
	padding: 10px 12px;
676 
	width: 10px;
677 
	height: 10px;
678 
	opacity: 0.5;
679 
	-webkit-transition: opacity 0.2s;
680 
	-moz-transition: opacity 0.2s;
681 
	transition: opacity 0.2s;
682 
}
683 
 
684 
.mapplic-tooltip-close:hover {
685 
	opacity: 1.0;
686 
}
687 
 
688 
.mapplic-tooltip-triangle {
689 
	border-color: #fff transparent transparent transparent;
690 
	border-style: solid;
691 
	border-width: 8px 7px 0 7px;
692 
	width: 0;
693 
	height: 0;
694 
	position: absolute;
695 
	bottom: 0;
696 
	left: 50%;
697 
	margin-bottom: -8px;
698 
	margin-left: -7px;
699 
	-webkit-transition: left 0.1s;
700 
	-moz-transition: left 0.1s;
701 
	transition: left 0.1s;
702 
}
703 
 
704 
/* Tooltip down */
705 
.mapplic-tooltip-down .mapplic-tooltip-triangle {
706 
	border-width: 0 7px 8px 7px;
707 
	border-color: transparent transparent #fff transparent;
708 
	top: 0;
709 
	margin-top: -8px;
710 
}
711 
 
712 
/* Coordinates */
713 
.mapplic-coordinates {
714 
	background-color: rgba(255, 255, 255, 0.9);
715 
	color: #333;
716 
	position: absolute;
717 
	margin: 10px;
718 
	margin-left: -80px;
719 
	padding: 4px 6px;
720 
	font-size: 14px;
721 
	top: 0;
722 
	left: 50%;
723 
	pointer-events: none;
724 
}
725 
 
726 
/* Responsive layout */
727 
@media all and (max-width: 667px) {
728 
	.mapplic-container,
729 
	.mapplic-sidebar {
730 
		width: 100%;
731 
	}
732 
 
733 
	.mapplic-tooltip {
734 
		max-width: 240px;
735 
	}
736 
 
737 
	.mapplic-minimap {
738 
		width: 120px;
739 
	}
740 
 
741 
	.mapplic-element {
742 
		height: auto !important;
743 
	}
744 
 
745 
	.mapplic-fullscreen-button {
746 
		display: none;
747 
	}
748 
 
749 
	.mapplic-search-form {
750 
		border-right: none;
751 
	}
752 
}
753 
 
754 
/* RETINA */
755 
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
756 
	.mapplic-search-clear,
757 
	.mapplic-tooltip-close {
758 
		background-image: url(images/cross@2x.png);
759 
	}
760 
 
761 
	.mapplic-levels .mapplic-levels-up {
762 
		background-image: url(images/arrow-up@2x.png);
763 
	}
764 
 
765 
	.mapplic-levels .mapplic-levels-down {
766 
		background-image: url(images/arrow-down@2x.png);
767 
	}
768 
 
769 
	a.mapplic-zoomin-button {
770 
		background-image: url(images/plus@2x.png);
771 
	}
772 
 
773 
	a.mapplic-zoomout-button {
774 
		background-image: url(images/minus@2x.png);
775 
	}
776 
 
777 
	.mapplic-search-input {
778 
		background-image: url(images/viewer@2x.png);
779 
	}
780 
 
781 
	.mapplic-pin { background-image: url(images/pin@2x.png); }
782 
	.mapplic-pin.orange { background-image: url(images/pin-orange@2x.png); }
783 
	.mapplic-pin.yellow { background-image: url(images/pin-yellow@2x.png); }
784 
	.mapplic-pin.green { background-image: url(images/pin-green@2x.png); }
785 
	.mapplic-pin.blue { background-image: url(images/pin-blue@2x.png); }
786 
	.mapplic-pin.purple { background-image: url(images/pin-purple@2x.png); }
787 
	.mapplic-pin.white { background-image: url(images/pin-white@2x.png); }
788 
 
789 
	.mapplic-pin.iconpin { background-image: url(images/pin-large@2x.png); }
790 
	.mapplic-pin.iconpin.orange { background-image: url(images/pin-orange-large@2x.png); }
791 
	.mapplic-pin.iconpin.yellow { background-image: url(images/pin-yellow-large@2x.png); }
792 
	.mapplic-pin.iconpin.green { background-image: url(images/pin-green-large@2x.png); }
793 
	.mapplic-pin.iconpin.blue { background-image: url(images/pin-blue-large@2x.png); }
794 
	.mapplic-pin.iconpin.purple { background-image: url(images/pin-purple-large@2x.png); }
795 
	.mapplic-pin.iconpin.white { background-image: url(images/pin-white-large@2x.png); }
796 
 
797 
	.mapplic-clear-button {
798 
		background-image: url(images/reset@2x.png);
799 
	}
800 
}
801 
 
802 
/* Map */
803 
.mapplic-element svg {
804 
	width: 100%;
805 
	height: 100%;
806 
}
807 
 
808 
.mapplic-element svg a {
809 
	cursor: pointer;
810 
}
811 
 
812 
.mapplic-active,
813 
a.mapplic-active > path,
814 
g.mapplic-active > * {
815 
	fill: #343F4B;
816 
	opacity: 1.0;
817 
}
818 
 
819 
.mapplic-clickable:not(g),
820 
g.mapplic-clickable > * {
821 
	cursor: pointer;
822 
	opacity: 0.4;
823 
	-webkit-transition: opacity 0.2s;
824 
	-moz-transition: opacity 0.2s;
825 
	transition: opacity 0.2s;
826 
}
827 
 
828 
.mapplic-clickable:not(g):hover,
829 
g.mapplic-clickable:hover > * {
830 
	opacity: 0.8;
831 
}
832 
 
833 
.mapplic-map-image *[id^=nopointer] {
834 
	pointer-events: none;
835 
}
836 
 
837 
[id^=landmarks] .mapplic-clickable {
838 
	cursor: pointer;
839 
}
840 
 
841 
/* Default color - Disable this if you want to use the colors from your SVG file! */
842 
/*
843 
.mapplic-clickable,
844 
g.mapplic-clickable > * {
845 
	fill: #4d5e6d;
846 
}
847 
*/