leaflet-rails 0.7.7 → 1.0.0.pre.rc1

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,480 +3,524 @@
3
3
 
4
4
  /* required styles */
5
5
 
6
- .leaflet-map-pane,
6
+ .leaflet-pane,
7
7
  .leaflet-tile,
8
8
  .leaflet-marker-icon,
9
9
  .leaflet-marker-shadow,
10
- .leaflet-tile-pane,
11
10
  .leaflet-tile-container,
12
- .leaflet-overlay-pane,
13
- .leaflet-shadow-pane,
14
- .leaflet-marker-pane,
15
- .leaflet-popup-pane,
16
- .leaflet-overlay-pane svg,
11
+ .leaflet-map-pane svg,
12
+ .leaflet-map-pane canvas,
17
13
  .leaflet-zoom-box,
18
14
  .leaflet-image-layer,
19
15
  .leaflet-layer {
20
- position: absolute;
21
- left: 0;
22
- top: 0;
23
- }
16
+ position: absolute;
17
+ left: 0;
18
+ top: 0;
19
+ }
24
20
  .leaflet-container {
25
- overflow: hidden;
26
- -ms-touch-action: none;
27
- touch-action: none;
28
- }
21
+ overflow: hidden;
22
+ -ms-touch-action: none;
23
+ touch-action: none;
24
+ }
29
25
  .leaflet-tile,
30
26
  .leaflet-marker-icon,
31
27
  .leaflet-marker-shadow {
32
- -webkit-user-select: none;
33
- -moz-user-select: none;
34
- user-select: none;
35
- -webkit-user-drag: none;
36
- }
28
+ -webkit-user-select: none;
29
+ -moz-user-select: none;
30
+ user-select: none;
31
+ -webkit-user-drag: none;
32
+ }
33
+ /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
34
+ .leaflet-safari .leaflet-tile {
35
+ image-rendering: -webkit-optimize-contrast;
36
+ }
37
+ /* hack that prevents hw layers "stretching" when loading new tiles */
38
+ .leaflet-safari .leaflet-tile-container {
39
+ width: 1600px;
40
+ height: 1600px;
41
+ -webkit-transform-origin: 0 0;
42
+ }
37
43
  .leaflet-marker-icon,
38
44
  .leaflet-marker-shadow {
39
- display: block;
40
- }
41
- /* map is broken in FF if you have max-width: 100% on tiles */
42
- .leaflet-container img {
43
- max-width: none !important;
44
- }
45
- /* stupid Android 2 doesn't understand "max-width: none" properly */
45
+ display: block;
46
+ }
47
+ /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
48
+ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
49
+ .leaflet-container .leaflet-overlay-pane svg,
50
+ .leaflet-container .leaflet-marker-pane img,
51
+ .leaflet-container .leaflet-tile-pane img,
46
52
  .leaflet-container img.leaflet-image-layer {
47
- max-width: 15000px !important;
48
- }
53
+ max-width: none !important;
54
+ }
49
55
  .leaflet-tile {
50
- filter: inherit;
51
- visibility: hidden;
52
- }
56
+ filter: inherit;
57
+ visibility: hidden;
58
+ }
53
59
  .leaflet-tile-loaded {
54
- visibility: inherit;
55
- }
60
+ visibility: inherit;
61
+ }
56
62
  .leaflet-zoom-box {
57
- width: 0;
58
- height: 0;
59
- }
63
+ width: 0;
64
+ height: 0;
65
+ -moz-box-sizing: border-box;
66
+ box-sizing: border-box;
67
+ z-index: 800;
68
+ }
60
69
  /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
61
70
  .leaflet-overlay-pane svg {
62
- -moz-user-select: none;
63
- }
71
+ -moz-user-select: none;
72
+ }
73
+
74
+ .leaflet-pane { z-index: 400; }
75
+
76
+ .leaflet-tile-pane { z-index: 200; }
77
+ .leaflet-overlay-pane { z-index: 400; }
78
+ .leaflet-shadow-pane { z-index: 500; }
79
+ .leaflet-marker-pane { z-index: 600; }
80
+ .leaflet-popup-pane { z-index: 700; }
64
81
 
