mapbox-rails 1.6.1 → 1.6.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


This version of mapbox-rails might be problematic. Click here for more details.

checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 0fef2c3403c661057aa4c401da68d2cdbcee8a53
4
- data.tar.gz: 9f729b6c6c7d8744d6c430de123eb43cfe12e8a9
3
+ metadata.gz: 0b966313b34fea627e72f73bcbfce0de360cf49b
4
+ data.tar.gz: 6032adcf31e14eedbc1fc1a5c15e03948d97c8da
5
5
  SHA512:
6
- metadata.gz: 477b37c533456c7c5fc1c523b68e31d92810226b49dbec8805eaf3fb978b45b8c3f9690d7ebef7e186a6b21032bfaa55a960964558fe71ce9e65d6e2f8982d34
7
- data.tar.gz: fef28046a4ac85f5c5fb6be3f1eaa5758a8844ad572f8ab9cb457268d6adb32e0fa2aabc2c50b3743d3c6b40504da507b7e8d74ecb11806d72bb6055c5bf5af2
6
+ metadata.gz: e5b8be3980b70cbab57e985be200642d249615b4e7466676d1ec4268e3d670058083ee4faa91317c581407b7e8f59c733aae3e7e294b9fb40c189f4ae7ce85c0
7
+ data.tar.gz: 819e6da827f6897cfe9bc105e95296984a1affe701e385c9c09e59f965dc4230bc4e28ca7c8698d47514398d62c96dd2dd66d1403da19040c8fd26da0d62ec3e
@@ -17,19 +17,19 @@ class RemoteResourceLoader < Thor
17
17
  get "http://api.tiles.mapbox.com/mapbox.js/v1.6.1/images/icons-ffffff@2x.png", "images/icons-ffffff@2x.png"
18
18
  end
19
19
 
20
- desc 'convert css to sass file', 'convert css to sass file by sass-convert'
20
+ desc 'convert css to scss file', 'convert css to scss file by sass-convert'
21
21
  def convert
22
22
  self.destination_root = 'vendor/assets'
23
23
  inside destination_root do
24
- run('sass-convert -F css -T sass stylesheets/mapbox.css stylesheets/mapbox.css.sass')
25
- gsub_file 'stylesheets/mapbox.css.sass', 'url(./images/icons-000000.png)',
26
- "image-url('assets/icons-000000.png')"
27
- gsub_file 'stylesheets/mapbox.css.sass', 'url(./images/icons-ffffff.png)',
28
- "image-url('assets/icons-ffffff.png')"
29
- gsub_file 'stylesheets/mapbox.css.sass', 'url(./images/icons-000000@2x.png)',
30
- "image-url('assets/icons-000000@2x.png')"
31
- gsub_file 'stylesheets/mapbox.css.sass', 'url(./images/icons-ffffff@2x.png)',
32
- "image-url('assets/icons-ffffff@2x.png')"
24
+ run('sass-convert -F css -T scss stylesheets/mapbox.css stylesheets/mapbox.css.scss')
25
+ gsub_file 'stylesheets/mapbox.css.scss', 'url(./images/icons-000000.png)',
26
+ "image-url('icons-000000.png')"
27
+ gsub_file 'stylesheets/mapbox.css.scss', 'url(./images/icons-ffffff.png)',
28
+ "image-url('icons-ffffff.png')"
29
+ gsub_file 'stylesheets/mapbox.css.scss', 'url(./images/icons-000000@2x.png)',
30
+ "image-url('icons-000000@2x.png')"
31
+ gsub_file 'stylesheets/mapbox.css.scss', 'url(./images/icons-ffffff@2x.png)',
32
+ "image-url('icons-ffffff@2x.png')"
33
33
  end
34
34
  end
35
35
 
@@ -1,6 +1,6 @@
1
1
  module Mapbox
2
2
  module Rails
3
- VERSION = "1.6.1"
3
+ VERSION = "1.6.1.1"
4
4
  MAPBOX_VERSION = '1.6.1'
5
5
  end
6
6
  end
@@ -1,763 +1,948 @@
1
- /* general typography
2
-
3
- .leaflet-container
4
- background: #fff
5
- font: 15px/25px 'Helvetica Neue', Arial, Helvetica, sans-serif
6
- color: #404040
7
- color: rgba(0, 0, 0, 0.75)
8
- outline: 0
9
- overflow: hidden
10
- -ms-touch-action: none
11
- *
12
- -webkit-box-sizing: border-box
13
- -moz-box-sizing: border-box
14
- box-sizing: border-box
15
- &:after, &:before
16
- -webkit-box-sizing: border-box
17
- -moz-box-sizing: border-box
18
- box-sizing: border-box
19
- h1, h2, h3, h4, h5, h6, p
20
- font-size: 15px
21
- line-height: 25px
22
- margin: 0 0 10px
23
-
24
- .mapbox-small, .leaflet-control-attribution, .leaflet-control-scale
25
- font-size: 12px
26
- line-height: 20px
27
-
28
- .leaflet-container
29
- input, textarea, label, small
30
- font-size: 12px
31
- line-height: 20px
32
- a
33
- color: #3887BE
34
- font-weight: normal
35
- text-decoration: none
36
- &:hover
37
- color: #63b6e5
38
- &.dark
39
- a
40
- color: #63b6e5
41
- &:hover
42
- color: #8fcaec
43
- .mapbox-button
44
- background-color: #3887be
45
- display: inline-block
46
- height: 40px
47
- line-height: 40px
48
- text-decoration: none
49
- color: #fff
50
- font-size: 12px
51
- white-space: nowrap
52
- text-overflow: ellipsis
53
- .mapbox-button
54
- background-color: #3887be
55
- display: inline-block
56
- height: 40px
57
- line-height: 40px
58
- text-decoration: none
59
- color: #fff
60
- font-size: 12px
61
- white-space: nowrap
62
- text-overflow: ellipsis
63
- &.dark .mapbox-button:hover, .mapbox-button:hover
64
- color: #fff
65
- background-color: #3bb2d0
1
+ /* general typography */
2
+
3
+ .leaflet-container {
4
+ background: #fff;
5
+ font: 15px/25px 'Helvetica Neue', Arial, Helvetica, sans-serif;
6
+ color: #404040;
7
+ color: rgba(0, 0, 0, 0.75);
8
+ outline: 0;
9
+ overflow: hidden;
10
+ -ms-touch-action: none;
11
+ * {
12
+ -webkit-box-sizing: border-box;
13
+ -moz-box-sizing: border-box;
14
+ box-sizing: border-box;
15
+ &:after, &:before {
16
+ -webkit-box-sizing: border-box;
17
+ -moz-box-sizing: border-box;
18
+ box-sizing: border-box;
19
+ }
20
+ }
21
+ h1, h2, h3, h4, h5, h6, p {
22
+ font-size: 15px;
23
+ line-height: 25px;
24
+ margin: 0 0 10px;
25
+ }
26
+ }
27
+
28
+ .mapbox-small, .leaflet-control-attribution, .leaflet-control-scale {
29
+ font-size: 12px;
30
+ line-height: 20px;
31
+ }
32
+
33
+ .leaflet-container {
34
+ input, textarea, label, small {
35
+ font-size: 12px;
36
+ line-height: 20px;
37
+ }
38
+ a {
39
+ color: #3887BE;
40
+ font-weight: normal;
41
+ text-decoration: none;
42
+ &:hover {
43
+ color: #63b6e5;
44
+ }
45
+ }
46
+ &.dark {
47
+ a {
48
+ color: #63b6e5;
49
+ &:hover {
50
+ color: #8fcaec;
51
+ }
52
+ }
53
+ .mapbox-button {
54
+ background-color: #3887be;
55
+ display: inline-block;
56
+ height: 40px;
57
+ line-height: 40px;
58
+ text-decoration: none;
59
+ color: #fff;
60
+ font-size: 12px;
61
+ white-space: nowrap;
62
+ text-overflow: ellipsis;
63
+ }
64
+ }
65
+ .mapbox-button {
66
+ background-color: #3887be;
67
+ display: inline-block;
68
+ height: 40px;
69
+ line-height: 40px;
70
+ text-decoration: none;
71
+ color: #fff;
72
+ font-size: 12px;
73
+ white-space: nowrap;
74
+ text-overflow: ellipsis;
75
+ }
76
+ &.dark .mapbox-button:hover, .mapbox-button:hover {
77
+ color: #fff;
78
+ background-color: #3bb2d0;
79
+ }
80
+ }
66
81
 
