Skip to content

Commit f5dd5ac

Browse files
prushforthprushforth
authored
Fix broken icons
1 parent ecebb90 commit f5dd5ac

File tree

1 file changed

+253
-1
lines changed

1 file changed

+253
-1
lines changed

‎map-styles.html

Lines changed: 253 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -264,4 +264,256 @@
264264
}
265265
.leaflet-bar a:first-child {
266266
border-top-left-radius: 4px;
267-
border-top-right
267+
border-top-right-radius: 4px;
268+
}
269+
.leaflet-bar a:last-child {
270+
border-bottom-left-radius: 4px;
271+
border-bottom-right-radius: 4px;
272+
border-bottom: none;
273+
}
274+
.leaflet-bar a.leaflet-disabled {
275+
cursor: default;
276+
background-color: #f4f4f4;
277+
color: #bbb;
278+
}
279+
280+
.leaflet-touch .leaflet-bar a {
281+
width: 30px;
282+
height: 30px;
283+
line-height: 30px;
284+
}
285+
286+
287+
/* zoom control */
288+
289+
.leaflet-control-zoom-in,
290+
.leaflet-control-zoom-out {
291+
font: bold 18px 'Lucida Console', Monaco, monospace;
292+
text-indent: 1px;
293+
}
294+
.leaflet-control-zoom-out {
295+
font-size: 20px;
296+
}
297+
298+
.leaflet-touch .leaflet-control-zoom-in {
299+
font-size: 22px;
300+
}
301+
.leaflet-touch .leaflet-control-zoom-out {
302+
font-size: 24px;
303+
}
304+
305+
306+
/* layers control */
307+
308+
.leaflet-control-layers {
309+
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
310+
background: #fff;
311+
border-radius: 5px;
312+
}
313+
.leaflet-control-layers-toggle {
314+
background-image: url(data:image/png;base64,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);
315+
width: 36px;
316+
height: 36px;
317+
}
318+
.leaflet-retina .leaflet-control-layers-toggle {
319+
background-image: url(data:image/png;base64,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);
320+
background-size: 26px 26px;
321+
}
322+
.leaflet-touch .leaflet-control-layers-toggle {
323+
width: 44px;
324+
height: 44px;
325+
}
326+
.leaflet-control-layers .leaflet-control-layers-list,
327+
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
328+
display: none;
329+
}
330+
.leaflet-control-layers-expanded .leaflet-control-layers-list {
331+
display: block;
332+
position: relative;
333+
}
334+
.leaflet-control-layers-expanded {
335+
padding: 6px 10px 6px 6px;
336+
color: #333;
337+
background: #fff;
338+
}
339+
.leaflet-control-layers-scrollbar {
340+
overflow-y: scroll;
341+
padding-right: 5px;
342+
}
343+
.leaflet-control-layers-selector {
344+
margin-top: 2px;
345+
position: relative;
346+
top: 1px;
347+
}
348+
.leaflet-control-layers label {
349+
display: block;
350+
}
351+
.leaflet-control-layers-separator {
352+
height: 0;
353+
border-top: 1px solid #ddd;
354+
margin: 5px -10px 5px -6px;
355+
}
356+
357+
358+
/* attribution and scale controls */
359+
360+
.leaflet-container .leaflet-control-attribution {
361+
background: #fff;
362+
background: rgba(255, 255, 255, 0.7);
363+
margin: 0;
364+
}
365+
.leaflet-control-attribution,
366+
.leaflet-control-scale-line {
367+
padding: 0 5px;
368+
color: #333;
369+
}
370+
.leaflet-control-attribution a {
371+
text-decoration: none;
372+
}
373+
.leaflet-control-attribution a:hover {
374+
text-decoration: underline;
375+
}
376+
.leaflet-container .leaflet-control-attribution,
377+
.leaflet-container .leaflet-control-scale {
378+
font-size: 11px;
379+
}
380+
.leaflet-left .leaflet-control-scale {
381+
margin-left: 5px;
382+
}
383+
.leaflet-bottom .leaflet-control-scale {
384+
margin-bottom: 5px;
385+
}
386+
.leaflet-control-scale-line {
387+
border: 2px solid #777;
388+
border-top: none;
389+
line-height: 1.1;
390+
padding: 2px 5px 1px;
391+
font-size: 11px;
392+
white-space: nowrap;
393+
overflow: hidden;
394+
-moz-box-sizing: content-box;
395+
box-sizing: content-box;
396+
397+
background: #fff;
398+
background: rgba(255, 255, 255, 0.5);
399+
}
400+
.leaflet-control-scale-line:not(:first-child) {
401+
border-top: 2px solid #777;
402+
border-bottom: none;
403+
margin-top: -2px;
404+
}
405+
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
406+
border-bottom: 2px solid #777;
407+
}
408+
409+
.leaflet-touch .leaflet-control-attribution,
410+
.leaflet-touch .leaflet-control-layers,
411+
.leaflet-touch .leaflet-bar {
412+
box-shadow: none;
413+
}
414+
.leaflet-touch .leaflet-control-layers,
415+
.leaflet-touch .leaflet-bar {
416+
border: 2px solid rgba(0,0,0,0.2);
417+
background-clip: padding-box;
418+
}
419+
420+
421+
/* popup */
422+
423+
.leaflet-popup {
424+
position: absolute;
425+
text-align: center;
426+
}
427+
.leaflet-popup-content-wrapper {
428+
padding: 1px;
429+
text-align: left;
430+
border-radius: 12px;
431+
}
432+
.leaflet-popup-content {
433+
margin: 13px 19px;
434+
line-height: 1.4;
435+
}
436+
.leaflet-popup-content p {
437+
margin: 18px 0;
438+
}
439+
.leaflet-popup-tip-container {
440+
margin: 0 auto;
441+
width: 40px;
442+
height: 20px;
443+
position: relative;
444+
overflow: hidden;
445+
}
446+
.leaflet-popup-tip {
447+
width: 17px;
448+
height: 17px;
449+
padding: 1px;
450+
451+
margin: -10px auto 0;
452+
453+
-webkit-transform: rotate(45deg);
454+
-moz-transform: rotate(45deg);
455+
-ms-transform: rotate(45deg);
456+
-o-transform: rotate(45deg);
457+
transform: rotate(45deg);
458+
}
459+
.leaflet-popup-content-wrapper,
460+
.leaflet-popup-tip {
461+
background: white;
462+
color: #333;
463+
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
464+
}
465+
.leaflet-container a.leaflet-popup-close-button {
466+
position: absolute;
467+
top: 0;
468+
right: 0;
469+
padding: 4px 4px 0 0;
470+
border: none;
471+
text-align: center;
472+
width: 18px;
473+
height: 14px;
474+
font: 16px/14px Tahoma, Verdana, sans-serif;
475+
color: #c3c3c3;
476+
text-decoration: none;
477+
font-weight: bold;
478+
background: transparent;
479+
}
480+
.leaflet-container a.leaflet-popup-close-button:hover {
481+
color: #999;
482+
}
483+
.leaflet-popup-scrolled {
484+
overflow: auto;
485+
border-bottom: 1px solid #ddd;
486+
border-top: 1px solid #ddd;
487+
}
488+
489+
.leaflet-oldie .leaflet-popup-content-wrapper {
490+
zoom: 1;
491+
}
492+
.leaflet-oldie .leaflet-popup-tip {
493+
width: 24px;
494+
margin: 0 auto;
495+
496+
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
497+
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
498+
}
499+
.leaflet-oldie .leaflet-popup-tip-container {
500+
margin-top: -1px;
501+
}
502+
503+
.leaflet-oldie .leaflet-control-zoom,
504+
.leaflet-oldie .leaflet-control-layers,
505+
.leaflet-oldie .leaflet-popup-content-wrapper,
506+
.leaflet-oldie .leaflet-popup-tip {
507+
border: 1px solid #999;
508+
}
509+
510+
511+
/* div icon */
512+
513+
.leaflet-div-icon {
514+
background: #fff;
515+
border: 1px solid #666;
516+
}
517+
</style>
518+
</template>
519+
</dom-module>

0 commit comments

Comments
 (0)