65
- .leaflet-tile-pane { z-index: 2; }
66
- .leaflet-objects-pane { z-index: 3; }
67
- .leaflet-overlay-pane { z-index: 4; }
68
- .leaflet-shadow-pane { z-index: 5; }
69
- .leaflet-marker-pane { z-index: 6; }
70
- .leaflet-popup-pane { z-index: 7; }
82
+ .leaflet-map-pane canvas { z-index: 100; }
83
+ .leaflet-map-pane svg { z-index: 200; }
71
84
 
72
85
  .leaflet-vml-shape {
73
- width: 1px;
74
- height: 1px;
75
- }
86
+ width: 1px;
87
+ height: 1px;
88
+ }
76
89
  .lvml {
77
- behavior: url(#default#VML);
78
- display: inline-block;
79
- position: absolute;
80
- }
90
+ behavior: url(#default#VML);
91
+ display: inline-block;
92
+ position: absolute;
93
+ }
81
94
 
82
95
 
83
96
  /* control positioning */
84
97
 
85
98
  .leaflet-control {
86
- position: relative;
87
- z-index: 7;
88
- pointer-events: auto;
89
- }
99
+ position: relative;
100
+ z-index: 800;
101
+ pointer-events: auto;
102
+ }
90
103
  .leaflet-top,
91
104
  .leaflet-bottom {
92
- position: absolute;
93
- z-index: 1000;
94
- pointer-events: none;
95
- }
105
+ position: absolute;
106
+ z-index: 1000;
107
+ pointer-events: none;
108
+ }
96
109
  .leaflet-top {
97
- top: 0;
98
- }
110
+ top: 0;
111
+ }
99
112
  .leaflet-right {
100
- right: 0;
101
- }
113
+ right: 0;
114
+ }
102
115
  .leaflet-bottom {
103
- bottom: 0;
104
- }
116
+ bottom: 0;
117
+ }
105
118
  .leaflet-left {
106
- left: 0;
107
- }
119
+ left: 0;
120
+ }
108
121
  .leaflet-control {
109
- float: left;
110
- clear: both;
111
- }
122
+ float: left;
123
+ clear: both;
124
+ }
112
125
  .leaflet-right .leaflet-control {
113
- float: right;
114
- }
126
+ float: right;
127
+ }
115
128
  .leaflet-top .leaflet-control {
116
- margin-top: 10px;
117
- }
129
+ margin-top: 10px;
130
+ }
118
131
  .leaflet-bottom .leaflet-control {
119
- margin-bottom: 10px;
120
- }
132
+ margin-bottom: 10px;
133
+ }
121
134
  .leaflet-left .leaflet-control {
122
- margin-left: 10px;
123
- }
135
+ margin-left: 10px;
136
+ }
124
137
  .leaflet-right .leaflet-control {
125
- margin-right: 10px;
126
- }
138
+ margin-right: 10px;
139
+ }
127
140
 
128
141
 
129
142
  /* zoom and fade animations */
130
143
 
131
- .leaflet-fade-anim .leaflet-tile,
144
+ .leaflet-fade-anim .leaflet-tile {
145
+ will-change: opacity;
146
+ }
132
147
  .leaflet-fade-anim .leaflet-popup {
133
- opacity: 0;
134
- -webkit-transition: opacity 0.2s linear;
135
- -moz-transition: opacity 0.2s linear;
136
- -o-transition: opacity 0.2s linear;
137
- transition: opacity 0.2s linear;
138
- }
139
- .leaflet-fade-anim .leaflet-tile-loaded,
148
+ opacity: 0;
149
+ -webkit-transition: opacity 0.2s linear;
150
+ -moz-transition: opacity 0.2s linear;
151
+ -o-transition: opacity 0.2s linear;
152
+ transition: opacity 0.2s linear;
153
+ }
140
154
  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
