83 lines
1.4 KiB
CSS
83 lines
1.4 KiB
CSS
/* required styles */
|
|
|
|
.leaflet-container {
|
|
overflow: hidden;
|
|
}
|
|
.leaflet-map-pane {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
.leaflet-tile {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
}
|
|
.leaflet-tile-loaded {
|
|
visibility: visible;
|
|
}
|
|
|
|
.leaflet-marker-icon, .leaflet-marker-shadow {
|
|
position: absolute;
|
|
display: block;
|
|
}
|
|
.leaflet-clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* visual appearance */
|
|
|
|
.leaflet-container {
|
|
background: #ddd;
|
|
}
|
|
|
|
|
|
|
|
/* Popup layout */
|
|
|
|
.leaflet-popup {
|
|
position: absolute;
|
|
text-align: center;
|
|
-webkit-transform: translate3d(0,0,0);
|
|
}
|
|
.leaflet-popup-content {
|
|
padding: 0 15px;
|
|
text-align: left;
|
|
}
|
|
.leaflet-popup-tip-container {
|
|
margin: 0 auto;
|
|
width: 40px;
|
|
height: 15px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.leaflet-popup-tip {
|
|
width: 15px;
|
|
height: 15px;
|
|
|
|
-moz-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform-origin: 0 0;
|
|
-webkit-transform-origin: 0 0;
|
|
|
|
margin-top: -12px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
|
|
/* Popup appearance */
|
|
|
|
.leaflet-popup-content, .leaflet-popup-tip {
|
|
background: white;
|
|
border: 1px solid white;
|
|
-moz-box-shadow: 0px 0px 10px #888;
|
|
-webkit-box-shadow: 0px 0px 14px #999;
|
|
}
|
|
.leaflet-popup-content {
|
|
-moz-border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
border-radius: 8px;
|
|
} |