vendor/assets/leaflet/leaflet.draw.css

   1 /* Leaflet controls */
   2
   3 .leaflet-control-draw {
   4         background-color: rgba(0, 0, 0, 0.25);
   5         -webkit-border-radius: 7px;
   6            -moz-border-radius: 7px;
   7                 border-radius: 7px;
   8         padding: 5px;
   9 }
  10
  11 .leaflet-control-draw a {
  12         background-color: rgba(255, 255, 255, 0.75);
  13         background-position: 50% 50%;
  14         background-repeat: no-repeat;
  15         -webkit-border-radius: 4px;
  16            -moz-border-radius: 4px;
  17                 border-radius: 4px;
  18         display: block;
  19         margin-top: 5px;
  20         width: 19px;
  21         height: 19px;
  22 }
  23
  24 .leaflet-control-draw a:first-child{
  25         margin-top: 0;
  26 }
  27
  28 .leaflet-control-draw a:hover {
  29         background-color: #fff;
  30 }
  31
  32 .leaflet-touch .leaflet-control-draw a {
  33         width: 27px;
  34         height: 27px;
  35 }
  36
  37 .leaflet-control-draw-polyline {
  38         background-image: url(images/draw-polyline.png);
  39 }
  40
  41 .leaflet-control-draw-polygon {
  42         background-image: url(images/draw-polygon.png);
  43 }
  44
  45 .leaflet-control-draw-rectangle {
  46         background-image: url(images/draw-rectangle.png);
  47 }
  48
  49 .leaflet-control-draw-circle {
  50         background-image: url(images/draw-circle.png);
  51 }
  52
  53 .leaflet-control-draw-marker {
  54         background-image: url(images/draw-marker-icon.png);
  55 }
  56
  57 .leaflet-mouse-marker {
  58         background-color: #fff;
  59         cursor: crosshair;
  60 }
  61
  62 .leaflet-draw-label {
  63         background-color: #fff;
  64         border: 1px solid #ccc;
  65         color: #222;
  66         font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
  67         margin-left: 20px;
  68         margin-top: -21px;
  69         padding: 2px 4px;
  70         position: absolute;
  71         white-space: nowrap;
  72         z-index: 6;
  73 }
  74
  75 .leaflet-error-draw-label {
  76         background-color: #F2DEDE;
  77         border-color: #E6B6BD;
  78         color: #B94A48;
  79 }
  80
  81 .leaflet-draw-label-single {
  82         margin-top: -12px
  83 }
  84
  85 .leaflet-draw-label-subtext {
  86         color: #999;
  87 }
  88
  89 .leaflet-draw-guide-dash {
  90         font-size: 1%;
  91         opacity: 0.6;
  92         position: absolute;
  93         width: 5px;
  94         height: 5px;
  95 }
  96
  97 .leaflet-flash-anim {
  98         -webkit-animation-duration: 0.66s;
  99            -moz-animation-duration: 0.66s;
 100              -o-animation-duration: 0.66s;
 101                 animation-duration: 0.66s;
 102         -webkit-animation-fill-mode: both;
 103            -moz-animation-fill-mode: both;
 104              -o-animation-fill-mode: both;
 105                 animation-fill-mode: both;
 106         -webkit-animation-name: leaflet-flash;
 107            -moz-animation-name: leaflet-flash;
 108              -o-animation-name: leaflet-flash;
 109                 animation-name: leaflet-flash;
 110 }
 111
 112 @-webkit-keyframes leaflet-flash {
 113         0%, 50%, 100% { opacity: 1; }
 114         25%, 75% { opacity: 0.3; }
 115 }
 116
 117 @-moz-keyframes leaflet-flash {
 118         0%, 50%, 100% { opacity: 1; }
 119         25%, 75% { opacity: 0.3; }
 120 }
 121
 122 @-o-keyframes leaflet-flash {
 123         0%, 50%, 100% { opacity: 1; }
 124         25%, 75% { opacity: 0.3; }
 125 }
 126
 127 @keyframes leaflet-flash {
 128         0%, 50%, 100% { opacity: 1; }
 129         25%, 75% { opacity: 0; }
 130 }