141
- opacity: 1;
142
- }
143
-
155
+ opacity: 1;
156
+ }
157
+ .leaflet-zoom-animated {
158
+ -webkit-transform-origin: 0 0;
159
+ -ms-transform-origin: 0 0;
160
+ transform-origin: 0 0;
161
+ }
162
+ .leaflet-zoom-anim .leaflet-zoom-animated {
163
+ will-change: transform;
164
+ }
144
165
  .leaflet-zoom-anim .leaflet-zoom-animated {
145
- -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
146
- -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
147
- -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
148
- transition: transform 0.25s cubic-bezier(0,0,0.25,1);
149
- }
166
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
167
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
168
+ -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
169
+ transition: transform 0.25s cubic-bezier(0,0,0.25,1);
170
+ }
150
171
  .leaflet-zoom-anim .leaflet-tile,
151
- .leaflet-pan-anim .leaflet-tile,
152
- .leaflet-touching .leaflet-zoom-animated {
153
- -webkit-transition: none;
154
- -moz-transition: none;
155
- -o-transition: none;
156
- transition: none;
157
- }
172
+ .leaflet-pan-anim .leaflet-tile {
173
+ -webkit-transition: none;
174
+ -moz-transition: none;
175
+ -o-transition: none;
176
+ transition: none;
177
+ }
158
178
 
159
179
  .leaflet-zoom-anim .leaflet-zoom-hide {
160
- visibility: hidden;
161
- }
180
+ visibility: hidden;
181
+ }
162
182
 
163
183
 
164
184
  /* cursors */
165
185
 
166
- .leaflet-clickable {
167
- cursor: pointer;
168
- }
169
- .leaflet-container {
170
- cursor: -webkit-grab;
171
- cursor: -moz-grab;
172
- }
186
+ .leaflet-interactive {
187
+ cursor: pointer;
188
+ }
189
+ .leaflet-grab {
190
+ cursor: -webkit-grab;
191
+ cursor: -moz-grab;
192
+ }
193
+ .leaflet-crosshair,
194
+ .leaflet-crosshair .leaflet-interactive {
195
+ cursor: crosshair;
196
+ }
173
197
  .leaflet-popup-pane,
174
198
  .leaflet-control {
175
- cursor: auto;
176
- }
177
- .leaflet-dragging .leaflet-container,
178
- .leaflet-dragging .leaflet-clickable {
179
- cursor: move;
180
- cursor: -webkit-grabbing;
181
- cursor: -moz-grabbing;
182
- }
199
+ cursor: auto;
200
+ }
201
+ .leaflet-dragging .leaflet-grab,
202
+ .leaflet-dragging .leaflet-grab .leaflet-interactive,
203
+ .leaflet-dragging .leaflet-marker-draggable {
204
+ cursor: move;
205
+ cursor: -webkit-grabbing;
206
+ cursor: -moz-grabbing;
207
+ }
208
+
209
+ /* marker & overlays interactivity */
210
+ .leaflet-marker-icon,
211
+ .leaflet-marker-shadow,
212
+ .leaflet-image-layer,
213
+ .leaflet-pane > svg path,
214
+ .leaflet-tile-container {
215
+ pointer-events: none;
216
+ }
183
217
 
218
+ .leaflet-marker-icon.leaflet-interactive,
219
+ .leaflet-image-layer.leaflet-interactive,
220
+ .leaflet-pane > svg path.leaflet-interactive {
221
+ pointer-events: auto;
222
+ }
184
223
 
185
224
  /* visual tweaks */
186
225
 
