app/assets/stylesheets/leaflet-all.css.scss

   1 /*
   2  *= require leaflet
   3  *= require leaflet.locationfilter
   4  */
   5
   6 /* Override to serve images through the asset pipeline. */
   7 div.leaflet-marker-icon.location-filter.resize-marker {
   8   background-image: image-url("img/resize-handle.png");
   9 }
  10
  11 div.leaflet-marker-icon.location-filter.move-marker {
  12   background-image: image-url("img/move-handle.png");
  13 }
  14
  15 /* Override some conflicting styles.
  16    https://github.com/openstreetmap/openstreetmap-website/pull/121#issuecomment-10206946 */
  17 .leaflet-popup-content img.user_thumbnail {
  18   max-width: 50px !important;
  19 }
  20
  21 .user_popup p {
  22   margin: 0 !important;
  23 }
  24
  25 .site .leaflet-popup p {
  26   margin: 0 0 20px 0;
  27 }
  28
  29 img.leaflet-marker-icon:after {
  30   content:'';
  31   position:absolute; left:50%; top:50%;
  32   margin:-30px 0 0 -30px;
  33   width:59px;
  34   height:59px;
  35   display:block;
  36   background:rgba(0,0,0,0.2);
  37   border:2px solid rgba(0,0,0,0.6);
  38   border-radius:50%;
  39   opacity:0;
  40   -webkit-animation:place-tmp 2000ms infinite;
  41      -moz-animation:place-tmp 2000ms infinite;
  42           animation:place-tmp 2000ms infinite;
  43   @-webkit-keyframes place-tmp {
  44     0%   { opacity:1; -webkit-transform:scale(0); }
  45     50%  { opacity:0; -webkit-transform:scale(1); }
  46     100% { opacity:0; -webkit-transform:scale(1); }
  47   }
  48   @-moz-keyframes place-tmp {
  49     0%   { opacity:1; -moz-transform:scale(0); }
  50     50%  { opacity:0; -moz-transform:scale(1); }
  51     100% { opacity:0; -moz-transform:scale(1); }
  52   }
  53   @keyframes place-tmp {
  54     0%   { opacity:1; transform:scale(0); }
  55     50%  { opacity:0; transform:scale(1); }
  56     100% { opacity:0; transform:scale(1); }
  57   }
  58 }