67
82
  /* Base Leaflet
68
- *-------------------------------------------------------
69
-
70
- .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
71
- position: absolute
72
- left: 0
73
- top: 0
74
-
75
- .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow
76
- -webkit-user-drag: none
77
- -webkit-user-select: none
78
- -moz-user-select: none
79
- user-select: none
80
-
81
- .leaflet-marker-icon, .leaflet-marker-shadow
82
- display: block
83
-
84
- .leaflet-tile
85
- filter: inherit
86
- visibility: hidden
87
-
88
- .leaflet-tile-loaded
89
- visibility: inherit
90
-
91
- .leaflet-zoom-box
92
- width: 0
93
- height: 0
94
-
95
- .leaflet-tile-pane
96
- z-index: 2
97
-
98
- .leaflet-objects-pane
99
- z-index: 3
100
-
101
- .leaflet-overlay-pane
102
- z-index: 4
103
-
104
- .leaflet-shadow-pane
105
- z-index: 5
106
-
107
- .leaflet-marker-pane
108
- z-index: 6
109
-
110
- .leaflet-popup-pane
111
- z-index: 7
112
-
113
- .leaflet-control
114
- position: relative
115
- z-index: 7
116
- pointer-events: auto
117
- float: left
118
- clear: both
119
-
120
- .leaflet-right .leaflet-control
121
- float: right
122
-
123
- .leaflet-top .leaflet-control
124
- margin-top: 10px
125
-
126
- .leaflet-bottom .leaflet-control
127
- margin-bottom: 10px
128
-
129
- .leaflet-left .leaflet-control
130
- margin-left: 10px
131
-
132
- .leaflet-right .leaflet-control
133
- margin-right: 10px
134
-
135
- .leaflet-top, .leaflet-bottom
136
- position: absolute
137
- z-index: 1000
138
- pointer-events: none
139
-
140
- .leaflet-top
141
- top: 0
142
-
143
- .leaflet-right
144
- right: 0
145
-
146
- .leaflet-bottom
147
- bottom: 0
148
-
149
- .leaflet-left
150
- left: 0
151
-
152
- /* zoom and fade animations
153
-
154
- .leaflet-fade-anim
155
- .leaflet-tile, .leaflet-popup
156
- opacity: 0
157
- -webkit-transition: opacity 0.2s linear
158
- -moz-transition: opacity 0.2s linear
159
- -o-transition: opacity 0.2s linear
160
- transition: opacity 0.2s linear
161
- .leaflet-tile-loaded, .leaflet-map-pane .leaflet-popup
162
- opacity: 1
163
-
164
- .leaflet-zoom-anim
165
- .leaflet-zoom-animated
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
- .leaflet-tile
171
- -webkit-transition: none
172
- -moz-transition: none
173
- -o-transition: none
174
- transition: none
175
-
176
- .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated
177
- -webkit-transition: none
178
- -moz-transition: none
179
- -o-transition: none
180
- transition: none
181
-
182
- .leaflet-zoom-anim .leaflet-zoom-hide
183
- visibility: hidden
184
-
185
- /* cursors
186
-
187
- .map-clickable, .leaflet-clickable
188
- cursor: pointer
189
-
190
- .leaflet-popup-pane, .leaflet-control
191
- cursor: auto
192
-
193
- .leaflet-container
194
- cursor: -webkit-grab
195
- cursor: -moz-grab
196
-
197
- .leaflet-dragging
198
- cursor: move
199
- cursor: -webkit-grabbing
200
- cursor: -moz-grabbing
201
- .map-clickable, .leaflet-clickable, .leaflet-container
202
- cursor: move
203
- cursor: -webkit-grabbing
204
- cursor: -moz-grabbing
205
-
206
- .leaflet-zoom-box
207
- background: #fff
208
- border: 2px dotted #202020
209
- opacity: 0.5
210
-
211
- /* general toolbar styles
212
-
213
- .leaflet-control-layers
214
- background-color: #fff
215
- border: 1px solid #999
216
- border-color: rgba(0, 0, 0, 0.4)
217
- border-radius: 3px
218
- box-shadow: none
219
-
220
- .leaflet-bar
221
- background-color: #fff
222
- border: 1px solid #999
223
- border-color: rgba(0, 0, 0, 0.4)
224
- border-radius: 3px
225
- box-shadow: none
226
- a
227
- color: #404040
228
- color: rgba(0, 0, 0, 0.75)
229
- border-bottom: 1px solid #ddd
230
- border-bottom-color: rgba(0, 0, 0, 0.1)
231
- &:hover
232
- color: #404040
233
- color: rgba(0, 0, 0, 0.75)
234
- border-bottom: 1px solid #ddd
235
- border-bottom-color: rgba(0, 0, 0, 0.1)
236
- background-color: #f8f8f8
237
- cursor: pointer
238
- &:active
239
- background-color: #f8f8f8
240
- cursor: pointer
241
- &:first-child
242
- border-radius: 3px 3px 0 0
243
- &:last-child
244
- border-bottom: none
245
- border-radius: 0 0 3px 3px
246
- &:only-of-type
247
- border-radius: 3px
248
- .leaflet-disabled
249
- cursor: default
250
- opacity: 0.75
251
-
252
- .leaflet-control-zoom-in, .leaflet-control-zoom-out
253
- display: block
254
- content: ''
255
- text-indent: -999em
256
-
257
- .leaflet-control-layers .leaflet-control-layers-list
258
- display: none
259
-
260
- .leaflet-control-layers-expanded
261
- .leaflet-control-layers-toggle
262
- display: none
263
- .leaflet-control-layers-list
264
- display: block
265
- position: relative
266
- background: #fff
267
- padding: 6px 10px 6px 6px
268
- color: #404040
269
- color: rgba(0, 0, 0, 0.75)
270
-
271
- .leaflet-control-layers-selector
272
- margin-top: 2px
273
- position: relative
274
- top: 1px
275
-
276
- .leaflet-control-layers label
277
- display: block
278
-
279
- .leaflet-control-layers-separator
280
- height: 0
281
- border-top: 1px solid #ddd
282
- border-top-color: rgba(0, 0, 0, 0.1)
283
- margin: 5px -10px 5px -6px
284
-
285
- .leaflet-container .leaflet-control-attribution
286
- background-color: rgba(255, 255, 255, 0.25)
287
- margin: 0
288
- box-shadow: none
289
-
290
- .leaflet-control-attribution a:hover, .map-info-container a:hover
291
- color: inherit
292
- text-decoration: underline
293
-
294
- .leaflet-control-attribution, .leaflet-control-scale-line
295
- padding: 0 5px
296
-
297
- .leaflet-left .leaflet-control-scale
298
- margin-left: 5px
299
-
300
- .leaflet-bottom .leaflet-control-scale
301
- margin-bottom: 5px
302
-
303
- .leaflet-control-scale-line
304
- background-color: rgba(255, 255, 255, 0.5)
305
- border: 1px solid #999
306
- border-color: rgba(0, 0, 0, 0.4)
307
- border-top: none
308
- padding: 2px 5px 1px
309
- white-space: nowrap
310
- overflow: hidden
311
- &:not(:first-child)
312
- border-top: 2px solid #ddd
313
- border-top-color: rgba(0, 0, 0, 0.1)
314
- border-bottom: none
315
- margin-top: -2px
316
- &:not(:last-child)
317
- border-bottom: 2px solid #777
318
-
319
- /* popup
320
-
321
- .leaflet-popup
322
- position: absolute
323
- text-align: center
324
- pointer-events: none
325
-
326
- .leaflet-popup-content-wrapper
327
- padding: 1px
328
- text-align: left
329
- pointer-events: all
330
-
331
- .leaflet-popup-content
332
- padding: 10px 10px 15px
333
- margin: 0
334
- line-height: inherit
335
-
336
- .leaflet-popup-tip-container
337
- width: 20px
338
- height: 20px
339
- margin: 0 auto
340
- position: relative
341
-
342
- .leaflet-popup-tip
343
- width: 0
344
- height: 0
345
- margin: 0
346
- border-left: 10px solid transparent
347
- border-right: 10px solid transparent
348
- border-top: 10px solid #fff
349
- box-shadow: none
350
-
351
- .leaflet-popup-close-button
352
- text-indent: -999em
353
- position: absolute
354
- top: 0
355
- right: 0
356
- pointer-events: all
357
- &:hover
358
- background-color: #f8f8f8
359
-
360
- .leaflet-popup-scrolled
361
- overflow: auto
362
- border-bottom: 1px solid #ddd
363
- border-top: 1px solid #ddd
364
-
365
- /* div icon
366
-
367
- .leaflet-div-icon
368
- background: #fff
369
- border: 1px solid #999
370
- border-color: rgba(0, 0, 0, 0.4)
371
-
372
- .leaflet-editing-icon
373
- border-radius: 3px
83
+ ------------------------------------------------------- */
84
+
85
+ .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 {
86
+ position: absolute;
87
+ left: 0;
88
+ top: 0;
89
+ }
90
+
91
+ .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
92
+ -webkit-user-drag: none;
93
+ -webkit-user-select: none;
94
+ -moz-user-select: none;
95
+ user-select: none;
96
+ }
97
+
98
+ .leaflet-marker-icon, .leaflet-marker-shadow {
99
+ display: block;
100
+ }
101
+
102
+ .leaflet-tile {
103
+ filter: inherit;
104
+ visibility: hidden;
105
+ }
106
+
107
+ .leaflet-tile-loaded {
108
+ visibility: inherit;
109
+ }
110
+
111
+ .leaflet-zoom-box {
112
+ width: 0;
113
+ height: 0;
114
+ }
115
+
116
+ .leaflet-tile-pane {
117
+ z-index: 2;
118
+ }
119
+
120
+ .leaflet-objects-pane {
121
+ z-index: 3;
122
+ }
123
+
124
+ .leaflet-overlay-pane {
125
+ z-index: 4;
126
+ }
127
+
128
+ .leaflet-shadow-pane {
129
+ z-index: 5;
130
+ }
131
+
132
+ .leaflet-marker-pane {
133
+ z-index: 6;
134
+ }
135
+
136
+ .leaflet-popup-pane {
137
+ z-index: 7;
138
+ }
139
+
140
+ .leaflet-control {
141
+ position: relative;
142
+ z-index: 7;
143
+ pointer-events: auto;
144
+ float: left;
145
+ clear: both;
146
+ }
147
+
148
+ .leaflet-right .leaflet-control {
149
+ float: right;
150
+ }
151
+
152
+ .leaflet-top .leaflet-control {
153
+ margin-top: 10px;
154
+ }
155
+
156
+ .leaflet-bottom .leaflet-control {
157
+ margin-bottom: 10px;
158
+ }
159
+
160
+ .leaflet-left .leaflet-control {
161
+ margin-left: 10px;
162
+ }
163
+
164
+ .leaflet-right .leaflet-control {
165
+ margin-right: 10px;
166
+ }
167
+
168
+ .leaflet-top, .leaflet-bottom {
169
+ position: absolute;
170
+ z-index: 1000;
171
+ pointer-events: none;
172
+ }
173
+
174
+ .leaflet-top {
175
+ top: 0;
176
+ }
177
+
178
+ .leaflet-right {
179
+ right: 0;
180
+ }
181
+
182
+ .leaflet-bottom {
183
+ bottom: 0;
184
+ }
185
+
186
+ .leaflet-left {
187
+ left: 0;
188
+ }
189
+
190
+ /* zoom and fade animations */
191
+
192
+ .leaflet-fade-anim {
193
+ .leaflet-tile, .leaflet-popup {
194
+ opacity: 0;
195
+ -webkit-transition: opacity 0.2s linear;
196
+ -moz-transition: opacity 0.2s linear;
197
+ -o-transition: opacity 0.2s linear;
198
+ transition: opacity 0.2s linear;
199
+ }
200
+ .leaflet-tile-loaded, .leaflet-map-pane .leaflet-popup {
201
+ opacity: 1;
202
+ }
203
+ }
204
+
205
+ .leaflet-zoom-anim {
206
+ .leaflet-zoom-animated {
207
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
208
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
209
+ -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
210
+ transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
211
+ }
212
+ .leaflet-tile {
213
+ -webkit-transition: none;
214
+ -moz-transition: none;
215
+ -o-transition: none;
216
+ transition: none;
217
+ }
218
+ }
219
+
220
+ .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated {
221
+ -webkit-transition: none;
222
+ -moz-transition: none;
223
+ -o-transition: none;
224
+ transition: none;
225
+ }
226
+
227
+ .leaflet-zoom-anim .leaflet-zoom-hide {
228
+ visibility: hidden;
229
+ }
230
+
231
+ /* cursors */
232
+
233
+ .map-clickable, .leaflet-clickable {
234
+ cursor: pointer;
235
+ }
236
+
237
+ .leaflet-popup-pane, .leaflet-control {
238
+ cursor: auto;
239
+ }
240
+
241
+ .leaflet-container {
242
+ cursor: -webkit-grab;
243
+ cursor: -moz-grab;
244
+ }
245
+
246
+ .leaflet-dragging {
247
+ cursor: move;
248
+ cursor: -webkit-grabbing;
249
+ cursor: -moz-grabbing;
250
+ .map-clickable, .leaflet-clickable, .leaflet-container {
251
+ cursor: move;
252
+ cursor: -webkit-grabbing;
253
+ cursor: -moz-grabbing;
254
+ }
255
+ }
256
+
257
+ .leaflet-zoom-box {
258
+ background: #fff;
259
+ border: 2px dotted #202020;
260
+ opacity: 0.5;
261
+ }
262
+
263
+ /* general toolbar styles */
264
+
265
+ .leaflet-control-layers {
266
+ background-color: #fff;
267
+ border: 1px solid #999;
268
+ border-color: rgba(0, 0, 0, 0.4);
269
+ border-radius: 3px;
270
+ box-shadow: none;
271
+ }
272
+
273
+ .leaflet-bar {
274
+ background-color: #fff;
275
+ border: 1px solid #999;
276
+ border-color: rgba(0, 0, 0, 0.4);
277
+ border-radius: 3px;
278
+ box-shadow: none;
279
+ a {
280
+ color: #404040;
281
+ color: rgba(0, 0, 0, 0.75);
282
+ border-bottom: 1px solid #ddd;
283
+ border-bottom-color: rgba(0, 0, 0, 0.1);
284
+ &:hover {
285
+ color: #404040;
286
+ color: rgba(0, 0, 0, 0.75);
287
+ border-bottom: 1px solid #ddd;
288
+ border-bottom-color: rgba(0, 0, 0, 0.1);
289
+ background-color: #f8f8f8;
290
+ cursor: pointer;
291
+ }
292
+ &:active {
293
+ background-color: #f8f8f8;
294
+ cursor: pointer;
295
+ }
296
+ &:first-child {
297
+ border-radius: 3px 3px 0 0;
298
+ }
299
+ &:last-child {
300
+ border-bottom: none;
301
+ border-radius: 0 0 3px 3px;
302
+ }
303
+ &:only-of-type {
304
+ border-radius: 3px;
305
+ }
306
+ }
307
+ .leaflet-disabled {
308
+ cursor: default;
309
+ opacity: 0.75;
310
+ }
311
+ }
312
+
313
+ .leaflet-control-zoom-in, .leaflet-control-zoom-out {
314
+ display: block;
315
+ content: '';
316
+ text-indent: -999em;
317
+ }
318
+
319
+ .leaflet-control-layers .leaflet-control-layers-list {
320
+ display: none;
321
+ }
322
+
323
+ .leaflet-control-layers-expanded {
324
+ .leaflet-control-layers-toggle {
325
+ display: none;
326
+ }
327
+ .leaflet-control-layers-list {
328
+ display: block;
329
+ position: relative;
330
+ }
331
+ background: #fff;
332
+ padding: 6px 10px 6px 6px;
333
+ color: #404040;
334
+ color: rgba(0, 0, 0, 0.75);
335
+ }
336
+
337
+ .leaflet-control-layers-selector {
338
+ margin-top: 2px;
339
+ position: relative;
340
+ top: 1px;
341
+ }
342
+
343
+ .leaflet-control-layers label {
344
+ display: block;
345
+ }
346
+
347
+ .leaflet-control-layers-separator {
348
+ height: 0;
349
+ border-top: 1px solid #ddd;
350
+ border-top-color: rgba(0, 0, 0, 0.1);
351
+ margin: 5px -10px 5px -6px;
352
+ }
353
+
354
+ .leaflet-container .leaflet-control-attribution {
355
+ background-color: rgba(255, 255, 255, 0.25);
356
+ margin: 0;
357
+ box-shadow: none;
358
+ }
359
+
360
+ .leaflet-control-attribution a:hover, .map-info-container a:hover {
361
+ color: inherit;
362
+ text-decoration: underline;
363
+ }
364
+
365
+ .leaflet-control-attribution, .leaflet-control-scale-line {
366
+ padding: 0 5px;
367
+ }
368
+
369
+ .leaflet-left .leaflet-control-scale {
370
+ margin-left: 5px;
371
+ }
372
+
373
+ .leaflet-bottom .leaflet-control-scale {
374
+ margin-bottom: 5px;
375
+ }
376
+
377
+ .leaflet-control-scale-line {
378
+ background-color: rgba(255, 255, 255, 0.5);
379
+ border: 1px solid #999;
380
+ border-color: rgba(0, 0, 0, 0.4);
381
+ border-top: none;
382
+ padding: 2px 5px 1px;
383
+ white-space: nowrap;
384
+ overflow: hidden;
385
+ &:not(:first-child) {
386
+ border-top: 2px solid #ddd;
387
+ border-top-color: rgba(0, 0, 0, 0.1);
388
+ border-bottom: none;
389
+ margin-top: -2px;
390
+ &:not(:last-child) {
391
+ border-bottom: 2px solid #777;
392
+ }
393
+ }
394
+ }
395
+
396
+ /* popup */
397
+
398
+ .leaflet-popup {
399
+ position: absolute;
400
+ text-align: center;
401
+ pointer-events: none;
402
+ }
403
+
404
+ .leaflet-popup-content-wrapper {
405
+ padding: 1px;
406
+ text-align: left;
407
+ pointer-events: all;
408
+ }
409
+
410
+ .leaflet-popup-content {
411
+ padding: 10px 10px 15px;
412
+ margin: 0;
413
+ line-height: inherit;
414
+ }
415
+
416
+ .leaflet-popup-tip-container {
417
+ width: 20px;
418
+ height: 20px;
419
+ margin: 0 auto;
420
+ position: relative;
421
+ }
422
+
423
+ .leaflet-popup-tip {
424
+ width: 0;
425
+ height: 0;
426
+ margin: 0;
427
+ border-left: 10px solid transparent;
428
+ border-right: 10px solid transparent;
429
+ border-top: 10px solid #fff;
430
+ box-shadow: none;
431
+ }
432
+
433
+ .leaflet-popup-close-button {
434
+ text-indent: -999em;
435
+ position: absolute;
436
+ top: 0;
437
+ right: 0;
438
+ pointer-events: all;
439
+ &:hover {
440
+ background-color: #f8f8f8;
441
+ }
442
+ }
443
+
444
+ .leaflet-popup-scrolled {
445
+ overflow: auto;
446
+ border-bottom: 1px solid #ddd;
447
+ border-top: 1px solid #ddd;
448
+ }
449
+
450
+ /* div icon */
451
+
452
+ .leaflet-div-icon {
453
+ background: #fff;
454
+ border: 1px solid #999;
455
+ border-color: rgba(0, 0, 0, 0.4);
456
+ }
457
+
458
+ .leaflet-editing-icon {
459
+ border-radius: 3px;
460
+ }
374
461
 