187
226
  .leaflet-container {
188
- background: #ddd;
189
- outline: 0;
190
- }
227
+ background: #ddd;
228
+ outline: 0;
229
+ }
191
230
  .leaflet-container a {
192
- color: #0078A8;
193
- }
231
+ color: #0078A8;
232
+ }
194
233
  .leaflet-container a.leaflet-active {
195
- outline: 2px solid orange;
196
- }
234
+ outline: 2px solid orange;
235
+ }
197
236
  .leaflet-zoom-box {
198
- border: 2px dotted #38f;
199
- background: rgba(255,255,255,0.5);
200
- }
237
+ border: 2px dotted #38f;
238
+ background: rgba(255,255,255,0.5);
239
+ }
201
240
 
202
241
 
203
242
  /* general typography */
204
243
  .leaflet-container {
205
- font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
206
- }
244
+ font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
245
+ }
207
246
 
208
247
 
209
248
  /* general toolbar styles */
210
249
 
211
250
  .leaflet-bar {
212
- box-shadow: 0 1px 5px rgba(0,0,0,0.65);
213
- border-radius: 4px;
214
- }
251
+ box-shadow: 0 1px 5px rgba(0,0,0,0.65);
252
+ border-radius: 4px;
253
+ }
215
254
  .leaflet-bar a,
216
255
  .leaflet-bar a:hover {
217
- background-color: #fff;
218
- border-bottom: 1px solid #ccc;
219
- width: 26px;
220
- height: 26px;
221
- line-height: 26px;
222
- display: block;
223
- text-align: center;
224
- text-decoration: none;
225
- color: black;
226
- }
256
+ background-color: #fff;
257
+ border-bottom: 1px solid #ccc;
258
+ width: 26px;
259
+ height: 26px;
260
+ line-height: 26px;
261
+ display: block;
262
+ text-align: center;
263
+ text-decoration: none;
264
+ color: black;
265
+ }
227
266
  .leaflet-bar a,
228
267
  .leaflet-control-layers-toggle {
229
- background-position: 50% 50%;
230
- background-repeat: no-repeat;
231
- display: block;
232
- }
268
+ background-position: 50% 50%;
269
+ background-repeat: no-repeat;
270
+ display: block;
271
+ }
233
272
  .leaflet-bar a:hover {
234
- background-color: #f4f4f4;
235
- }
273
+ background-color: #f4f4f4;
274
+ }
236
275
  .leaflet-bar a:first-child {
237
- border-top-left-radius: 4px;
238
- border-top-right-radius: 4px;
239
- }
276
+ border-top-left-radius: 4px;
277
+ border-top-right-radius: 4px;
278
+ }
240
279
  .leaflet-bar a:last-child {
241
- border-bottom-left-radius: 4px;
242
- border-bottom-right-radius: 4px;
243
- border-bottom: none;
244
- }
280
+ border-bottom-left-radius: 4px;
281
+ border-bottom-right-radius: 4px;
282
+ border-bottom: none;
283
+ }
245
284
  .leaflet-bar a.leaflet-disabled {
246
- cursor: default;
247
- background-color: #f4f4f4;
248
- color: #bbb;
249
- }
285
+ cursor: default;
286
+ background-color: #f4f4f4;
287
+ color: #bbb;
288
+ }
250
289
 
251
290
  .leaflet-touch .leaflet-bar a {
252
- width: 30px;
253
- height: 30px;
254
- line-height: 30px;
255
- }
291
+ width: 30px;
292
+ height: 30px;
293
+ line-height: 30px;
294
+ }
256
295
 
257
296
 
258
297
  /* zoom control */
259
298
 
260
299
  .leaflet-control-zoom-in,
261
300
  .leaflet-control-zoom-out {
262
- font: bold 18px 'Lucida Console', Monaco, monospace;
263
- text-indent: 1px;
264
- }
301
+ font: bold 18px 'Lucida Console', Monaco, monospace;
302
+ text-indent: 1px;
303
+ }
265
304
  .leaflet-control-zoom-out {
266
- font-size: 20px;
267
- }
305
+ font-size: 20px;
306
+ }
268
307
 
