Current File : //home/infra/dashboard/front/map/css/leaflet-beautify-marker-icon.css
/*
Leaflet.BeautifyIcon, a plugin that adds colorful iconic markers for Leaflet by giving full control of style to end user, It has also ability to adjust font awesome
and glyphicon icons
(c) 2016-2017, Muhammad Arslan Sajid
http://leafletjs.com
*/
.beautify-marker {
text-align: center;
font-weight: 700;
font-family: monospace;
position:absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.beautify-marker.circle {
border-radius: 100%;
}
.beautify-marker.circle-dot, .beautify-marker.doughnut {
border-radius: 100%;
}
.beautify-marker.marker {
border-top-left-radius: 50%;
border-top-right-radius: 50% 100%;
border-bottom-left-radius: 100% 50%;
border-bottom-right-radius: 0%;
/* rotating 45deg clockwise to get the corner bottom center */
transform: rotate(45deg);
}
.beautify-marker.marker > * {
/* rotating 45deg counterclock to adjust marker content back to normal */
transform: rotate(-45deg);
}
Mini Shell