375
462
  /* Leaflet + Mapbox
376
- *-------------------------------------------------------
377
-
378
- .leaflet-bar a, .mapbox-icon, .map-tooltip.closable .close, .leaflet-control-layers-toggle, .leaflet-popup-close-button, .mapbox-button-icon:before
379
- content: ''
380
- display: inline-block
381
- width: 26px
382
- height: 26px
383
- vertical-align: middle
384
- background-repeat: no-repeat
385
-
386
- .leaflet-bar a
387
- display: block
388
-
389
- .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
390
- opacity: .75
391
- background-image: image-url('assets/icons-000000.png')
392
- background-repeat: no-repeat
393
- background-size: 26px 260px
394
-
395
- .mapbox-button-icon:before
396
- opacity: 1
397
- background-image: image-url('assets/icons-ffffff.png')
398
- background-size: 26px 260px
399
-
400
- .leaflet-container.dark
401
- .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-layers-toggle, .mapbox-icon
402
- opacity: 1
403
- background-image: image-url('assets/icons-ffffff.png')
404
- background-size: 26px 260px
405
-
406
- .leaflet-bar
407
- .leaflet-control-zoom-in
408
- background-position: 0 0
409
- .leaflet-control-zoom-out
410
- background-position: 0 -26px
411
-
412
- .map-tooltip .close, .leaflet-popup-close-button
413
- background-position: 0 -52px
414
-
415
- .mapbox-icon-info
416
- background-position: 0 -78px
417
-
418
- .leaflet-control-layers-toggle
419
- background-position: 0 -104px
420
-
421
- .mapbox-icon-share
422
- &:before
423
- background-position: 0 -130px
424
- background-position: 0 -130px
425
-
426
- .mapbox-icon-geocoder
427
- &:before
428
- background-position: 0 -156px
429
- background-position: 0 -156px
430
-
431
- .mapbox-icon-facebook
432
- &:before
433
- background-position: 0 -182px
434
- background-position: 0 -182px
435
-
436
- .mapbox-icon-twitter
437
- &:before
438
- background-position: 0 -208px
439
- background-position: 0 -208px
440
-
441
- .mapbox-icon-pinterest
442
- &:before
443
- background-position: 0 -234px
444
- background-position: 0 -234px
445
-
446
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
447
- .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-popup-close-button, .leaflet-control-layers-toggle, .mapbox-icon
448
- background-image: image-url('assets/icons-000000@2x.png')
449
- .mapbox-button-icon:before
450
- background-image: image-url('assets/icons-ffffff@2x.png')
451
- .leaflet-container.dark
452
- .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-layers-toggle, .mapbox-icon
453
- background-image: image-url('assets/icons-ffffff@2x.png')
454
-
455
- .leaflet-popup-content-wrapper, .map-legends, .map-tooltip
456
- background: #fff
457
- border-radius: 3px
458
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
459
-
460
- .map-legends, .map-tooltip
461
- max-width: 300px
462
-
463
- .map-legends .map-legend
464
- padding: 10px
465
-
466
- .map-tooltip
467
- z-index: 999999
468
- padding: 10px
469
- min-width: 180px
470
- max-height: 400px
471
- overflow: auto
472
- opacity: 1
473
- -webkit-transition: opacity 150ms
474
- -moz-transition: opacity 150ms
475
- -o-transition: opacity 150ms
476
- transition: opacity 150ms
477
- .close
478
- text-indent: -999em
479
- overflow: hidden
480
- display: none
481
- &.closable .close
482
- position: absolute
483
- top: 0
484
- right: 0
485
- border-radius: 3px
486
- &:active
487
- background-color: #f8f8f8
488
-
489
- .leaflet-control-interaction
490
- position: absolute
491
- top: 10px
492
- right: 10px
493
- width: 300px
494
-
495
- .leaflet-popup-content .marker-title
496
- font-weight: bold
497
-
498
- .leaflet-control .mapbox-button
499
- background-color: #fff
500
- border: 1px solid #ddd
501
- border-color: rgba(0, 0, 0, 0.1)
502
- padding: 5px 10px
503
- border-radius: 3px
463
+ ------------------------------------------------------- */
464
+
465
+ .leaflet-bar a, .mapbox-icon, .map-tooltip.closable .close, .leaflet-control-layers-toggle, .leaflet-popup-close-button, .mapbox-button-icon:before {
466
+ content: '';
467
+ display: inline-block;
468
+ width: 26px;
469
+ height: 26px;
470
+ vertical-align: middle;
471
+ background-repeat: no-repeat;
472
+ }
473
+
474
+ .leaflet-bar a {
475
+ display: block;
476
+ }
477
+
478
+ .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 {
479
+ opacity: .75;
480
+ background-image: image-url('icons-000000.png');
481
+ background-repeat: no-repeat;
482
+ background-size: 26px 260px;
483
+ }
484
+
485
+ .mapbox-button-icon:before {
486
+ opacity: 1;
487
+ background-image: image-url('icons-ffffff.png');
488
+ background-size: 26px 260px;
489
+ }
490
+
491
+ .leaflet-container.dark {
492
+ .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-layers-toggle, .mapbox-icon {
493
+ opacity: 1;
494
+ background-image: image-url('icons-ffffff.png');
495
+ background-size: 26px 260px;
496
+ }
497
+ }
498
+
499
+ .leaflet-bar {
500
+ .leaflet-control-zoom-in {
501
+ background-position: 0 0;
502
+ }
503
+ .leaflet-control-zoom-out {
504
+ background-position: 0 -26px;
505
+ }
506
+ }
507
+
508
+ .map-tooltip .close, .leaflet-popup-close-button {
509
+ background-position: 0 -52px;
510
+ }
511
+
512
+ .mapbox-icon-info {
513
+ background-position: 0 -78px;
514
+ }
515
+
516
+ .leaflet-control-layers-toggle {
517
+ background-position: 0 -104px;
518
+ }
519
+
520
+ .mapbox-icon-share {
521
+ &:before {
522
+ background-position: 0 -130px;
523
+ }
524
+ background-position: 0 -130px;
525
+ }
526
+
527
+ .mapbox-icon-geocoder {
528
+ &:before {
529
+ background-position: 0 -156px;
530
+ }
531
+ background-position: 0 -156px;
532
+ }
533
+
534
+ .mapbox-icon-facebook {
535
+ &:before {
536
+ background-position: 0 -182px;
537
+ }
538
+ background-position: 0 -182px;
539
+ }
540
+
541
+ .mapbox-icon-twitter {
542
+ &:before {
543
+ background-position: 0 -208px;
544
+ }
545
+ background-position: 0 -208px;
546
+ }
547
+
548
+ .mapbox-icon-pinterest {
549
+ &:before {
550
+ background-position: 0 -234px;
551
+ }
552
+ background-position: 0 -234px;
553
+ }
554
+
555
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
556
+ .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-popup-close-button, .leaflet-control-layers-toggle, .mapbox-icon {
557
+ background-image: image-url('icons-000000@2x.png');
558
+ }
559
+ .mapbox-button-icon:before {
560
+ background-image: image-url('icons-ffffff@2x.png');
561
+ }
562
+ .leaflet-container.dark {
563
+ .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-layers-toggle, .mapbox-icon {
564
+ background-image: image-url('icons-ffffff@2x.png');
565
+ }
566
+ }
567
+ }
568
+
569
+ .leaflet-popup-content-wrapper, .map-legends, .map-tooltip {
570
+ background: #fff;
571
+ border-radius: 3px;
572
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
573
+ }
574
+
575
+ .map-legends, .map-tooltip {
576
+ max-width: 300px;
577
+ }
578
+
579
+ .map-legends .map-legend {
580
+ padding: 10px;
581
+ }
582
+
583
+ .map-tooltip {
584
+ z-index: 999999;
585
+ padding: 10px;
586
+ min-width: 180px;
587
+ max-height: 400px;
588
+ overflow: auto;
589
+ opacity: 1;
590
+ -webkit-transition: opacity 150ms;
591
+ -moz-transition: opacity 150ms;
592
+ -o-transition: opacity 150ms;
593
+ transition: opacity 150ms;
594
+ .close {
595
+ text-indent: -999em;
596
+ overflow: hidden;
597
+ display: none;
598
+ }
599
+ &.closable .close {
600
+ position: absolute;
601
+ top: 0;
602
+ right: 0;
603
+ border-radius: 3px;
604
+ &:active {
605
+ background-color: #f8f8f8;
606
+ }
607
+ }
608
+ }
609
+
610
+ .leaflet-control-interaction {
611
+ position: absolute;
612
+ top: 10px;
613
+ right: 10px;
614
+ width: 300px;
615
+ }
616
+
617
+ .leaflet-popup-content .marker-title {
618
+ font-weight: bold;
619
+ }
620
+
621
+ .leaflet-control .mapbox-button {
622
+ background-color: #fff;
623
+ border: 1px solid #ddd;
624
+ border-color: rgba(0, 0, 0, 0.1);
625
+ padding: 5px 10px;
626
+ border-radius: 3px;
627
+ }
504
628
 