269
308
  .leaflet-touch .leaflet-control-zoom-in {
270
- font-size: 22px;
271
- }
309
+ font-size: 22px;
310
+ }
272
311
  .leaflet-touch .leaflet-control-zoom-out {
273
- font-size: 24px;
274
- }
312
+ font-size: 24px;
313
+ }
275
314
 
276
315
 
277
316
  /* layers control */
278
317
 
279
318
  .leaflet-control-layers {
280
- box-shadow: 0 1px 5px rgba(0,0,0,0.4);
281
- background: #fff;
282
- border-radius: 5px;
283
- }
319
+ box-shadow: 0 1px 5px rgba(0,0,0,0.4);
320
+ background: #fff;
321
+ border-radius: 5px;
322
+ }
284
323
  .leaflet-control-layers-toggle {
285
- background-image: url(<%= asset_path 'layers.png' %>);
286
- width: 36px;
287
- height: 36px;
288
- }
324
+ background-image: url(<%= asset_path 'layers.png' %>);
325
+ width: 36px;
326
+ height: 36px;
327
+ }
289
328
  .leaflet-retina .leaflet-control-layers-toggle {
290
- background-image: url(<%= asset_path 'layers-2x.png' %>);
291
- background-size: 26px 26px;
292
- }
329
+ background-image: url(<%= asset_path 'layers-2x.png' %>);
330
+ background-size: 26px 26px;
331
+ }
293
332
  .leaflet-touch .leaflet-control-layers-toggle {
294
- width: 44px;
295
- height: 44px;
296
- }
333
+ width: 44px;
334
+ height: 44px;
335
+ }
297
336
  .leaflet-control-layers .leaflet-control-layers-list,
298
337
  .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
299
- display: none;
300
- }
338
+ display: none;
339
+ }
301
340
  .leaflet-control-layers-expanded .leaflet-control-layers-list {
302
- display: block;
303
- position: relative;
304
- }
341
+ display: block;
342
+ position: relative;
343
+ }
305
344
  .leaflet-control-layers-expanded {
306
- padding: 6px 10px 6px 6px;
307
- color: #333;
308
- background: #fff;
309
- }
345
+ padding: 6px 10px 6px 6px;
346
+ color: #333;
347
+ background: #fff;
348
+ }
349
+ .leaflet-control-layers-scrollbar {
350
+ overflow-y: scroll;
351
+ padding-right: 5px;
352
+ }
310
353
  .leaflet-control-layers-selector {
311
- margin-top: 2px;
312
- position: relative;
313
- top: 1px;
314
- }
354
+ margin-top: 2px;
355
+ position: relative;
356
+ top: 1px;
357
+ }
315
358
  .leaflet-control-layers label {
316
- display: block;
317
- }
359
+ display: block;
360
+ }
318
361
  .leaflet-control-layers-separator {
319
- height: 0;
320
- border-top: 1px solid #ddd;
321
- margin: 5px -10px 5px -6px;
322
- }
362
+ height: 0;
363
+ border-top: 1px solid #ddd;
364
+ margin: 5px -10px 5px -6px;
365
+ }
323
366
 
324
367
 
325
368
  /* attribution and scale controls */
326
369
 
327
370
  .leaflet-container .leaflet-control-attribution {
328
- background: #fff;
329
- background: rgba(255, 255, 255, 0.7);
330
- margin: 0;
331
- }
371
+ background: #fff;
372
+ background: rgba(255, 255, 255, 0.7);
373
+ margin: 0;
374
+ }
332
375
  .leaflet-control-attribution,
333
376
  .leaflet-control-scale-line {
334
- padding: 0 5px;
335
- color: #333;
336
- }
377
+ padding: 0 5px;
378
+ color: #333;
379
+ }
337
380
  .leaflet-control-attribution a {
338
- text-decoration: none;
339
- }
381
+ text-decoration: none;
382
+ }
340
383
  .leaflet-control-attribution a:hover {
341
- text-decoration: underline;
342
- }
384
+ text-decoration: underline;
385
+ }
343
386
  .leaflet-container .leaflet-control-attribution,
