www/plugins/gis/lib/leaflet/plugins/leaflet.markercluster.css

   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;
   6         }
   7
   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;
  14 }
  15
  16 .marker-cluster-small {
  17         background-color: rgba(181, 226, 140, 0.6);
  18         }
  19 .marker-cluster-small div {
  20         background-color: rgba(110, 204, 57, 0.6);
  21         }
  22
  23 .marker-cluster-medium {
  24         background-color: rgba(241, 211, 87, 0.6);
  25         }
  26 .marker-cluster-medium div {
  27         background-color: rgba(240, 194, 12, 0.6);
  28         }
  29
  30 .marker-cluster-large {
  31         background-color: rgba(253, 156, 115, 0.6);
  32         }
  33 .marker-cluster-large div {
  34         background-color: rgba(241, 128, 23, 0.6);
  35         }
  36
  37         /* IE 6-8 fallback colors */
  38 .leaflet-oldie .marker-cluster-small {
  39         background-color: rgb(181, 226, 140);
  40         }
  41 .leaflet-oldie .marker-cluster-small div {
  42         background-color: rgb(110, 204, 57);
  43         }
  44
  45 .leaflet-oldie .marker-cluster-medium {
  46         background-color: rgb(241, 211, 87);
  47         }
  48 .leaflet-oldie .marker-cluster-medium div {
  49         background-color: rgb(240, 194, 12);
  50         }
  51
  52 .leaflet-oldie .marker-cluster-large {
  53         background-color: rgb(253, 156, 115);
  54         }
  55 .leaflet-oldie .marker-cluster-large div {
  56         background-color: rgb(241, 128, 23);
  57 }
  58
  59 .marker-cluster {
  60         background-clip: padding-box;
  61         border-radius: 20px;
  62         }
  63 .marker-cluster div {
  64         width: 30px;
  65         height: 30px;
  66         margin-left: 5px;
  67         margin-top: 5px;
  68
  69         text-align: center;
  70         border-radius: 15px;
  71         font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  72         }
  73 .marker-cluster span {
  74         line-height: 30px;
  75         }