You are here

ip_geoloc_leaflet_controls.css in IP Geolocation Views & Maps 7

.leaflet-control-container .leaflet-control-reset,
.leaflet-control-container .leaflet-control-zoom-indicator {
  background-color: white;
  color: black;
  height: 26px;
  width: 26px !important; /* for Bootstrap glyphs */
  line-height: 26px;
  opacity: 0.8;
  text-align: center;
  text-decoration: none;
}
.leaflet-control-container .leaflet-control-reset,
.leaflet-control-container .leaflet-control-cluster {
  cursor: pointer;
  font-size: larger;
}
.leaflet-control-container .leaflet-control-reset:hover {
  background-color: #f4f4f4;
}

.leaflet-control-container .leaflet-control-cluster {
  background: white url("../markers/red-cluster.png") 5px 4px no-repeat;
  background-size: 26px 28px;
  height: 36px;
  width: 36px !important;
  opacity: 0.8;
}
.leaflet-control-container .leaflet-control-cluster:hover {
  background-color: #f4f4f4;
}

File

css/ip_geoloc_leaflet_controls.css
View source
  1. .leaflet-control-container .leaflet-control-reset,
  2. .leaflet-control-container .leaflet-control-zoom-indicator {
  3. background-color: white;
  4. color: black;
  5. height: 26px;
  6. width: 26px !important; /* for Bootstrap glyphs */
  7. line-height: 26px;
  8. opacity: 0.8;
  9. text-align: center;
  10. text-decoration: none;
  11. }
  12. .leaflet-control-container .leaflet-control-reset,
  13. .leaflet-control-container .leaflet-control-cluster {
  14. cursor: pointer;
  15. font-size: larger;
  16. }
  17. .leaflet-control-container .leaflet-control-reset:hover {
  18. background-color: #f4f4f4;
  19. }
  20. .leaflet-control-container .leaflet-control-cluster {
  21. background: white url("../markers/red-cluster.png") 5px 4px no-repeat;
  22. background-size: 26px 28px;
  23. height: 36px;
  24. width: 36px !important;
  25. opacity: 0.8;
  26. }
  27. .leaflet-control-container .leaflet-control-cluster:hover {
  28. background-color: #f4f4f4;
  29. }