344
387
  .leaflet-container .leaflet-control-scale {
345
- font-size: 11px;
346
- }
388
+ font-size: 11px;
389
+ }
347
390
  .leaflet-left .leaflet-control-scale {
348
- margin-left: 5px;
349
- }
391
+ margin-left: 5px;
392
+ }
350
393
  .leaflet-bottom .leaflet-control-scale {
351
- margin-bottom: 5px;
352
- }
394
+ margin-bottom: 5px;
395
+ }
353
396
  .leaflet-control-scale-line {
354
- border: 2px solid #777;
355
- border-top: none;
356
- line-height: 1.1;
357
- padding: 2px 5px 1px;
358
- font-size: 11px;
359
- white-space: nowrap;
360
- overflow: hidden;
361
- -moz-box-sizing: content-box;
362
- box-sizing: content-box;
363
-
364
- background: #fff;
365
- background: rgba(255, 255, 255, 0.5);
366
- }
397
+ border: 2px solid #777;
398
+ border-top: none;
399
+ line-height: 1.1;
400
+ padding: 2px 5px 1px;
401
+ font-size: 11px;
402
+ white-space: nowrap;
403
+ overflow: hidden;
404
+ -moz-box-sizing: border-box;
405
+ box-sizing: border-box;
406
+
407
+ background: #fff;
408
+ background: rgba(255, 255, 255, 0.5);
409
+ }
367
410
  .leaflet-control-scale-line:not(:first-child) {
368
- border-top: 2px solid #777;
369
- border-bottom: none;
370
- margin-top: -2px;
371
- }
411
+ border-top: 2px solid #777;
412
+ border-bottom: none;
413
+ margin-top: -2px;
414
+ }
372
415
  .leaflet-control-scale-line:not(:first-child):not(:last-child) {
373
- border-bottom: 2px solid #777;
374
- }
416
+ border-bottom: 2px solid #777;
417
+ }
375
418
 
376
419
  .leaflet-touch .leaflet-control-attribution,
377
420
  .leaflet-touch .leaflet-control-layers,
378
421
  .leaflet-touch .leaflet-bar {
379
- box-shadow: none;
380
- }
422
+ box-shadow: none;
423
+ }
381
424
  .leaflet-touch .leaflet-control-layers,
382
425
  .leaflet-touch .leaflet-bar {
383
- border: 2px solid rgba(0,0,0,0.2);
384
- background-clip: padding-box;
385
- }
426
+ border: 2px solid rgba(0,0,0,0.2);
427
+ background-clip: padding-box;
428
+ }
386
429
 
387
430
 
388
431
  /* popup */
389
432
 
390
433
  .leaflet-popup {
391
- position: absolute;
392
- text-align: center;
393
- }
434
+ position: absolute;
435
+ text-align: center;
436
+ }
394
437
  .leaflet-popup-content-wrapper {
395
- padding: 1px;
396
- text-align: left;
397
- border-radius: 12px;
398
- }
438
+ padding: 1px;
439
+ text-align: left;
440
+ border-radius: 12px;
441
+ }
399
442
  .leaflet-popup-content {
400
- margin: 13px 19px;
401
- line-height: 1.4;
402
- }
443
+ margin: 13px 19px;
444
+ line-height: 1.4;
445
+ }
403
446
  .leaflet-popup-content p {
404
- margin: 18px 0;
405
- }
447
+ margin: 18px 0;
448
+ }
406
449
  .leaflet-popup-tip-container {
407
- margin: 0 auto;
408
- width: 40px;
409
- height: 20px;
410
- position: relative;
411
- overflow: hidden;
412
- }
450
+ margin: 0 auto;
451
+ width: 40px;
452
+ height: 20px;
453
+ position: relative;
454
+ overflow: hidden;
455
+ }
413
456
  .leaflet-popup-tip {
414
- width: 17px;
415
- height: 17px;
416
- padding: 1px;
417
-
418
- margin: -10px auto 0;
419
-
420
- -webkit-transform: rotate(45deg);
421
- -moz-transform: rotate(45deg);
422
- -ms-transform: rotate(45deg);
423
- -o-transform: rotate(45deg);
424
- transform: rotate(45deg);
425
- }
457
+ width: 17px;
458
+ height: 17px;
459
+ padding: 1px;
460
+
461
+ margin: -10px auto 0;
462
+
463
+ -webkit-transform: rotate(45deg);
464
+ -moz-transform: rotate(45deg);
465
+ -ms-transform: rotate(45deg);
466
+ -o-transform: rotate(45deg);
467
+ transform: rotate(45deg);
468
+ }
426
469
  .leaflet-popup-content-wrapper,