505
629
  /* Share modal
506
- *-------------------------------------------------------
507
-
508
- .mapbox-modal
509
- > div
510
- position: absolute
511
- top: 0
512
- left: 0
513
- width: 100%
514
- height: 100%
515
- z-index: -1
516
- overflow-y: auto
517
- &.active > div
518
- z-index: 99999
519
- transition: all .2s, z-index 0 0
520
- .mapbox-modal-mask
521
- background: rgba(0, 0, 0, 0.5)
522
- opacity: 0
523
- &.active .mapbox-modal-mask
524
- opacity: 1
525
- .mapbox-modal-content
526
- -webkit-transform: translateY(-100%)
527
- -moz-transform: translateY(-100%)
528
- -ms-transform: translateY(-100%)
529
- transform: translateY(-100%)
530
- &.active .mapbox-modal-content
531
- -webkit-transform: translateY(0)
532
- -moz-transform: translateY(0)
533
- -ms-transform: translateY(0)
534
- transform: translateY(0)
535
-
536
- .mapbox-modal-body
537
- position: relative
538
- background: #fff
539
- padding: 20px
540
- z-index: 1000
541
- width: 50%
542
- margin: 20px 0 20px 25%
543
-
544
- .mapbox-share-buttons
545
- margin: 0 0 20px
546
- a
547
- width: 33.3333%
548
- border-left: 1px solid #fff
549
- text-align: center
550
- border-radius: 0
551
- &:last-child
552
- border-radius: 0 3px 3px 0
553
- &:first-child
554
- border: none
555
- border-radius: 3px 0 0 3px
556
-
557
- .mapbox-modal input
558
- width: 100%
559
- height: 40px
560
- padding: 10px
561
- border: 1px solid #ddd
562
- border-color: rgba(0, 0, 0, 0.1)
563
- color: rgba(0, 0, 0, 0.5)
630
+ ------------------------------------------------------- */
631
+
632
+ .mapbox-modal {
633
+ > div {
634
+ position: absolute;
635
+ top: 0;
636
+ left: 0;
637
+ width: 100%;
638
+ height: 100%;
639
+ z-index: -1;
640
+ overflow-y: auto;
641
+ }
642
+ &.active > div {
643
+ z-index: 99999;
644
+ transition: all .2s, z-index 0 0;
645
+ }
646
+ .mapbox-modal-mask {
647
+ background: rgba(0, 0, 0, 0.5);
648
+ opacity: 0;
649
+ }
650
+ &.active .mapbox-modal-mask {
651
+ opacity: 1;
652
+ }
653
+ .mapbox-modal-content {
654
+ -webkit-transform: translateY(-100%);
655
+ -moz-transform: translateY(-100%);
656
+ -ms-transform: translateY(-100%);
657
+ transform: translateY(-100%);
658
+ }
659
+ &.active .mapbox-modal-content {
660
+ -webkit-transform: translateY(0);
661
+ -moz-transform: translateY(0);
662
+ -ms-transform: translateY(0);
663
+ transform: translateY(0);
664
+ }
665
+ }
666
+
667
+ .mapbox-modal-body {
668
+ position: relative;
669
+ background: #fff;
670
+ padding: 20px;
671
+ z-index: 1000;
672
+ width: 50%;
673
+ margin: 20px 0 20px 25%;
674
+ }
675
+
676
+ .mapbox-share-buttons {
677
+ margin: 0 0 20px;
678
+ a {
679
+ width: 33.3333%;
680
+ border-left: 1px solid #fff;
681
+ text-align: center;
682
+ border-radius: 0;
683
+ &:last-child {
684
+ border-radius: 0 3px 3px 0;
685
+ }
686
+ &:first-child {
687
+ border: none;
688
+ border-radius: 3px 0 0 3px;
689
+ }
690
+ }
691
+ }
692
+
693
+ .mapbox-modal input {
694
+ width: 100%;
695
+ height: 40px;
696
+ padding: 10px;
697
+ border: 1px solid #ddd;
698
+ border-color: rgba(0, 0, 0, 0.1);
699
+ color: rgba(0, 0, 0, 0.5);
700
+ }
564
701
 
