mapbox.css 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917
  1. /* general typography */
  2. .leaflet-container {
  3. overflow: hidden;
  4. font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
  5. color: #404040;
  6. color: rgba(0, 0, 0, 0.75);
  7. -ms-touch-action: none;
  8. background: #fff;
  9. outline: 0; }
  10. .leaflet-container *, .leaflet-container *:after, .leaflet-container *:before {
  11. box-sizing: border-box; }
  12. .leaflet-container h1, .leaflet-container h2, .leaflet-container h3, .leaflet-container h4, .leaflet-container h5, .leaflet-container h6, .leaflet-container p {
  13. margin: 0 0 10px;
  14. font-size: 15px;
  15. line-height: 20px; }
  16. .leaflet-container .marker-description img {
  17. margin-bottom: 10px; }
  18. .leaflet-container a {
  19. font-weight: normal;
  20. color: #3887be;
  21. text-decoration: none; }
  22. .leaflet-container a:hover {
  23. color: #63b6e5; }
  24. .leaflet-container.dark a {
  25. color: #63b6e5; }
  26. .leaflet-container.dark a:hover {
  27. color: #8fcaec; }
  28. .leaflet-container.dark .mapbox-button, .leaflet-container .mapbox-button {
  29. display: inline-block;
  30. height: 40px;
  31. font-size: 12px;
  32. line-height: 40px;
  33. color: #fff;
  34. text-decoration: none;
  35. text-overflow: ellipsis;
  36. white-space: nowrap;
  37. background-color: #3887be; }
  38. .leaflet-container.dark .mapbox-button:hover, .leaflet-container .mapbox-button:hover {
  39. color: #fff;
  40. background-color: #3bb2d0; }
  41. /* Base Leaflet
  42. ------------------------------------------------------- */
  43. .leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  44. position: absolute;
  45. top: 0;
  46. left: 0; }
  47. .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  48. -webkit-user-select: none;
  49. -moz-user-select: none;
  50. -ms-user-select: none;
  51. user-select: none;
  52. -webkit-user-drag: none; }
  53. .leaflet-marker-icon, .leaflet-marker-shadow {
  54. display: block; }
  55. .leaflet-tile {
  56. visibility: hidden;
  57. -webkit-filter: inherit;
  58. filter: inherit; }
  59. .leaflet-tile-loaded {
  60. visibility: inherit; }
  61. .leaflet-zoom-box {
  62. width: 0;
  63. height: 0; }
  64. .leaflet-tile-pane {
  65. z-index: 2; }
  66. .leaflet-objects-pane {
  67. z-index: 3; }
  68. .leaflet-overlay-pane {
  69. z-index: 4; }
  70. .leaflet-shadow-pane {
  71. z-index: 5; }
  72. .leaflet-marker-pane {
  73. z-index: 6; }
  74. .leaflet-popup-pane {
  75. z-index: 7; }
  76. .leaflet-control {
  77. position: relative;
  78. z-index: 7;
  79. float: left;
  80. clear: both;
  81. pointer-events: auto; }
  82. .leaflet-right .leaflet-control {
  83. float: right; }
  84. .leaflet-top .leaflet-control {
  85. margin-top: 10px; }
  86. .leaflet-bottom .leaflet-control {
  87. margin-bottom: 10px; }
  88. .leaflet-left .leaflet-control {
  89. margin-left: 10px; }
  90. .leaflet-right .leaflet-control {
  91. margin-right: 10px; }
  92. .leaflet-top, .leaflet-bottom {
  93. position: absolute;
  94. z-index: 1000;
  95. pointer-events: none; }
  96. .leaflet-top {
  97. top: 0; }
  98. .leaflet-right {
  99. right: 0; }
  100. .leaflet-bottom {
  101. bottom: 0; }
  102. .leaflet-left {
  103. left: 0; }
  104. /* zoom and fade animations */
  105. .leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {
  106. opacity: 0;
  107. transition: opacity .2s linear; }
  108. .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  109. opacity: 1; }
  110. .leaflet-zoom-anim .leaflet-zoom-animated {
  111. transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  112. transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  113. transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); }
  114. .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated {
  115. transition: none; }
  116. .leaflet-zoom-anim .leaflet-zoom-hide {
  117. visibility: hidden; }
  118. /* cursors */
  119. .leaflet-container {
  120. cursor: -webkit-grab;
  121. cursor: -moz-grab; }
  122. .leaflet-overlay-pane path, .leaflet-marker-icon, .leaflet-container.map-clickable, .leaflet-container.leaflet-clickable {
  123. cursor: pointer; }
  124. .leaflet-popup-pane, .leaflet-control {
  125. cursor: auto; }
  126. .leaflet-dragging, .leaflet-dragging .map-clickable, .leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container {
  127. cursor: move;
  128. cursor: -webkit-grabbing;
  129. cursor: -moz-grabbing; }
  130. .leaflet-zoom-box {
  131. background: #fff;
  132. border: 2px dotted #202020;
  133. opacity: .5; }
  134. /* general toolbar styles */
  135. .leaflet-control-layers, .leaflet-bar {
  136. background-color: #fff;
  137. border: 1px solid #999;
  138. border-color: rgba(0, 0, 0, 0.4);
  139. border-radius: 3px;
  140. box-shadow: none; }
  141. .leaflet-bar a, .leaflet-bar a:hover {
  142. color: #404040;
  143. color: rgba(0, 0, 0, 0.75);
  144. border-bottom: 1px solid #ddd;
  145. border-bottom-color: rgba(0, 0, 0, 0.1); }
  146. .leaflet-bar a:hover, .leaflet-bar a:active {
  147. cursor: pointer;
  148. background-color: #f8f8f8; }
  149. .leaflet-bar a:hover:first-child {
  150. border-radius: 3px 3px 0 0; }
  151. .leaflet-bar a:hover:last-child {
  152. border-bottom: none;
  153. border-radius: 0 0 3px 3px; }
  154. .leaflet-bar a:hover:only-of-type {
  155. border-radius: 3px; }
  156. .leaflet-bar .leaflet-disabled {
  157. cursor: default;
  158. opacity: .75; }
  159. .leaflet-control-zoom-in, .leaflet-control-zoom-out {
  160. display: block;
  161. text-indent: -999em;
  162. content: ""; }
  163. .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  164. display: none; }
  165. .leaflet-control-layers-expanded .leaflet-control-layers-list {
  166. position: relative;
  167. display: block; }
  168. .leaflet-control-layers-expanded {
  169. padding: 6px 10px 6px 6px;
  170. color: #404040;
  171. color: rgba(0, 0, 0, 0.75);
  172. background: #fff; }
  173. .leaflet-control-layers-selector {
  174. position: relative;
  175. top: 1px;
  176. margin-top: 2px; }
  177. .leaflet-control-layers label {
  178. display: block; }
  179. .leaflet-control-layers-separator {
  180. height: 0;
  181. margin: 5px -10px 5px -6px;
  182. border-top: 1px solid #ddd;
  183. border-top-color: rgba(0, 0, 0, 0.1); }
  184. .leaflet-container .leaflet-control-attribution {
  185. margin: 0;
  186. background-color: rgba(255, 255, 255, 0.5);
  187. box-shadow: none; }
  188. .leaflet-container .leaflet-control-attribution a, .leaflet-container .map-info-container a {
  189. color: #404040; }
  190. .leaflet-control-attribution a:hover, .map-info-container a:hover {
  191. color: inherit;
  192. text-decoration: underline; }
  193. .leaflet-control-attribution, .leaflet-control-scale-line {
  194. padding: 0 5px; }
  195. .leaflet-left .leaflet-control-scale {
  196. margin-left: 5px; }
  197. .leaflet-bottom .leaflet-control-scale {
  198. margin-bottom: 5px; }
  199. /* Used for smaller map containers & triggered by container size */
  200. .leaflet-container .leaflet-control-attribution.leaflet-compact-attribution {
  201. margin: 10px; }
  202. .leaflet-container .leaflet-control-attribution.leaflet-compact-attribution {
  203. padding: 3px 31px 3px 3px;
  204. visibility: hidden;
  205. background: #fff;
  206. border-radius: 3px 13px 13px 3px; }
  207. .leaflet-control-attribution.leaflet-compact-attribution:hover {
  208. visibility: visible; }
  209. .leaflet-control-attribution.leaflet-compact-attribution:after {
  210. position: absolute;
  211. bottom: 0;
  212. z-index: 1;
  213. display: inline-block;
  214. width: 26px;
  215. height: 26px;
  216. vertical-align: middle;
  217. cursor: pointer;
  218. visibility: visible;
  219. content: "";
  220. background-color: #fff;
  221. background-color: rgba(255, 255, 255, 0.5);
  222. background-position: 0 -78px;
  223. border-radius: 50%; }
  224. .leaflet-control-attribution.leaflet-compact-attribution:hover:after {
  225. background-color: #fff; }
  226. .leaflet-right .leaflet-control-attribution.leaflet-compact-attribution:after {
  227. right: 0; }
  228. .leaflet-left .leaflet-control-attribution.leaflet-compact-attribution:after {
  229. left: 0; }
  230. .leaflet-control-scale-line {
  231. padding: 2px 5px 1px;
  232. overflow: hidden;
  233. white-space: nowrap;
  234. background-color: rgba(255, 255, 255, 0.5);
  235. border: 1px solid #999;
  236. border-color: rgba(0, 0, 0, 0.4);
  237. border-top: none; }
  238. .leaflet-control-scale-line:not(:first-child) {
  239. margin-top: -2px;
  240. border-top: 2px solid #ddd;
  241. border-top-color: rgba(0, 0, 0, 0.1);
  242. border-bottom: none; }
  243. .leaflet-control-scale-line:not(:first-child):not(:last-child) {
  244. border-bottom: 2px solid #777; }
  245. /* popup */
  246. .leaflet-popup {
  247. position: absolute;
  248. text-align: center;
  249. pointer-events: none; }
  250. .leaflet-popup-content-wrapper {
  251. padding: 1px;
  252. text-align: left;
  253. pointer-events: all; }
  254. .leaflet-popup-content {
  255. padding: 10px 10px 15px;
  256. margin: 0;
  257. line-height: inherit; }
  258. .leaflet-popup-close-button + .leaflet-popup-content-wrapper .leaflet-popup-content {
  259. padding-top: 15px; }
  260. .leaflet-popup-tip-container {
  261. position: relative;
  262. width: 20px;
  263. height: 20px;
  264. margin: 0 auto; }
  265. .leaflet-popup-tip {
  266. width: 0;
  267. height: 0;
  268. margin: 0;
  269. border-top: 10px solid #fff;
  270. border-right: 10px solid transparent;
  271. border-left: 10px solid transparent;
  272. box-shadow: none; }
  273. .leaflet-popup-close-button {
  274. position: absolute;
  275. top: 0;
  276. right: 0;
  277. text-indent: -999em;
  278. pointer-events: all; }
  279. .leaflet-popup-close-button:hover {
  280. background-color: #f8f8f8; }
  281. .leaflet-popup-scrolled {
  282. overflow: auto;
  283. border-top: 1px solid #ddd;
  284. border-bottom: 1px solid #ddd; }
  285. /* div icon */
  286. .leaflet-div-icon {
  287. background: #fff;
  288. border: 1px solid #999;
  289. border-color: rgba(0, 0, 0, 0.4); }
  290. .leaflet-editing-icon {
  291. border-radius: 3px; }
  292. /* Leaflet + Mapbox
  293. ------------------------------------------------------- */
  294. .leaflet-bar a, .mapbox-icon, .map-tooltip.closable .close, .leaflet-control-layers-toggle, .leaflet-popup-close-button, .mapbox-button-icon:before {
  295. display: inline-block;
  296. width: 26px;
  297. height: 26px;
  298. vertical-align: middle;
  299. content: "";
  300. background-repeat: no-repeat; }
  301. .leaflet-bar a {
  302. display: block; }
  303. .leaflet-control-attribution:after, .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-popup-close-button, .leaflet-control-layers-toggle, .leaflet-container.dark .map-tooltip .close, .map-tooltip .close, .mapbox-icon {
  304. background-image: url(./icons-000000@2x.png);
  305. background-repeat: no-repeat;
  306. background-size: 26px 260px;
  307. opacity: .75; }
  308. .leaflet-container.dark .leaflet-control-attribution:after, .mapbox-button-icon:before, .leaflet-container.dark .leaflet-control-zoom-in, .leaflet-container.dark .leaflet-control-zoom-out, .leaflet-container.dark .leaflet-control-layers-toggle, .leaflet-container.dark .mapbox-icon {
  309. background-image: url(./icons-ffffff@2x.png);
  310. background-size: 26px 260px;
  311. opacity: 1; }
  312. .leaflet-bar .leaflet-control-zoom-in {
  313. background-position: 0 0; }
  314. .leaflet-bar .leaflet-control-zoom-out {
  315. background-position: 0 -26px; }
  316. .map-tooltip.closable .close, .leaflet-popup-close-button {
  317. width: 20px;
  318. height: 20px;
  319. background-position: -3px -55px;
  320. border-radius: 0 3px 0 0; }
  321. .mapbox-icon-info {
  322. background-position: 0 -78px; }
  323. .leaflet-control-layers-toggle {
  324. background-position: 0 -104px; }
  325. .mapbox-icon.mapbox-icon-share:before, .mapbox-icon.mapbox-icon-share {
  326. background-position: 0 -130px; }
  327. .mapbox-icon.mapbox-icon-geocoder:before, .mapbox-icon.mapbox-icon-geocoder {
  328. background-position: 0 -156px; }
  329. .mapbox-icon-facebook:before, .mapbox-icon-facebook {
  330. background-position: 0 -182px; }
  331. .mapbox-icon-twitter:before, .mapbox-icon-twitter {
  332. background-position: 0 -208px; }
  333. .mapbox-icon-pinterest:before, .mapbox-icon-pinterest {
  334. background-position: 0 -234px; }
  335. .leaflet-popup-content-wrapper, .map-legends, .map-tooltip {
  336. background: #fff;
  337. border-radius: 3px;
  338. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  339. .map-legends, .map-tooltip {
  340. max-width: 300px; }
  341. .map-legends .map-legend {
  342. padding: 10px; }
  343. .map-tooltip {
  344. z-index: 999999;
  345. min-width: 180px;
  346. max-height: 400px;
  347. padding: 10px;
  348. overflow: auto;
  349. opacity: 1;
  350. transition: opacity 150ms; }
  351. .map-tooltip .close {
  352. display: none;
  353. overflow: hidden;
  354. text-indent: -999em; }
  355. .map-tooltip.closable .close {
  356. position: absolute;
  357. top: 0;
  358. right: 0;
  359. border-radius: 3px; }
  360. .map-tooltip.closable .close:active {
  361. background-color: #f8f8f8; }
  362. .leaflet-control-interaction {
  363. position: absolute;
  364. top: 10px;
  365. right: 10px;
  366. width: 300px; }
  367. .leaflet-popup-content .marker-title {
  368. font-weight: bold; }
  369. .leaflet-control .mapbox-button {
  370. padding: 5px 10px;
  371. background-color: #fff;
  372. border: 1px solid #ddd;
  373. border-color: rgba(0, 0, 0, 0.1);
  374. border-radius: 3px; }
  375. /* Share modal
  376. ------------------------------------------------------- */
  377. .mapbox-modal > div {
  378. position: absolute;
  379. top: 0;
  380. left: 0;
  381. z-index: -1;
  382. width: 100%;
  383. height: 100%;
  384. overflow-y: auto; }
  385. .mapbox-modal.active > div {
  386. z-index: 99999;
  387. transition: all .2s, z-index 0 0; }
  388. .mapbox-modal .mapbox-modal-mask {
  389. background: rgba(0, 0, 0, 0.5);
  390. opacity: 0; }
  391. .mapbox-modal.active .mapbox-modal-mask {
  392. opacity: 1; }
  393. .mapbox-modal .mapbox-modal-content {
  394. -webkit-transform: translateY(-100%);
  395. transform: translateY(-100%); }
  396. .mapbox-modal.active .mapbox-modal-content {
  397. -webkit-transform: translateY(0);
  398. transform: translateY(0); }
  399. .mapbox-modal-body {
  400. position: relative;
  401. z-index: 1000;
  402. width: 50%;
  403. padding: 20px;
  404. margin: 20px 0 20px 25%;
  405. background: #fff; }
  406. .mapbox-share-buttons {
  407. margin: 0 0 20px; }
  408. .mapbox-share-buttons a {
  409. width: 33.3333%;
  410. text-align: center;
  411. border-left: 1px solid #fff;
  412. border-radius: 0; }
  413. .mapbox-share-buttons a:last-child {
  414. border-radius: 0 3px 3px 0; }
  415. .mapbox-share-buttons a:first-child {
  416. border: none;
  417. border-radius: 3px 0 0 3px; }
  418. .mapbox-modal input {
  419. width: 100%;
  420. height: 40px;
  421. padding: 10px;
  422. color: rgba(0, 0, 0, 0.5);
  423. border: 1px solid #ddd;
  424. border-color: rgba(0, 0, 0, 0.1); }
  425. /* Info Control
  426. ------------------------------------------------------- */
  427. .leaflet-control.mapbox-control-info {
  428. min-height: 26px;
  429. margin: 5px 30px 10px 10px; }
  430. .leaflet-right .leaflet-control.mapbox-control-info {
  431. margin: 5px 10px 10px 30px; }
  432. .mapbox-info-toggle {
  433. position: absolute;
  434. bottom: 0;
  435. left: 0;
  436. z-index: 1;
  437. background-color: #fff;
  438. background-color: rgba(255, 255, 255, 0.5);
  439. border-radius: 50%; }
  440. .leaflet-right .mapbox-control-info .mapbox-info-toggle {
  441. right: 0;
  442. left: auto; }
  443. .mapbox-info-toggle:hover {
  444. background-color: #fff; }
  445. .map-info-container {
  446. position: relative;
  447. bottom: 0;
  448. left: 0;
  449. display: none;
  450. padding: 3px 5px 3px 27px;
  451. background: #fff;
  452. border-radius: 13px 3px 3px 13px; }
  453. .leaflet-right .map-info-container {
  454. right: 0;
  455. left: auto;
  456. padding: 3px 27px 3px 5px;
  457. border-radius: 3px 13px 13px 3px; }
  458. .mapbox-control-info.active .map-info-container {
  459. display: inline-block; }
  460. .leaflet-container .mapbox-improve-map {
  461. font-weight: bold; }
  462. /* Geocoder
  463. ------------------------------------------------------- */
  464. .leaflet-control-mapbox-geocoder {
  465. position: relative; }
  466. .leaflet-control-mapbox-geocoder.searching {
  467. opacity: .75; }
  468. .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
  469. position: absolute;
  470. top: -1px;
  471. left: 26px;
  472. width: 0;
  473. height: 28px;
  474. overflow: hidden;
  475. background: #fff;
  476. border: 1px solid #999;
  477. border-color: rgba(0, 0, 0, 0.4);
  478. border-radius: 0 3px 3px 0;
  479. opacity: 0;
  480. transition: opacity 100ms; }
  481. .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
  482. width: 180px;
  483. opacity: 1; }
  484. .leaflet-bar .leaflet-control-mapbox-geocoder-toggle, .leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
  485. border-bottom: none; }
  486. .leaflet-control-mapbox-geocoder-toggle {
  487. border-radius: 3px; }
  488. .leaflet-control-mapbox-geocoder.active, .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  489. border-top-right-radius: 0;
  490. border-bottom-right-radius: 0; }
  491. .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
  492. width: 180px;
  493. height: 26px;
  494. padding: 0 0 0 10px;
  495. background: transparent;
  496. border: 0;
  497. outline: none; }
  498. .leaflet-control-mapbox-geocoder-results {
  499. position: absolute;
  500. top: 25px;
  501. left: 26px;
  502. width: 180px;
  503. border-radius: 0 0 3px 3px; }
  504. .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results {
  505. background: #fff;
  506. border: 1px solid #999;
  507. border-color: rgba(0, 0, 0, 0.4); }
  508. .leaflet-control-mapbox-geocoder-results a, .leaflet-control-mapbox-geocoder-results span {
  509. display: block;
  510. width: 100%;
  511. padding: 0 10px;
  512. overflow: hidden;
  513. font-size: 12px;
  514. line-height: 26px;
  515. text-align: left;
  516. text-overflow: ellipsis;
  517. white-space: nowrap; }
  518. .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results a:hover {
  519. background: #f8f8f8;
  520. opacity: 1; }
  521. .leaflet-right .leaflet-control-mapbox-geocoder-wrap, .leaflet-right .leaflet-control-mapbox-geocoder-results {
  522. right: 26px;
  523. left: auto; }
  524. .leaflet-right .leaflet-control-mapbox-geocoder-wrap {
  525. border-radius: 3px 0 0 3px; }
  526. .leaflet-right .leaflet-control-mapbox-geocoder.active, .leaflet-right .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  527. border-radius: 0 3px 3px 0; }
  528. .leaflet-bottom .leaflet-control-mapbox-geocoder-results {
  529. top: auto;
  530. bottom: 25px;
  531. border-radius: 3px 3px 0 0; }
  532. /* Mapbox Logo
  533. ------------------------------------------------------- */
  534. .mapbox-logo-true:before {
  535. display: inline-block;
  536. width: 61px;
  537. height: 19px;
  538. vertical-align: middle;
  539. content: ""; }
  540. .mapbox-logo-true {
  541. background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NSIgaGVpZ2h0PSIyMCI+PGRlZnMvPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuODQ4MywtOTguNTAzOTUpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0ib3BhY2l0eTowLjI1O2ZpbGw6I2ZmZmZmZjtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtZGFzaGFycmF5Om5vbmUiPjxwYXRoIGQ9Ik0gNS4yOCAxLjUgQyA0LjU0IDEuNTYgMy45IDIuMjUgMy45MSAzIGwgMCAxMS44OCBjIDAuMDIgMC43NyAwLjcyIDEuNDcgMS41IDEuNDcgbCAxLjc1IDAgYyAwLjc4IDAgMS40OCAtMC42OSAxLjUgLTEuNDcgbCAwIC00LjI4IDAuNzIgMS4xOSBjIDAuNTMgMC44NyAyLjAzIDAuODcgMi41NiAwIGwgMC43MiAtMS4xOSAwIDQuMjggYyAwLjAyIDAuNzYgMC43IDEuNDUgMS40NyAxLjQ3IGwgMS43NSAwIGMgMC43OCAwIDEuNDggLTAuNjkgMS41IC0xLjQ3IGwgMCAtMC4xNiBjIDEuMDIgMS4xMiAyLjQ2IDEuODEgNC4wOSAxLjgxIGwgNC4wOSAwIDAgMS40NyBjIC0wIDAuNzggMC42OSAxLjQ4IDEuNDcgMS41IGwgMS43NSAwIGMgMC43OSAtMCAxLjUgLTAuNzEgMS41IC0xLjUgbCAwLjAyIC0xLjQ3IGMgMS43MiAwIDMuMDggLTAuNjQgNC4xNCAtMS42OSBsIDAgMC4xOSBjIDAgMC4zOSAwLjE2IDAuNzkgMC40NCAxLjA2IDAuMjggMC4yOCAwLjY3IDAuNDQgMS4wNiAwLjQ0IGwgMy4zMSAwIGMgMi4wMyAwIDMuODUgLTEuMDYgNC45MSAtMi42OSAxLjA1IDEuNjEgMi44NCAyLjY5IDQuODggMi42OSAxLjAzIDAgMS45OCAtMC4yNyAyLjgxIC0wLjc1IDAuMjggMC4zNSAwLjczIDAuNTcgMS4xOSAwLjU2IGwgMi4xMiAwIGMgMC40OCAwLjAxIDAuOTcgLTAuMjMgMS4yNSAtMC42MiBsIDAuOTEgLTEuMjggMC45MSAxLjI4IGMgMC4yOCAwLjM5IDAuNzQgMC42MyAxLjIyIDAuNjIgbCAyLjE2IDAgQyA2Mi42NyAxNi4zMyA2My40MiAxNC44OSA2Mi44MSAxNCBMIDYwLjIyIDEwLjM4IDYyLjYyIDcgQyA2My4yNiA2LjExIDYyLjUgNC42MiA2MS40MSA0LjYyIGwgLTIuMTYgMCBDIDU4Ljc4IDQuNjIgNTguMzEgNC44NiA1OC4wMyA1LjI1IEwgNTcuMzEgNi4yOCA1Ni41NiA1LjI1IEMgNTYuMjkgNC44NiA1NS44MiA0LjYyIDU1LjM0IDQuNjIgbCAtMi4xNiAwIGMgLTAuNDkgLTAgLTAuOTcgMC4yNSAtMS4yNSAwLjY2IC0wLjg2IC0wLjUxIC0xLjg0IC0wLjgxIC0yLjkxIC0wLjgxIC0yLjAzIDAgLTMuODMgMS4wOCAtNC44OCAyLjY5IEMgNDMuMSA1LjUzIDQxLjI3IDQuNDcgMzkuMTkgNC40NyBMIDM5LjE5IDMgQyAzOS4xOSAyLjYxIDM5LjAzIDIuMjEgMzguNzUgMS45NCAzOC40NyAxLjY2IDM4LjA4IDEuNSAzNy42OSAxLjUgbCAtMS43NSAwIGMgLTAuNzEgMCAtMS41IDAuODMgLTEuNSAxLjUgbCAwIDMuMTYgQyAzMy4zOCA1LjEgMzEuOTYgNC40NyAzMC4zOCA0LjQ3IGwgLTMuMzQgMCBjIC0wLjc3IDAuMDIgLTEuNDcgMC43MiAtMS40NyAxLjUgbCAwIDAuMzEgYyAtMS4wMiAtMS4xMiAtMi40NiAtMS44MSAtNC4wOSAtMS44MSAtMS42MyAwIC0zLjA3IDAuNyAtNC4wOSAxLjgxIEwgMTcuMzggMyBjIC0wIC0wLjc5IC0wLjcxIC0xLjUgLTEuNSAtMS41IEwgMTQuNSAxLjUgQyAxMy41NSAxLjUgMTIuMjggMS44NyAxMS42NiAyLjk0IGwgLTEgMS42OSAtMSAtMS42OSBDIDkuMDMgMS44NyA3Ljc3IDEuNSA2LjgxIDEuNSBsIC0xLjQxIDAgQyA1LjM2IDEuNSA1LjMyIDEuNSA1LjI4IDEuNSB6IG0gMTYuMTkgNy43MiBjIDAuNTMgMCAwLjk0IDAuMzUgMC45NCAxLjI4IGwgMCAxLjI4IC0wLjk0IDAgYyAtMC41MiAwIC0wLjk0IC0wLjM4IC0wLjk0IC0xLjI4IC0wIC0wLjkgMC40MiAtMS4yOCAwLjk0IC0xLjI4IHogbSA4LjgxIDAgYyAwLjgzIDAgMS4xOCAwLjY4IDEuMTkgMS4yOCAwLjAxIDAuOTQgLTAuNjIgMS4yOCAtMS4xOSAxLjI4IHogbSA4LjcyIDAgYyAwLjcyIDAgMS4zNyAwLjYgMS4zNyAxLjI4IDAgMC43NyAtMC41MSAxLjI4IC0xLjM3IDEuMjggeiBtIDEwLjAzIDAgYyAwLjU4IDAgMS4wOSAwLjUgMS4wOSAxLjI4IDAgMC43OCAtMC41MSAxLjI4IC0xLjA5IDEuMjggLTAuNTggMCAtMS4xMiAtMC41IC0xLjEyIC0xLjI4IDAgLTAuNzggMC41NCAtMS4yOCAxLjEyIC0xLjI4IHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZm9udC1zaXplOm1lZGl1bTtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTtsaW5lLWhlaWdodDpub3JtYWw7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3dyaXRpbmctbW9kZTpsci10Yjt0ZXh0LWFuY2hvcjpzdGFydDtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7bWFya2VyOm5vbmU7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtmb250LWZhbWlseTpTYW5zOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0iZmlsbDojZmZmZmZmIj48cGF0aCBkPSJtIDUuNDEgMyAwIDEyIDEuNzUgMCAwIC05LjkxIDMuNSA1Ljk0IDMuNDcgLTUuOTQgMCA5LjkxIDEuNzUgMCAwIC0xMiBMIDE0LjUgMyBDIDEzLjggMyAxMy4yNSAzLjE2IDEyLjk0IDMuNjkgTCAxMC42NiA3LjU5IDguMzggMy42OSBDIDguMDcgMy4xNiA3LjUxIDMgNi44MSAzIHogTSAzNiAzIGwgMCAxMi4wMyAzLjI1IDAgYyAyLjQ0IDAgNC4zOCAtMS45MSA0LjM4IC00LjUzIDAgLTIuNjIgLTEuOTMgLTQuNDcgLTQuMzggLTQuNDcgQyAzOC43IDYuMDMgMzguMzIgNiAzNy43NSA2IGwgMCAtMyB6IE0gMjEuNDcgNS45NyBjIC0yLjQ0IDAgLTQuMTkgMS45MSAtNC4xOSA0LjUzIDAgMi42MiAxLjc1IDQuNTMgNC4xOSA0LjUzIGwgNC4xOSAwIDAgLTQuNTMgYyAwIC0yLjYyIC0xLjc1IC00LjUzIC00LjE5IC00LjUzIHogbSAyNy41NiAwIGMgLTIuNDEgMCAtNC4zOCAyLjAzIC00LjM4IDQuNTMgMCAyLjUgMS45NyA0LjUzIDQuMzggNC41MyAyLjQxIDAgNC4zNCAtMi4wMyA0LjM0IC00LjUzIDAgLTIuNSAtMS45NCAtNC41MyAtNC4zNCAtNC41MyB6IG0gLTIyIDAuMDMgMCAxMiAxLjc1IDAgMCAtMi45NyBjIDAuNTcgMCAxLjA0IC0wIDEuNTkgMCAyLjQ0IDAgNC4zNCAtMS45MSA0LjM0IC00LjUzIDAgLTIuNjIgLTEuOSAtNC41IC00LjM0IC00LjUgeiBtIDI2LjE2IDAgMy4wMyA0LjM4IC0zLjE5IDQuNjIgMi4xMiAwIEwgNTcuMzEgMTEuOTEgNTkuNDQgMTUgNjEuNTkgMTUgNTguMzggMTAuMzggNjEuNDEgNiA1OS4yNSA2IDU3LjMxIDguODEgNTUuMzQgNiB6IE0gMjEuNDcgNy43MiBjIDEuNCAwIDIuNDQgMS4xOSAyLjQ0IDIuNzggbCAwIDIuNzggLTIuNDQgMCBjIC0xLjQgMCAtMi40NCAtMS4yMSAtMi40NCAtMi43OCAtMCAtMS41NyAxLjA0IC0yLjc4IDIuNDQgLTIuNzggeiBtIDI3LjU2IDAgYyAxLjQ0IDAgMi41OSAxLjI0IDIuNTkgMi43OCAwIDEuNTQgLTEuMTUgMi43OCAtMi41OSAyLjc4IC0xLjQ0IDAgLTIuNjIgLTEuMjQgLTIuNjIgLTIuNzggMCAtMS41NCAxLjE4IC0yLjc4IDIuNjIgLTIuNzggeiBtIC0yMC4yNSAwLjAzIDEuNTkgMCBjIDEuNTkgMCAyLjU5IDEuMjggMi41OSAyLjc1IDAgMS40NyAtMS4xMyAyLjc4IC0yLjU5IDIuNzggbCAtMS41OSAwIHogbSA4Ljk3IDAgMS41IDAgYyAxLjQ3IDAgMi42MiAxLjI4IDIuNjIgMi43NSAwIDEuNDcgLTEuMDQgMi43OCAtMi42MiAyLjc4IGwgLTEuNSAwIHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIi8+PC9nPjwvZz48L3N2Zz4=");
  542. background-repeat: no-repeat;
  543. background-size: 61px 19px; }
  544. /* Dark Theme
  545. ------------------------------------------------------- */
  546. .leaflet-container.dark .leaflet-bar {
  547. background-color: #404040;
  548. border-color: #202020;
  549. border-color: rgba(0, 0, 0, 0.75); }
  550. .leaflet-container.dark .leaflet-bar a {
  551. color: #404040;
  552. border-color: rgba(0, 0, 0, 0.5); }
  553. .leaflet-container.dark .leaflet-bar a:active, .leaflet-container.dark .leaflet-bar a:hover {
  554. background-color: #505050; }
  555. .leaflet-container.dark .leaflet-control-attribution:after, .leaflet-container.dark .mapbox-info-toggle, .leaflet-container.dark .map-info-container, .leaflet-container.dark .leaflet-control-attribution {
  556. color: #f8f8f8;
  557. background-color: rgba(0, 0, 0, 0.5); }
  558. .leaflet-container.dark .leaflet-control-attribution a, .leaflet-container.dark .leaflet-control-attribution a:hover, .leaflet-container.dark .map-info-container a, .leaflet-container.dark .map-info-container a:hover {
  559. color: #fff; }
  560. .leaflet-container.dark .leaflet-control-attribution:hover:after {
  561. background-color: #000; }
  562. .leaflet-container.dark .leaflet-control-layers-list span {
  563. color: #f8f8f8; }
  564. .leaflet-container.dark .leaflet-control-layers-separator {
  565. border-top-color: rgba(255, 255, 255, 0.1); }
  566. .leaflet-container.dark .leaflet-bar a.leaflet-disabled, .leaflet-container.dark .leaflet-control .mapbox-button.disabled {
  567. color: #404040;
  568. background-color: #252525; }
  569. .leaflet-container.dark .leaflet-control-mapbox-geocoder > div {
  570. border-color: #202020;
  571. border-color: rgba(0, 0, 0, 0.75); }
  572. .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a {
  573. border-color: #ddd #202020;
  574. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75); }
  575. .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span {
  576. border-color: #202020;
  577. border-color: rgba(0, 0, 0, 0.75); }
  578. /* Larger Screens
  579. ------------------------------------------------------- */
  580. @media only screen and (max-width: 800px) {
  581. .mapbox-modal-body {
  582. width: 83.3333%;
  583. margin-left: 8.3333%; } }
  584. /* Smaller Screens
  585. ------------------------------------------------------- */
  586. @media only screen and (max-width: 640px) {
  587. .mapbox-modal-body {
  588. width: 100%;
  589. height: 100%;
  590. margin: 0; } }
  591. /* Print
  592. ------------------------------------------------------- */
  593. @media print {
  594. .mapbox-improve-map {
  595. display: none; } }
  596. /* Browser Fixes
  597. ------------------------------------------------------- */
  598. /* VML support for IE8 */
  599. .leaflet-vml-shape {
  600. width: 1px;
  601. height: 1px; }
  602. .lvml {
  603. position: absolute;
  604. display: inline-block;
  605. behavior: url(#default#VML); }
  606. /* Map is broken in FF if you have max-width: 100% on tiles */
  607. .leaflet-container img.leaflet-tile {
  608. max-width: none !important; }
  609. /* Markers are broken in FF/IE if you have max-width: 100% on marker images */
  610. .leaflet-container img.leaflet-marker-icon {
  611. max-width: none; }
  612. /* Stupid Android 2 doesn't understand "max-width: none" properly */
  613. .leaflet-container img.leaflet-image-layer {
  614. max-width: 15000px !important; }
  615. /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
  616. .leaflet-overlay-pane svg {
  617. -moz-user-select: none; }
  618. /* Older IEs don't support the translateY property for display animation */
  619. .leaflet-oldie .mapbox-modal .mapbox-modal-content {
  620. display: none; }
  621. .leaflet-oldie .mapbox-modal.active .mapbox-modal-content {
  622. display: block; }
  623. .map-tooltip {
  624. width: 280px\8;
  625. /* < IE9 */ }
  626. /* < IE8 */
  627. .leaflet-oldie .leaflet-control-zoom-in, .leaflet-oldie .leaflet-control-zoom-out, .leaflet-oldie .leaflet-popup-close-button, .leaflet-oldie .leaflet-control-layers-toggle, .leaflet-oldie .leaflet-container.dark .map-tooltip .close, .leaflet-oldie .map-tooltip .close, .leaflet-oldie .mapbox-icon {
  628. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAEECAYAAAA24SSRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAXnSURBVHic7ZxfiFVFGMB/33pRUQsKto002DY3McJ6yBYkESQxpYTypaB66KEXYRWLYOlhr9RTRGWRUkk9RyEU+Y9ClECJVTKlPybWBilqkYuWrqBOD/NdPV7PmTPn3NPtat/AcO6ZP9/vfN/Mmfl2Zs6Kc452hK62UAxkIANdEURkVERGC9crOjKIiANwzkmRep1lOjWXa2ijaU7jaGWgKsL110a1EnV+LQMqbLqyobO6t4EMZCADGchABrqmQUlPNSWOVgaqIpi7ZSADGchABjKQga49kIjURaQem14apGE4KVR/D0fXds5FRaAOOL1e+h1dP7ZgE6wQxDnXvs7QWaZLE1wUVmRNdY1zrp6wRF0kfqHYnHwDGchABjJQIETNRyIyFVgBzAPmavIIsAt4xzn3d66QiNl1PnCYy05JczwMzG9pKlfIhQCkES/kwUKQqRma9GpM02xqGXdrBdCXZm2NzaFP66SGUGeYl5E+WqJO0HRHSG+PXtJN54AjVbhbjQcbBSjiakH4hR0p+hChOiHQrhKg7Drt6t7//Qtb9RAU5XtXMaiak28gAxnIQO0Gicg0EXlMRDaIyFGNGzRtWhQpMA/1A6uAL4BzZM9H57TMKqC/8HyUPFhZJLiMI4sh0/UDK4FtwHig3LiWWal1UkPsDDsFWAgsBZZo8hZgM7DdOXcmV0igjQ4Ba4HFwORAuclaZi1wqNU2OgNsVw22aNoS1XAhMCXx4OkubOBJZwKDwFbgLNm97qyWGQRmtuoFWRsV0ujabCPzVA1kIAMZqBNAIjIgImPNRxUzK+SsmtRJn4Pqmj8AjCXzsmTlaTSck/8zcDRX/QiNMp8S6Ab2a5nvG5plyioDaoLs1/sBYKwyUBokkTdQJeiVZgi6UR+UVQI0QWHdoXKFvKDYz7RiynXctk7LPlmeRmsKyAqWNQfSQAYykIGuS5CI1ERkSET2ishpvQ6JSLE93ByfoQbsRHeNgfe4vOO8E6iF6hdxToZU6OqGUIWv1vShqkB7VYNaU3pN0/fGgvLa6C5gk3PufJO5zwObgDuraqM8jbZWpdEnwG3AYKOX6XVQ07+sSqNQr3P4QxS9LXeGBGxIzTiGXwR8QSHRsCj7ZjxAbxFYaVAKbMe/BkrAduRpZJ6qgQxkoP8DKDRY1sk/s5W6YFhoUG3nFnZeOIJfxLgXWB7zBFmmyzPT44my9zXSC098OZCTwCQttzOZVzVoX1a5LHmdtYyWDM29yjknItKF3xSelFWvKo1mhCClQLo1sC95T8T/ebr+xrqOABVZT82tY56qgQxkIAN1CkhEulsGiUi3iCzKyJsjIpuBYyLyo4isFpHXReTuTFLAr1sOnAeeT8nbzNW+3rfAM2UcyAcSQj4FngR68Ot0F1NA24CuMqBu4PMUgYdS0hzwYqlFJ+AeNV3s30aLSoEUtjEScoHE3nkZ0Ay1fR7o3ZCcGNAEYHcO5A/g5pZACpsMPEf6UexTwCN5MvI6w2zgaeBt4HQK5BsC57ubY+jPll/wHzn1Ayc07QD+u6MR4GPn3LlA/SuCOZAGMpCBDFRhiF50EpFl+PP49wOzgIPAHmCLc+6zXAERE18P+b7DRqAnJCfvfF0P/mTgLZr0l97vB27CL3HO0rwTwBzn3PHCGiU0uQisA6bhzT0T/T4ZeAr4s6FZmal8WcI0LwETgdfwHzY1XKz3teyjibLLioLWa8UDeG/oZbxD+QHwdULwg1r+K71fXxQ0ohXfAgS/Mvyh5i1MgNZp2qt6P5ImL/QezdbrSeAG4EbVJJkH8LteJ+p1FikhBPpNr3Odc6fUNHdo2oJEucbX8Y2zDQeLgr7T62IReRb4AX9mGGC6Xo8Bu0VkOvCQpu1JlRZoo6Vc/WL2ad4C4A28CWvAR5TtdU0dwqH/ewHvHi8HbgUexh+euDRCFH6PVOh0/FKzw3um4M8zpA1DxwkMQzFjXR9+d/9N1WI8BZI71kU56Aq8HXgC+Ak/5o3gX+rUNmmO5nsbqP2gfwCyvJzPNoKXiAAAAABJRU5ErkJggg=="); }
  629. .leaflet-oldie .mapbox-button-icon:before, .leaflet-oldie .leaflet-container.dark .leaflet-control-zoom-in, .leaflet-oldie .leaflet-container.dark .leaflet-control-zoom-out, .leaflet-oldie .leaflet-container.dark .leaflet-control-layers-toggle, .leaflet-oldie .leaflet-container.dark .mapbox-icon {
  630. background-image: url("data:image/png;base64,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"); }
  631. .leaflet-oldie .mapbox-logo-true {
  632. background-image: none; }
  633. /* [Leaflet Markercluster] Plugin */
  634. /* ----------MarkerCluster.css------------- */
  635. .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  636. transition: opacity .3s ease-in, -webkit-transform .3s ease-out;
  637. transition: transform .3s ease-out, opacity .3s ease-in;
  638. transition: transform .3s ease-out, opacity .3s ease-in, -webkit-transform .3s ease-out; }
  639. .leaflet-cluster-spider-leg {
  640. /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  641. transition: stroke-dashoffset .3s ease-out, stroke-opacity .3s ease-in; }
  642. /* -----------MarkerCluster.Default.css------------ */
  643. .marker-cluster-small {
  644. background-color: rgba(181, 226, 140, 0.6); }
  645. .marker-cluster-small div {
  646. background-color: rgba(110, 204, 57, 0.6); }
  647. .marker-cluster-medium {
  648. background-color: rgba(241, 211, 87, 0.6); }
  649. .marker-cluster-medium div {
  650. background-color: rgba(240, 194, 12, 0.6); }
  651. .marker-cluster-large {
  652. background-color: rgba(253, 156, 115, 0.6); }
  653. .marker-cluster-large div {
  654. background-color: rgba(241, 128, 23, 0.6); }
  655. /* IE 6-8 fallback colors */
  656. .leaflet-oldie .marker-cluster-small {
  657. background-color: #b5e28c; }
  658. .leaflet-oldie .marker-cluster-small div {
  659. background-color: #6ecc39; }
  660. .leaflet-oldie .marker-cluster-medium {
  661. background-color: #f1d357; }
  662. .leaflet-oldie .marker-cluster-medium div {
  663. background-color: #f0c20c; }
  664. .leaflet-oldie .marker-cluster-large {
  665. background-color: #fd9c73; }
  666. .leaflet-oldie .marker-cluster-large div {
  667. background-color: #f18017; }
  668. .marker-cluster {
  669. background-clip: padding-box;
  670. border-radius: 20px; }
  671. .marker-cluster div {
  672. width: 30px;
  673. height: 30px;
  674. margin-top: 5px;
  675. margin-left: 5px;
  676. font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  677. text-align: center;
  678. border-radius: 15px; }
  679. .marker-cluster span {
  680. line-height: 30px; }
  681. /* END [Leaflet Markercluster] Plugin */
  682. /* remark revise */
  683. .leaflet-popup-pane {
  684. left: 38px;
  685. cursor: pointer; }
  686. .leaflet-popup-pane .leaflet-popup-content-wrapper {
  687. width: 170px;
  688. padding: 0; }
  689. .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content {
  690. padding: 20px; }
  691. .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .friend-popup-info .detail, .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup-info .detail {
  692. position: absolute;
  693. top: -5px;
  694. left: 15px;
  695. padding: 2px 8px;
  696. color: #fafafa;
  697. background-color: #7dd3ae;
  698. border-radius: 3px; }
  699. .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .friend-popup-info h3, .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup-info h3 {
  700. margin-bottom: 0;
  701. font-size: 14px;
  702. transition: .4s ease-in-out all; }
  703. .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .friend-popup-info p, .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup-info p {
  704. margin: 0;
  705. font-size: 12px;
  706. line-height: 1em; }
  707. .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .icon {
  708. position: absolute;
  709. top: 50%;
  710. left: 150px;
  711. -webkit-transform: translateY(-100%);
  712. transform: translateY(-100%); }
  713. .leaflet-popup-pane .leaflet-popup-tip {
  714. position: absolute;
  715. top: -5px;
  716. width: 10px;
  717. height: 10px;
  718. background-color: #fff;
  719. border: 0;
  720. box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  721. -webkit-transform: rotate(45deg);
  722. transform: rotate(45deg); }
  723. .leaflet-popup-pane:hover h3 {
  724. color: #7dd3ae; }
  725. /* END remark revise */