427
470
  .leaflet-popup-tip {
428
- background: white;
429
-
430
- box-shadow: 0 3px 14px rgba(0,0,0,0.4);
431
- }
471
+ background: white;
472
+ color: #333;
473
+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
474
+ }
432
475
  .leaflet-container a.leaflet-popup-close-button {
433
- position: absolute;
434
- top: 0;
435
- right: 0;
436
- padding: 4px 4px 0 0;
437
- text-align: center;
438
- width: 18px;
439
- height: 14px;
440
- font: 16px/14px Tahoma, Verdana, sans-serif;
441
- color: #c3c3c3;
442
- text-decoration: none;
443
- font-weight: bold;
444
- background: transparent;
445
- }
476
+ position: absolute;
477
+ top: 0;
478
+ right: 0;
479
+ padding: 4px 4px 0 0;
480
+ border: none;
481
+ text-align: center;
482
+ width: 18px;
483
+ height: 14px;
484
+ font: 16px/14px Tahoma, Verdana, sans-serif;
485
+ color: #c3c3c3;
486
+ text-decoration: none;
487
+ font-weight: bold;
488
+ background: transparent;
489
+ }
446
490
  .leaflet-container a.leaflet-popup-close-button:hover {
447
- color: #999;
448
- }
491
+ color: #999;
492
+ }
449
493
  .leaflet-popup-scrolled {
450
- overflow: auto;
451
- border-bottom: 1px solid #ddd;
452
- border-top: 1px solid #ddd;
453
- }
494
+ overflow: auto;
495
+ border-bottom: 1px solid #ddd;
496
+ border-top: 1px solid #ddd;
497
+ }
454
498
 
455
499
  .leaflet-oldie .leaflet-popup-content-wrapper {
456
- zoom: 1;
457
- }
500
+ zoom: 1;
501
+ }
458
502
  .leaflet-oldie .leaflet-popup-tip {
459
- width: 24px;
460
- margin: 0 auto;
503
+ width: 24px;
504
+ margin: 0 auto;
461
505
 
462
- -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
463
- filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
464
- }
506
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
507
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
508
+ }
465
509
  .leaflet-oldie .leaflet-popup-tip-container {
466
- margin-top: -1px;
467
- }
510
+ margin-top: -1px;
511
+ }
468
512
 
469
513
  .leaflet-oldie .leaflet-control-zoom,
470
514
  .leaflet-oldie .leaflet-control-layers,
471
515
  .leaflet-oldie .leaflet-popup-content-wrapper,
472
516
  .leaflet-oldie .leaflet-popup-tip {
473
- border: 1px solid #999;
474
- }
517
+ border: 1px solid #999;
518
+ }
475
519
 
476
520
 
477
521
  /* div icon */
478
522
 
479
523
  .leaflet-div-icon {
480
- background: #fff;
481
- border: 1px solid #666;
482
- }
524
+ background: #fff;
525
+ border: 1px solid #666;
526
+ }