565
702
  /* Info Control
566
- *-------------------------------------------------------
567
-
568
- .leaflet-control
569
- &.mapbox-control-info
570
- margin: 5px 30px 10px 10px
571
- min-height: 26px
572
- &.mapbox-control-info-right
573
- margin: 5px 10px 10px 30px
574
-
575
- .mapbox-info-toggle
576
- background-color: #fff
577
- background-color: rgba(255, 255, 255, 0.5)
578
- border-radius: 50%
579
- position: absolute
580
- bottom: 0
581
- left: 0
582
- z-index: 1
583
-
584
- .mapbox-control-info-right .mapbox-info-toggle
585
- left: auto
586
- right: 0
587
-
588
- .mapbox-info-toggle:hover
589
- background-color: #fff
590
-
591
- .map-info-container
592
- background: #fff
593
- padding: 3px 5px 3px 27px
594
- display: none
595
- position: relative
596
- bottom: 0
597
- left: 0
598
- border-radius: 13px 3px 3px 13px
599
-
600
- .mapbox-control-info.active .map-info-container
601
- display: inline-block
602
-
603
- .mapbox-control-info-right .map-info-container
604
- left: auto
605
- right: 0
606
- padding: 3px 27px 3px 5px
607
- border-radius: 3px 13px 13px 3px
703
+ ------------------------------------------------------- */
704
+
705
+ .leaflet-control {
706
+ &.mapbox-control-info {
707
+ margin: 5px 30px 10px 10px;
708
+ min-height: 26px;
709
+ }
710
+ &.mapbox-control-info-right {
711
+ margin: 5px 10px 10px 30px;
712
+ }
713
+ }
714
+
715
+ .mapbox-info-toggle {
716
+ background-color: #fff;
717
+ background-color: rgba(255, 255, 255, 0.5);
718
+ border-radius: 50%;
719
+ position: absolute;
720
+ bottom: 0;
721
+ left: 0;
722
+ z-index: 1;
723
+ }
724
+
725
+ .mapbox-control-info-right .mapbox-info-toggle {
726
+ left: auto;
727
+ right: 0;
728
+ }
729
+
730
+ .mapbox-info-toggle:hover {
731
+ background-color: #fff;
732
+ }
733
+
734
+ .map-info-container {
735
+ background: #fff;
736
+ padding: 3px 5px 3px 27px;
737
+ display: none;
738
+ position: relative;
739
+ bottom: 0;
740
+ left: 0;
741
+ border-radius: 13px 3px 3px 13px;
742
+ }
743
+
744
+ .mapbox-control-info.active .map-info-container {
745
+ display: inline-block;
746
+ }
747
+
748
+ .mapbox-control-info-right .map-info-container {
749
+ left: auto;
750
+ right: 0;
751
+ padding: 3px 27px 3px 5px;
752
+ border-radius: 3px 13px 13px 3px;
753
+ }
608
754
 
