4
0

leaflet.label.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .leaflet-label {
  2. background: rgb(235, 235, 235);
  3. background: rgba(235, 235, 235, 0.81);
  4. background-clip: padding-box;
  5. border-color: #777;
  6. border-color: rgba(0,0,0,0.25);
  7. border-radius: 4px;
  8. border-style: solid;
  9. border-width: 4px;
  10. color: #111;
  11. display: block;
  12. font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
  13. font-weight: bold;
  14. padding: 1px 6px;
  15. position: absolute;
  16. -webkit-user-select: none;
  17. -moz-user-select: none;
  18. -ms-user-select: none;
  19. user-select: none;
  20. pointer-events: none;
  21. white-space: nowrap;
  22. z-index: 6;
  23. }
  24. .leaflet-label.leaflet-clickable {
  25. cursor: pointer;
  26. pointer-events: auto;
  27. }
  28. .leaflet-label:before,
  29. .leaflet-label:after {
  30. border-top: 6px solid transparent;
  31. border-bottom: 6px solid transparent;
  32. content: none;
  33. position: absolute;
  34. top: 5px;
  35. }
  36. .leaflet-label:before {
  37. border-right: 6px solid black;
  38. border-right-color: inherit;
  39. left: -10px;
  40. }
  41. .leaflet-label:after {
  42. border-left: 6px solid black;
  43. border-left-color: inherit;
  44. right: -10px;
  45. }
  46. .leaflet-label-right:before,
  47. .leaflet-label-left:after {
  48. content: "";
  49. }