You are here

ip_geoloc_leaflet_sync_content.css in IP Geolocation Views & Maps 7

/* Views Table format */
tr.synced-marker-hover > td,
tr.odd.synced-marker-hover > td,
tr.even.synced-marker-hover > td,
tr.synced-marker-hover > td.active,
tr.odd.synced-marker-hover > td.active,
tr.even.synced-marker-hover > td.active {
  background-color: lightcyan;
}
/* For Views Unformatted, HTML-list */
.views-row.synced-marker-hover  {
  background-color: lightcyan;
}
/* For Views Grid */
.views-view-grid td.synced-marker-hover {
  background-color: lightcyan;
}

/* Default markers, normal size 41x25, increase h and w by 50% each */
img.leaflet-marker-icon.synced-content-hover {
  height: 61px !important;
  width: 37px !important;
  margin-top: -61px !important;
  margin-left: -18px !important;
  transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  z-index: 9999;
}
/* Special markers 42x32, increase h and w by 50% each */
.leaflet-tagged-marker.synced-content-hover > img {
  height: 63px !important;
  width: 48px !important;
  margin-top: -63px !important;
  margin-left: -24px !important;
  transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  z-index: 9999;
}
.leaflet-tagged-marker.synced-content-hover > i {
  font-size: 30px;
  top: -54px;
  transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  z-index: 10000;
}

img.leaflet-marker-hidden,
div.leaflet-marker-hidden > img,
div.leaflet-marker-hidden > i {
  display: none;
}

g.synced-content-hover > path {
  stroke: red;
}

File

css/ip_geoloc_leaflet_sync_content.css
View source
  1. /* Views Table format */
  2. tr.synced-marker-hover > td,
  3. tr.odd.synced-marker-hover > td,
  4. tr.even.synced-marker-hover > td,
  5. tr.synced-marker-hover > td.active,
  6. tr.odd.synced-marker-hover > td.active,
  7. tr.even.synced-marker-hover > td.active {
  8. background-color: lightcyan;
  9. }
  10. /* For Views Unformatted, HTML-list */
  11. .views-row.synced-marker-hover {
  12. background-color: lightcyan;
  13. }
  14. /* For Views Grid */
  15. .views-view-grid td.synced-marker-hover {
  16. background-color: lightcyan;
  17. }
  18. /* Default markers, normal size 41x25, increase h and w by 50% each */
  19. img.leaflet-marker-icon.synced-content-hover {
  20. height: 61px !important;
  21. width: 37px !important;
  22. margin-top: -61px !important;
  23. margin-left: -18px !important;
  24. transition: all 0.25s ease-in;
  25. -ms-transition: all 0.25s ease-in;
  26. z-index: 9999;
  27. }
  28. /* Special markers 42x32, increase h and w by 50% each */
  29. .leaflet-tagged-marker.synced-content-hover > img {
  30. height: 63px !important;
  31. width: 48px !important;
  32. margin-top: -63px !important;
  33. margin-left: -24px !important;
  34. transition: all 0.25s ease-in;
  35. -ms-transition: all 0.25s ease-in;
  36. z-index: 9999;
  37. }
  38. .leaflet-tagged-marker.synced-content-hover > i {
  39. font-size: 30px;
  40. top: -54px;
  41. transition: all 0.25s ease-in;
  42. -ms-transition: all 0.25s ease-in;
  43. z-index: 10000;
  44. }
  45. img.leaflet-marker-hidden,
  46. div.leaflet-marker-hidden > img,
  47. div.leaflet-marker-hidden > i {
  48. display: none;
  49. }
  50. g.synced-content-hover > path {
  51. stroke: red;
  52. }