609
755
  /* Geocoder
610
- *-------------------------------------------------------
611
-
612
- .leaflet-control-mapbox-geocoder
613
- position: relative
614
- &.searching
615
- opacity: 0.75
616
- .leaflet-control-mapbox-geocoder-wrap
617
- background: #fff
618
- position: absolute
619
- border: 1px solid #999
620
- border-color: rgba(0, 0, 0, 0.4)
621
- border-bottom-width: 0
622
- overflow: hidden
623
- left: 26px
624
- height: 27px
625
- width: 0
626
- top: -1px
627
- border-radius: 0 3px 3px 0
628
- opacity: 0
629
- -webkit-transition: opacity 100ms
630
- -moz-transition: opacity 100ms
631
- -o-transition: opacity 100ms
632
- transition: opacity 100ms
633
- &.active .leaflet-control-mapbox-geocoder-wrap
634
- width: 180px
635
- opacity: 1
636
-
637
- .leaflet-bar .leaflet-control-mapbox-geocoder-toggle
638
- border-bottom: none
639
- &:hover
640
- border-bottom: none
641
-
642
- .leaflet-control-mapbox-geocoder-toggle
643
- border-radius: 3px
644
-
645
- .leaflet-control-mapbox-geocoder
646
- &.active
647
- border-top-right-radius: 0
648
- border-bottom-right-radius: 0
649
- .leaflet-control-mapbox-geocoder-toggle
650
- border-top-right-radius: 0
651
- border-bottom-right-radius: 0
652
- .leaflet-control-mapbox-geocoder-form input
653
- background: transparent
654
- border: 0
655
- width: 180px
656
- padding: 0 0 0 10px
657
- height: 26px
658
- outline: none
659
-
660
- .leaflet-control-mapbox-geocoder-results
661
- width: 180px
662
- position: absolute
663
- left: 26px
664
- top: 25px
665
- border-radius: 0 0 3px 3px
666
-
667
- .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results
668
- background: #fff
669
- border: 1px solid #999
670
- border-color: rgba(0, 0, 0, 0.4)
671
-
672
- .leaflet-control-mapbox-geocoder-results
673
- a, span
674
- padding: 0 10px
675
- text-overflow: ellipsis
676
- white-space: nowrap
677
- display: block
678
- width: 100%
679
- font-size: 12px
680
- line-height: 26px
681
- text-align: left
682
- overflow: hidden
683
- a:first-child
684
- border-top: 1px solid #999
685
- border-top-color: rgba(0, 0, 0, 0.4)
686
- border-radius: 0
687
-
688
- .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results a:hover
689
- background: #f8f8f8
690
- opacity: 1
756
+ ------------------------------------------------------- */
757
+
758
+ .leaflet-control-mapbox-geocoder {
759
+ position: relative;
760
+ &.searching {
761
+ opacity: 0.75;
762
+ }
763
+ .leaflet-control-mapbox-geocoder-wrap {
764
+ background: #fff;
765
+ position: absolute;
766
+ border: 1px solid #999;
767
+ border-color: rgba(0, 0, 0, 0.4);
768
+ border-bottom-width: 0;
769
+ overflow: hidden;
770
+ left: 26px;
771
+ height: 27px;
772
+ width: 0;
773
+ top: -1px;
774
+ border-radius: 0 3px 3px 0;
775
+ opacity: 0;
776
+ -webkit-transition: opacity 100ms;
777
+ -moz-transition: opacity 100ms;
778
+ -o-transition: opacity 100ms;
779
+ transition: opacity 100ms;
780
+ }
781
+ &.active .leaflet-control-mapbox-geocoder-wrap {
782
+ width: 180px;
783
+ opacity: 1;
784
+ }
785
+ }
786
+
787
+ .leaflet-bar .leaflet-control-mapbox-geocoder-toggle {
788
+ border-bottom: none;
789
+ &:hover {
790
+ border-bottom: none;
791
+ }
792
+ }
793
+
794
+ .leaflet-control-mapbox-geocoder-toggle {
795
+ border-radius: 3px;
796
+ }
797
+
798
+ .leaflet-control-mapbox-geocoder {
799
+ &.active {
800
+ border-top-right-radius: 0;
801
+ border-bottom-right-radius: 0;
802
+ .leaflet-control-mapbox-geocoder-toggle {
803
+ border-top-right-radius: 0;
804
+ border-bottom-right-radius: 0;
805
+ }
806
+ }
807
+ .leaflet-control-mapbox-geocoder-form input {
808
+ background: transparent;
809
+ border: 0;
810
+ width: 180px;
811
+ padding: 0 0 0 10px;
812
+ height: 26px;
813
+ outline: none;
814
+ }
815
+ }
816
+
817
+ .leaflet-control-mapbox-geocoder-results {
818
+ width: 180px;
819
+ position: absolute;
820
+ left: 26px;
821
+ top: 25px;
822
+ border-radius: 0 0 3px 3px;
823
+ }
824
+
825
+ .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results {
826
+ background: #fff;
827
+ border: 1px solid #999;
828
+ border-color: rgba(0, 0, 0, 0.4);
829
+ }
830
+
831
+ .leaflet-control-mapbox-geocoder-results {
832
+ a, span {
833
+ padding: 0 10px;
834
+ text-overflow: ellipsis;
835
+ white-space: nowrap;
836
+ display: block;
837
+ width: 100%;
838
+ font-size: 12px;
839
+ line-height: 26px;
840
+ text-align: left;
841
+ overflow: hidden;
842
+ }
843
+ a:first-child {
844
+ border-top: 1px solid #999;
845
+ border-top-color: rgba(0, 0, 0, 0.4);
846
+ border-radius: 0;
847
+ }
848
+ }
849
+
850
+ .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results a:hover {
851
+ background: #f8f8f8;
852
+ opacity: 1;
853
+ }
691
854
 
