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