app/assets/stylesheets/leaflet.zoom.css.scss

   1 .leaflet-control-zoomslider {
   2   .leaflet-control-zoomslider-in,
   3   .leaflet-control-zoomslider-out,
   4   .leaflet-control-zoomslider-slider,
   5   .leaflet-control-zoomslider-slider-knob {
   6     background-image: image-url("map_sprite.png");
   7     position: absolute;
   8     background-repeat: no-repeat;
   9     cursor: hand;
  10     cursor: pointer;
  11   }
  12
  13   .leaflet-control-zoomslider-in,
  14   .leaflet-control-zoomslider-out {
  15     text-indent: 26px;
  16     overflow: hidden;
  17     outline-style: none;
  18     border: 0;
  19     background-color: transparent;
  20   }
  21
  22   .leaflet-control-zoomslider-in {
  23     top: 50px;
  24     width: 26px;
  25     height: 20px;
  26     left: 10px;
  27     background-position: -15px -61px;
  28   }
  29
  30   .leaflet-control-zoomslider-out {
  31     top: 202px;
  32     width: 26px;
  33     height: 20px;
  34     left: 10px;
  35     background-position: -15px -220px;
  36   }
  37
  38   .leaflet-control-zoomslider-slider {
  39     top: 70px;
  40     width: 26px;
  41     height: 132px;
  42     left: 10px;
  43     background-position: -15px -84px;
  44   }
  45
  46   .leaflet-control-zoomslider-slider-knob {
  47     top: 0px;
  48     width: 25px;
  49     height: 10px;
  50     -webkit-transition: top 100ms linear;
  51     -moz-transition: top 100ms linear;
  52     -o-transition: top 100ms linear;
  53     background-position: -77px -58px;
  54     pointer: move;
  55     cursor: move;
  56   }
  57 }