692
855
  /* Dark Theme
693
- *-------------------------------------------------------
694
-
695
- .leaflet-container
696
- &.dark
697
- .leaflet-bar
698
- background-color: #404040
699
- border-color: #202020
700
- border-color: rgba(0, 0, 0, 0.75)
701
- a
702
- color: #404040
703
- border-color: rgba(0, 0, 0, 0.5)
704
- &:active, &:hover
705
- background-color: #505050
706
- .mapbox-info-toggle, .map-info-container, .leaflet-control-attribution
707
- background-color: rgba(0, 0, 0, 0.25)
708
- color: #f8f8f8
709
- .leaflet-bar a.leaflet-disabled, .leaflet-control .mapbox-button.disabled
710
- background-color: #252525
711
- color: #404040
712
- .leaflet-control-mapbox-geocoder > div
713
- border-color: #202020
714
- border-color: rgba(0, 0, 0, 0.75)
715
- .leaflet-control .leaflet-control-mapbox-geocoder-results
716
- a
717
- border-color: #ddd #202020
718
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75)
719
- span
720
- border-color: #202020
721
- border-color: rgba(0, 0, 0, 0.75)
722
- img
723
- max-width: none !important
724
- &.leaflet-image-layer
725
- max-width: 15000px !important
856
+ ------------------------------------------------------- */
857
+
858
+ .leaflet-container {
859
+ &.dark {
860
+ .leaflet-bar {
861
+ background-color: #404040;
862
+ border-color: #202020;
863
+ border-color: rgba(0, 0, 0, 0.75);
864
+ a {
865
+ color: #404040;
866
+ border-color: rgba(0, 0, 0, 0.5);
867
+ &:active, &:hover {
868
+ background-color: #505050;
869
+ }
870
+ }
871
+ }
872
+ .mapbox-info-toggle, .map-info-container, .leaflet-control-attribution {
873
+ background-color: rgba(0, 0, 0, 0.25);
874
+ color: #f8f8f8;
875
+ }
876
+ .leaflet-bar a.leaflet-disabled, .leaflet-control .mapbox-button.disabled {
877
+ background-color: #252525;
878
+ color: #404040;
879
+ }
880
+ .leaflet-control-mapbox-geocoder > div {
881
+ border-color: #202020;
882
+ border-color: rgba(0, 0, 0, 0.75);
883
+ }
884
+ .leaflet-control .leaflet-control-mapbox-geocoder-results {
885
+ a {
886
+ border-color: #ddd #202020;
887
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75);
888
+ }
889
+ span {
890
+ border-color: #202020;
891
+ border-color: rgba(0, 0, 0, 0.75);
892
+ }
893
+ }
894
+ }
895
+ img {
896
+ max-width: none !important;
897
+ &.leaflet-image-layer {
898
+ max-width: 15000px !important;
899
+ }
900
+ }
901
+ }
726
902
 
