leaflet.awesome-markers.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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: 720px 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-lightred {
  51. background-position: -360px 0;
  52. }
  53. .awesome-marker-icon-orange {
  54. background-position: -36px 0;
  55. }
  56. .awesome-marker-icon-beige {
  57. background-position: -396px 0;
  58. }
  59. .awesome-marker-icon-green {
  60. background-position: -72px 0;
  61. }
  62. .awesome-marker-icon-darkgreen {
  63. background-position: -252px 0;
  64. }
  65. .awesome-marker-icon-lightgreen {
  66. background-position: -432px 0;
  67. }
  68. .awesome-marker-icon-blue {
  69. background-position: -108px 0;
  70. }
  71. .awesome-marker-icon-darkblue {
  72. background-position: -216px 0;
  73. }
  74. .awesome-marker-icon-lightblue {
  75. background-position: -468px 0;
  76. }
  77. .awesome-marker-icon-purple {
  78. background-position: -144px 0;
  79. }
  80. .awesome-marker-icon-darkpurple {
  81. background-position: -288px 0;
  82. }
  83. .awesome-marker-icon-pink {
  84. background-position: -504px 0;
  85. }
  86. .awesome-marker-icon-cadetblue {
  87. background-position: -324px 0;
  88. }
  89. .awesome-marker-icon-white {
  90. background-position: -574px 0;
  91. }
  92. .awesome-marker-icon-gray {
  93. background-position: -648px 0;
  94. }
  95. .awesome-marker-icon-lightgray {
  96. background-position: -612px 0;
  97. }
  98. .awesome-marker-icon-black {
  99. background-position: -682px 0;
  100. }