You are here

Home » API reference » Get Locations 7

leaflet.magnifyingglass.css in Get Locations 7

Same filename and directory in other branches
  1. 7.2 modules/getlocations_leaflet/plugins/magnifyingglass/leaflet.magnifyingglass.css
.leaflet-magnifying-glass {
  border-radius: 50%;
  border: 1px solid gray;
  box-shadow: 0 0 5px gray;
  position: absolute;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.leaflet-magnifying-glass > .leaflet-container {
  height: 	100%;
  width: 	100%;
}

/* Webkit-only workaround for the border-radius clipping bug,
applied to the map container */
.leaflet-magnifying-glass-webkit {
  border-radius: 50%;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

File

modules/getlocations_leaflet/plugins/magnifyingglass/leaflet.magnifyingglass.css
View source 
  1. .leaflet-magnifying-glass {

  2.   border-radius: 50%;

  3.   border: 1px solid gray;

  4.   box-shadow: 0 0 5px gray;

  5.   position: absolute;

  6.   overflow: hidden;

  7.   -moz-box-sizing: border-box;

  8.   box-sizing: border-box;

  9. }

  10. 

  11. .leaflet-magnifying-glass > .leaflet-container {

  12.   height: 	100%;

  13.   width: 	100%;

  14. }

  15. 

  16. /* Webkit-only workaround for the border-radius clipping bug,

  17. applied to the map container */

  18. .leaflet-magnifying-glass-webkit {

  19.   border-radius: 50%;

  20.   -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

  21. }