Le repo des sources pour le site web des JM2L
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 
 
 

163 рядки
3.8 KiB

  1. .leaflet-routing-container {
  2. width: 320px;
  3. background-color: white;
  4. padding-top: 4px;
  5. transition: margin-right 0.2s ease;
  6. }
  7. .leaflet-control-container .leaflet-routing-container-hide {
  8. margin-right: -340px;
  9. }
  10. .leaflet-routing-container h2 {
  11. font-size: 14px;
  12. }
  13. .leaflet-routing-container h3 {
  14. font-size: 12px;
  15. font-weight: normal;
  16. }
  17. .leaflet-routing-alt, .leaflet-routing-geocoders {
  18. padding: 6px;
  19. margin-top: 2px;
  20. margin-bottom: 6px;
  21. border-bottom: 1px solid #ccc;
  22. max-height: 320px;
  23. overflow-y: auto;
  24. transition: all 0.2s ease;
  25. }
  26. .leaflet-bar .leaflet-routing-alt:last-child {
  27. border-bottom: none;
  28. }
  29. .leaflet-routing-alt-minimized {
  30. color: #888;
  31. max-height: 64px;
  32. overflow: hidden;
  33. cursor: pointer;
  34. }
  35. .leaflet-routing-alt table {
  36. border-collapse: collapse;
  37. }
  38. .leaflet-routing-alt tr:hover {
  39. background-color: #eee;
  40. cursor: pointer;
  41. }
  42. .leaflet-routing-alt::-webkit-scrollbar {
  43. width: 8px;
  44. }
  45. .leaflet-routing-alt::-webkit-scrollbar-track {
  46. border-radius: 2px;
  47. background-color: #eee;
  48. }
  49. .leaflet-routing-alt::-webkit-scrollbar-thumb {
  50. border-radius: 2px;
  51. background-color: #888;
  52. }
  53. .leaflet-routing-icon {
  54. background-image: url('leaflet.routing.icons.png');
  55. -webkit-background-size: 240px 20px;
  56. background-size: 240px 20px;
  57. background-repeat: no-repeat;
  58. margin: 0;
  59. content: '';
  60. display: inline-block;
  61. vertical-align: top;
  62. width: 20px;
  63. height: 20px;
  64. }
  65. .leaflet-routing-icon-continue { background-position: 0 0; }
  66. .leaflet-routing-icon-sharp-right { background-position: -20px 0; }
  67. .leaflet-routing-icon-turn-right { background-position: -40px 0; }
  68. .leaflet-routing-icon-bear-right { background-position: -60px 0; }
  69. .leaflet-routing-icon-u-turn { background-position: -80px 0; }
  70. .leaflet-routing-icon-sharp-left { background-position: -100px 0; }
  71. .leaflet-routing-icon-turn-left { background-position: -120px 0; }
  72. .leaflet-routing-icon-bear-left { background-position: -140px 0; }
  73. .leaflet-routing-icon-depart { background-position: -160px 0; }
  74. .leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
  75. .leaflet-routing-icon-arrive { background-position: -200px 0; }
  76. .leaflet-routing-icon-via { background-position: -200px 0; }
  77. .leaflet-routing-geocoders div {
  78. padding: 4px;
  79. }
  80. .leaflet-routing-geocoders input {
  81. width: 286px;
  82. line-height: 1.67;
  83. border: 1px solid #ccc;
  84. }
  85. .leaflet-routing-geocoders button {
  86. font: bold 18px 'Lucida Console', Monaco, monospace;
  87. border: 1px solid #ccc;
  88. border-radius: 4px;
  89. background-color: white;
  90. margin: 0;
  91. float: right;
  92. cursor: pointer;
  93. transition: background-color 0.2s ease;
  94. }
  95. .leaflet-routing-geocoders button:hover {
  96. background-color: #eee;
  97. }
  98. .leaflet-routing-geocoder-result {
  99. font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  100. position: absolute;
  101. max-height: 0;
  102. overflow: hidden;
  103. transition: all 0.5s ease;
  104. z-index: 15; /* Arbitrary, but try to be above "most" things. */
  105. }
  106. .leaflet-routing-geocoder-result table {
  107. width: 100%;
  108. border: 1px solid #ccc;
  109. border-radius: 0 0 4px 4px;
  110. background-color: white;
  111. cursor: pointer;
  112. }
  113. .leaflet-routing-geocoder-result-open {
  114. max-height: 800px;
  115. }
  116. .leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
  117. background-color: #eee;
  118. }
  119. .leaflet-routing-geocoder-no-results {
  120. font-style: italic;
  121. color: #888;
  122. }
  123. .leaflet-routing-remove-waypoint {
  124. position: relative;
  125. float: right;
  126. cursor: pointer;
  127. font-size: 18px;
  128. font-weight: bold;
  129. left: 4px;
  130. color: #ccc;
  131. }
  132. .leaflet-routing-remove-waypoint:hover {
  133. color: inherit;
  134. }
  135. .leaflet-routing-remove-waypoint:before {
  136. content: '\00d7'
  137. }