727
903
  /* Larger Screens
728
- *-------------------------------------------------------
729
- @media only screen and (max-width: 800px)
730
- .mapbox-modal-body
731
- width: 83.3333%
732
- margin-left: 8.3333%
904
+ ------------------------------------------------------- */
905
+ @media only screen and (max-width: 800px) {
906
+ .mapbox-modal-body {
907
+ width: 83.3333%;
908
+ margin-left: 8.3333%;
909
+ }
910
+ }
733
911
 
734
912
  /* Smaller Screens
735
- *-------------------------------------------------------
736
- @media only screen and (max-width: 640px)
737
- .mapbox-modal-body
738
- width: 100%
739
- height: 100%
740
- margin: 0
913
+ ------------------------------------------------------- */
914
+ @media only screen and (max-width: 640px) {
915
+ .mapbox-modal-body {
916
+ width: 100%;
917
+ height: 100%;
918
+ margin: 0;
919
+ }
920
+ }
741
921
 
742
922
  /* Browser Fixes
743
- *-------------------------------------------------------
744
- /* Map is broken in FF if you have max-width: 100% on tiles
923
+ ------------------------------------------------------- */
924
+ /* Map is broken in FF if you have max-width: 100% on tiles */
745
925
 
746
- /* Stupid Android 2 doesn't understand "max-width: none" properly
926
+ /* Stupid Android 2 doesn't understand "max-width: none" properly */
747
927
 
748
- /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319
928
+ /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
749
929
 
750
- .leaflet-overlay-pane svg
751
- -moz-user-select: none
930
+ .leaflet-overlay-pane svg {
931
+ -moz-user-select: none;
932
+ }
752
933
 
753
- /* Older IEs don't support the translateY property for display animation
934
+ /* Older IEs don't support the translateY property for display animation */
754
935
 
755
- .leaflet-oldie .mapbox-modal
756
- .mapbox-modal-content
757
- display: none
758
- &.active .mapbox-modal-content
759
- display: block
936
+ .leaflet-oldie .mapbox-modal {
937
+ .mapbox-modal-content {
938
+ display: none;
939
+ }
940
+ &.active .mapbox-modal-content {
941
+ display: block;
942
+ }
943
+ }
760
944
 
761
- .map-tooltip
762
- width: 280px\8
763
- /* < IE9
945
+ .map-tooltip {
946
+ width: 280px\8;
947
+ /* < IE9 */
948
+ }