1 .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
2 -webkit-transition: -webkit-transform
0.3s ease-out
, opacity
0.3s ease-in
;
3 -moz-transition: -moz-transform
0.3s ease-out
, opacity
0.3s ease-in
;
4 -o-transition: -o-transform
0.3s ease-out
, opacity
0.3s ease-in
;
5 transition: transform
0.3s ease-out
, opacity
0.3s ease-in
;
8 .leaflet-cluster-spider-leg {
9 /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
10 -webkit-transition: -webkit-stroke-dashoffset
0.3s ease-out
, -webkit-stroke-opacity
0.3s ease-in
;
11 -moz-transition: -moz-stroke-dashoffset
0.3s ease-out
, -moz-stroke-opacity
0.3s ease-in
;
12 -o-transition: -o-stroke-dashoffset
0.3s ease-out
, -o-stroke-opacity
0.3s ease-in
;
13 transition: stroke-dashoffset
0.3s ease-out
, stroke-opacity
0.3s ease-in
;
16 .marker-cluster-small {
17 background-color: rgba
(181, 226, 140, 0.6);
19 .marker-cluster-small div {
20 background-color: rgba
(110, 204, 57, 0.6);
23 .marker-cluster-medium {
24 background-color: rgba
(241, 211, 87, 0.6);
26 .marker-cluster-medium div {
27 background-color: rgba
(240, 194, 12, 0.6);
30 .marker-cluster-large {
31 background-color: rgba
(253, 156, 115, 0.6);
33 .marker-cluster-large div {
34 background-color: rgba
(241, 128, 23, 0.6);
37 /* IE 6-8 fallback colors */
38 .leaflet-oldie .marker-cluster-small {
39 background-color: rgb
(181, 226, 140);
41 .leaflet-oldie .marker-cluster-small div {
42 background-color: rgb
(110, 204, 57);
45 .leaflet-oldie .marker-cluster-medium {
46 background-color: rgb
(241, 211, 87);
48 .leaflet-oldie .marker-cluster-medium div {
49 background-color: rgb
(240, 194, 12);
52 .leaflet-oldie .marker-cluster-large {
53 background-color: rgb
(253, 156, 115);
55 .leaflet-oldie .marker-cluster-large div {
56 background-color: rgb
(241, 128, 23);
60 background-clip: padding-box
;
71 font: 12px "Helvetica Neue", Arial
, Helvetica
, sans-serif
;
73 .marker-cluster span {