Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
376 righe
7.3 KiB
376 righe
7.3 KiB
2 anni fa
|
/*!
|
||
|
* leaflet-extra-markers
|
||
|
* Custom Markers for Leaflet JS based on Awesome Markers
|
||
|
* Leaflet ExtraMarkers
|
||
|
* https: //github.com/coryasilva/Leaflet.ExtraMarkers/
|
||
|
* @author coryasilva <https: //github.com/coryasilva>
|
||
|
* @version 1.0.9 */
|
||
|
.extra-marker {
|
||
|
background: url("../img/markers_default.png") no-repeat 0 0;
|
||
|
width: 35px;
|
||
|
height: 46px;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
display: block;
|
||
|
text-align: center
|
||
|
}
|
||
|
|
||
|
.extra-marker-shadow {
|
||
|
background: url("../img/markers_shadow.png") no-repeat 0 0;
|
||
|
width: 36px;
|
||
|
height: 16px
|
||
|
}
|
||
|
|
||
|
@media (min--moz-device-pixel-ratio:1.5),
|
||
|
(-webkit-min-device-pixel-ratio:1.5),
|
||
|
(min-device-pixel-ratio:1.5),
|
||
|
(min-resolution:1.5dppx) {
|
||
|
.extra-marker {
|
||
|
background-image: url("../img/markers_default@2x.png");
|
||
|
background-size: 540px 184px
|
||
|
}
|
||
|
.extra-marker-shadow {
|
||
|
background-image: url("../img/markers_shadow@2x.png");
|
||
|
background-size: 35px 16px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.extra-marker svg,
|
||
|
.extra-marker i {
|
||
|
color: #fff;
|
||
|
margin-top: 7px;
|
||
|
display: inline-block;
|
||
|
font-size: 14px
|
||
|
}
|
||
|
|
||
|
.extra-marker i {
|
||
|
margin-top: 7px
|
||
|
}
|
||
|
|
||
|
.extra-marker svg {
|
||
|
margin-top: 10px;
|
||
|
background: none
|
||
|
}
|
||
|
|
||
|
.extra-marker i.fa,
|
||
|
.extra-marker svg.fa,
|
||
|
.extra-marker i.fab,
|
||
|
.extra-marker svg.fab,
|
||
|
.extra-marker i.fas,
|
||
|
.extra-marker svg.fas,
|
||
|
.extra-marker i.far,
|
||
|
.extra-marker svg.far,
|
||
|
.extra-marker i.fal,
|
||
|
.extra-marker svg.fal {
|
||
|
margin-top: 10px
|
||
|
}
|
||
|
|
||
|
.extra-marker i.fa.fa-2x,
|
||
|
.extra-marker svg.fa.fa-2x,
|
||
|
.extra-marker i.fab.fa-2x,
|
||
|
.extra-marker svg.fab.fa-2x,
|
||
|
.extra-marker i.fas.fa-2x,
|
||
|
.extra-marker svg.fas.fa-2x,
|
||
|
.extra-marker i.far.fa-2x,
|
||
|
.extra-marker svg.far.fa-2x,
|
||
|
.extra-marker i.fal.fa-2x,
|
||
|
.extra-marker svg.fal.fa-2x {
|
||
|
font-size: 16px;
|
||
|
margin-top: 9px
|
||
|
}
|
||
|
|
||
|
.extra-marker i.fa.fa-3x,
|
||
|
.extra-marker svg.fa.fa-3x,
|
||
|
.extra-marker i.fab.fa-3x,
|
||
|
.extra-marker svg.fab.fa-3x,
|
||
|
.extra-marker i.fas.fa-3x,
|
||
|
.extra-marker svg.fas.fa-3x,
|
||
|
.extra-marker i.far.fa-3x,
|
||
|
.extra-marker svg.far.fa-3x,
|
||
|
.extra-marker i.fal.fa-3x,
|
||
|
.extra-marker svg.fal.fa-3x {
|
||
|
font-size: 18px;
|
||
|
margin-top: 9px
|
||
|
}
|
||
|
|
||
|
.extra-marker i.fa.fa-4x,
|
||
|
.extra-marker svg.fa.fa-4x,
|
||
|
.extra-marker i.fab.fa-4x,
|
||
|
.extra-marker svg.fab.fa-4x,
|
||
|
.extra-marker i.fas.fa-4x,
|
||
|
.extra-marker svg.fas.fa-4x,
|
||
|
.extra-marker i.far.fa-4x,
|
||
|
.extra-marker svg.far.fa-4x,
|
||
|
.extra-marker i.fal.fa-4x,
|
||
|
.extra-marker svg.fal.fa-4x {
|
||
|
font-size: 20px;
|
||
|
margin-top: 8px
|
||
|
}
|
||
|
|
||
|
.extra-marker i.fa.fa-5x,
|
||
|
.extra-marker svg.fa.fa-5x,
|
||
|
.extra-marker i.fab.fa-5x,
|
||
|
.extra-marker svg.fab.fa-5x,
|
||
|
.extra-marker i.fas.fa-5x,
|
||
|
.extra-marker svg.fas.fa-5x,
|
||
|
.extra-marker i.far.fa-5x,
|
||
|
.extra-marker svg.far.fa-5x,
|
||
|
.extra-marker i.fal.fa-5x,
|
||
|
.extra-marker svg.fal.fa-5x {
|
||
|
font-size: 24px;
|
||
|
margin-top: 6px
|
||
|
}
|
||
|
|
||
|
.extra-marker .fa-number:before {
|
||
|
content: attr(number)
|
||
|
}
|
||
|
|
||
|
.extra-marker i.glyphicon {
|
||
|
margin-top: 10px
|
||
|
}
|
||
|
|
||
|
.extra-marker i.icon {
|
||
|
margin-right: 0;
|
||
|
opacity: 1
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-red {
|
||
|
background-position: 0 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-orange-dark {
|
||
|
background-position: -36px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-orange {
|
||
|
background-position: -72px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-yellow {
|
||
|
background-position: -108px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-blue-dark {
|
||
|
background-position: -144px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-blue {
|
||
|
background-position: -180px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-cyan {
|
||
|
background-position: -216px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-purple {
|
||
|
background-position: -252px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-violet {
|
||
|
background-position: -288px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-pink {
|
||
|
background-position: -324px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-green-dark {
|
||
|
background-position: -360px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-green {
|
||
|
background-position: -396px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-green-light {
|
||
|
background-position: -432px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-black {
|
||
|
background-position: -468px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-circle-white {
|
||
|
background-position: -504px 0
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-red {
|
||
|
background-position: 0 -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-orange-dark {
|
||
|
background-position: -36px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-orange {
|
||
|
background-position: -72px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-yellow {
|
||
|
background-position: -108px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-blue-dark {
|
||
|
background-position: -144px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-blue {
|
||
|
background-position: -180px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-cyan {
|
||
|
background-position: -216px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-purple {
|
||
|
background-position: -252px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-violet {
|
||
|
background-position: -288px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-pink {
|
||
|
background-position: -324px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-green-dark {
|
||
|
background-position: -360px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-green {
|
||
|
background-position: -396px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-green-light {
|
||
|
background-position: -432px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-black {
|
||
|
background-position: -468px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-square-white {
|
||
|
background-position: -504px -46px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-red {
|
||
|
background-position: 0 -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-orange-dark {
|
||
|
background-position: -36px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-orange {
|
||
|
background-position: -72px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-yellow {
|
||
|
background-position: -108px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-blue-dark {
|
||
|
background-position: -144px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-blue {
|
||
|
background-position: -180px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-cyan {
|
||
|
background-position: -216px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-purple {
|
||
|
background-position: -252px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-violet {
|
||
|
background-position: -288px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-pink {
|
||
|
background-position: -324px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-green-dark {
|
||
|
background-position: -360px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-green {
|
||
|
background-position: -396px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-green-light {
|
||
|
background-position: -432px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-black {
|
||
|
background-position: -468px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-star-white {
|
||
|
background-position: -504px -92px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-red {
|
||
|
background-position: 0 -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-orange-dark {
|
||
|
background-position: -36px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-orange {
|
||
|
background-position: -72px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-yellow {
|
||
|
background-position: -108px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-blue-dark {
|
||
|
background-position: -144px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-blue {
|
||
|
background-position: -180px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-cyan {
|
||
|
background-position: -216px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-purple {
|
||
|
background-position: -252px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-violet {
|
||
|
background-position: -288px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-pink {
|
||
|
background-position: -324px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-green-dark {
|
||
|
background-position: -360px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-green {
|
||
|
background-position: -396px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-green-light {
|
||
|
background-position: -432px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-black {
|
||
|
background-position: -468px -138px
|
||
|
}
|
||
|
|
||
|
.extra-marker-penta-white {
|
||
|
background-position: -504px -138px
|
||
|
}
|