Control.Geocoder.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. .leaflet-control-geocoder {
  2. border-radius: 4px;
  3. background: white;
  4. min-width: 26px;
  5. min-height: 26px;
  6. }
  7. .leaflet-touch .leaflet-control-geocoder {
  8. min-width: 30px;
  9. min-height: 30px;
  10. }
  11. .leaflet-control-geocoder a,
  12. .leaflet-control-geocoder .leaflet-control-geocoder-icon {
  13. border-bottom: none;
  14. display: inline-block;
  15. }
  16. .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
  17. width: inherit;
  18. height: inherit;
  19. line-height: inherit;
  20. }
  21. .leaflet-control-geocoder a:hover,
  22. .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  23. border-bottom: none;
  24. display: inline-block;
  25. }
  26. .leaflet-control-geocoder-form {
  27. display: none;
  28. vertical-align: middle;
  29. }
  30. .leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  31. display: inline-block;
  32. }
  33. .leaflet-control-geocoder-form input {
  34. font-size: 120%;
  35. border: 0;
  36. background-color: transparent;
  37. width: 246px;
  38. }
  39. .leaflet-control-geocoder-icon {
  40. border-radius: 4px;
  41. width: 26px;
  42. height: 26px;
  43. border: none;
  44. background-color: white;
  45. background-image: url(images/geocoder.png);
  46. background-repeat: no-repeat;
  47. background-position: center;
  48. cursor: pointer;
  49. }
  50. .leaflet-touch .leaflet-control-geocoder-icon {
  51. width: 30px;
  52. height: 30px;
  53. }
  54. .leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
  55. background-image: url(images/throbber.gif);
  56. }
  57. .leaflet-control-geocoder-form-no-error {
  58. display: none;
  59. }
  60. .leaflet-control-geocoder-form input:focus {
  61. outline: none;
  62. }
  63. .leaflet-control-geocoder-form button {
  64. display: none;
  65. }
  66. .leaflet-control-geocoder-error {
  67. margin-top: 8px;
  68. margin-left: 8px;
  69. display: block;
  70. color: #444;
  71. }
  72. .leaflet-control-geocoder-alternatives {
  73. display: block;
  74. width: 272px;
  75. list-style: none;
  76. padding: 0;
  77. margin: 0;
  78. }
  79. .leaflet-control-geocoder-alternatives-minimized {
  80. display: none;
  81. height: 0;
  82. }
  83. .leaflet-control-geocoder-alternatives li {
  84. white-space: nowrap;
  85. display: block;
  86. overflow: hidden;
  87. padding: 5px 8px;
  88. text-overflow: ellipsis;
  89. border-bottom: 1px solid #ccc;
  90. cursor: pointer;
  91. }
  92. .leaflet-control-geocoder-alternatives li a,
  93. .leaflet-control-geocoder-alternatives li a:hover {
  94. width: inherit;
  95. height: inherit;
  96. line-height: inherit;
  97. background: inherit;
  98. border-radius: inherit;
  99. text-align: left;
  100. }
  101. .leaflet-control-geocoder-alternatives li:last-child {
  102. border-bottom: none;
  103. }
  104. .leaflet-control-geocoder-alternatives li:hover,
  105. .leaflet-control-geocoder-selected {
  106. background-color: #f5f5f5;
  107. }
  108. .leaflet-control-geocoder-address-detail {
  109. }
  110. .leaflet-control-geocoder-address-context {
  111. color: #666;
  112. }