You are here

leaflet.awesome-markers.css in Get Locations 7

/* 
Author: L. Voogdt
License: MIT
Version: 1.0
*/

/* Marker setup */
.awesome-marker {
  background: url('images/markers-soft.png') no-repeat 0 0;
  width: 35px;
  height: 46px;
  position:absolute;
  left:0;
  top:0;
  display: block;
  text-align: center;
}

.awesome-marker-shadow {
  background: url('images/markers-shadow.png') no-repeat 0 0;
  width: 36px;
  height: 16px;
}

/* Retina displays */
@media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
 .awesome-marker {
  background-image: url('images/markers-soft@2x.png');
  background-size: 360px 46px;
 }
 .awesome-marker-shadow {
  background-image: url('images/markers-shadow@2x.png');
  background-size: 35px 16px;
 }
}

.awesome-marker i {
  color: #333;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
}

.awesome-marker .icon-white {
  color: #fff;
}

/* Colors */
.awesome-marker-icon-red {
  background-position: 0 0;
}

.awesome-marker-icon-darkred {
  background-position: -180px 0;
}

.awesome-marker-icon-orange {
  background-position: -36px 0;
}

.awesome-marker-icon-green {
  background-position: -72px 0;
}

.awesome-marker-icon-darkgreen {
  background-position: -252px 0;
}

.awesome-marker-icon-blue {
  background-position: -108px 0;
}

.awesome-marker-icon-darkblue {
  background-position: -216px 0;
}

.awesome-marker-icon-purple {
  background-position: -144px 0;
}

.awesome-marker-icon-darkpurple {
  background-position: -288px 0;
}

.awesome-marker-icon-cadetblue {
  background-position: -324px 0;
}

File

modules/getlocations_leaflet/plugins/awesome-markers/leaflet.awesome-markers.css
View source
  1. /*
  2. Author: L. Voogdt
  3. License: MIT
  4. Version: 1.0
  5. */
  6. /* Marker setup */
  7. .awesome-marker {
  8. background: url('images/markers-soft.png') no-repeat 0 0;
  9. width: 35px;
  10. height: 46px;
  11. position:absolute;
  12. left:0;
  13. top:0;
  14. display: block;
  15. text-align: center;
  16. }
  17. .awesome-marker-shadow {
  18. background: url('images/markers-shadow.png') no-repeat 0 0;
  19. width: 36px;
  20. height: 16px;
  21. }
  22. /* Retina displays */
  23. @media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),
  24. (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
  25. .awesome-marker {
  26. background-image: url('images/markers-soft@2x.png');
  27. background-size: 360px 46px;
  28. }
  29. .awesome-marker-shadow {
  30. background-image: url('images/markers-shadow@2x.png');
  31. background-size: 35px 16px;
  32. }
  33. }
  34. .awesome-marker i {
  35. color: #333;
  36. margin-top: 10px;
  37. display: inline-block;
  38. font-size: 14px;
  39. }
  40. .awesome-marker .icon-white {
  41. color: #fff;
  42. }
  43. /* Colors */
  44. .awesome-marker-icon-red {
  45. background-position: 0 0;
  46. }
  47. .awesome-marker-icon-darkred {
  48. background-position: -180px 0;
  49. }
  50. .awesome-marker-icon-orange {
  51. background-position: -36px 0;
  52. }
  53. .awesome-marker-icon-green {
  54. background-position: -72px 0;
  55. }
  56. .awesome-marker-icon-darkgreen {
  57. background-position: -252px 0;
  58. }
  59. .awesome-marker-icon-blue {
  60. background-position: -108px 0;
  61. }
  62. .awesome-marker-icon-darkblue {
  63. background-position: -216px 0;
  64. }
  65. .awesome-marker-icon-purple {
  66. background-position: -144px 0;
  67. }
  68. .awesome-marker-icon-darkpurple {
  69. background-position: -288px 0;
  70. }
  71. .awesome-marker-icon-cadetblue {
  72. background-position: -324px 0;
  73. }