@znemz/cesium-navigation 4.0.0 → 6.0.2

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.
package/dist/index.css DELETED
@@ -1,492 +0,0 @@
1
- /*html {
2
- height: 100%;
3
- -webkit-font-smoothing: antialiased;
4
- }
5
-
6
- body {
7
- height: 100%;
8
- width: 100%;
9
- margin: 0;
10
- overflow: hidden;
11
- padding: 0;
12
- background: #000;
13
- font-size: 15px;
14
- font-family: @default-font;
15
- }*/
16
- .full-window {
17
- position: absolute;
18
- top: 0;
19
- left: 0;
20
- right: 0;
21
- bottom: 0;
22
- margin: 0;
23
- overflow: hidden;
24
- padding: 0;
25
- -webkit-transition: left 0.25s ease-out;
26
- -moz-transition: left 0.25s ease-out;
27
- -ms-transition: left 0.25s ease-out;
28
- -o-transition: left 0.25s ease-out;
29
- transition: left 0.25s ease-out;
30
- }
31
- .transparent-to-input {
32
- pointer-events: none;
33
- }
34
- .opaque-to-input {
35
- pointer-events: auto;
36
- }
37
- .clickable {
38
- cursor: pointer;
39
- }
40
- /*a {
41
- text-decoration: none;
42
- color: @highlight-color;
43
- }*/
44
- a:hover {
45
- text-decoration: underline;
46
- }
47
- /*
48
- @modal-background-color: @panel-background-color;
49
- @modal-text-color: @panel-emphasized-text-color;
50
- @modal-header-background-color: rgba(0,0,0,0.2);
51
- @modal-header-text-color: @panel-emphasized-text-color;*/
52
- /*.modal-background {
53
- .opaque-to-input;
54
- position: fixed;
55
- left: 0;
56
- right: 0;
57
- top: 0;
58
- bottom: 0;
59
- background-color: rgba(0,0,0,0.5);
60
- z-index: 1000; required for IE9
61
- }*/
62
- /*
63
- .modal {
64
- position: absolute;
65
- margin: auto;
66
- background-color: @modal-background-color;
67
- top: 0;
68
- left: 0;
69
- bottom: 0;
70
- right: 0;
71
- max-height: 100%;
72
- max-width: 100%;
73
- font-family: @default-font;
74
- color: @modal-text-color;
75
- }
76
-
77
- .modal-header {
78
- background-color: @modal-header-background-color;
79
- border-bottom: @panel-element-border;
80
- font-size: 15px;
81
- line-height: 40px;
82
- margin: 0;
83
- }
84
-
85
- .modal-header h1 {
86
- font-size: 15px;
87
- color: @modal-header-text-color;
88
- margin-left: 15px;
89
- }*/
90
- /* Commented out due to conflicts with client apps.
91
- .modal-content {
92
- margin-left: 15px;
93
- margin-right: 15px;
94
- margin-bottom: 15px;
95
- padding-top: 15px;
96
- overflow: auto;
97
- }*/
98
- /*.modal-close-button {
99
- position: absolute;
100
- right: 15px;
101
- cursor: pointer;
102
- font-size: 18px;
103
- color: @modal-header-text-color;
104
- }*/
105
- #ui {
106
- z-index: 2100;
107
- }
108
- @media print {
109
- .full-window {
110
- position: initial;
111
- }
112
- }
113
- /* input[type=text] {
114
- height: 38px;
115
- background-color: #eeeeee;
116
- color: @input-text-color;
117
- font-size: 14px;
118
- }
119
-
120
- ::-webkit-input-placeholder {
121
- color: fade(@input-text-color, 75%);
122
- font-style: italic;
123
- }
124
-
125
- :-moz-placeholder { /* Firefox 18-
126
- color: fade(@input-text-color, 75%);
127
- font-style: italic;
128
- }
129
-
130
- ::-moz-placeholder { /* Firefox 19+
131
- color: fade(@input-text-color, 75%);
132
- font-style: italic;
133
- }
134
-
135
- :-ms-input-placeholder {
136
- color: fade(@input-text-color, 75%);
137
- font-style: italic;
138
- }
139
-
140
- input:focus {
141
- outline-color: #FFFFFF;
142
- }
143
- */
144
- /*select {
145
- display: block;
146
- background-color: @panel-form-input-background-color;
147
- color: @panel-form-input-text-color;
148
- height: 40px;
149
- border: 0;
150
- margin-top: 10px;
151
- font-size: 14px;
152
- padding-left: 5px;
153
- }*/
154
- .markdown img {
155
- max-width: 100%;
156
- }
157
- .markdown svg {
158
- max-height: 100%;
159
- }
160
- .markdown input,
161
- .markdown select,
162
- .markdown textarea,
163
- .markdown fieldset {
164
- font-family: inherit;
165
- font-size: 1rem;
166
- box-sizing: border-box;
167
- margin-top: 0;
168
- margin-bottom: 0;
169
- }
170
- .markdown label {
171
- vertical-align: middle;
172
- }
173
- .markdown h1,
174
- .markdown h2,
175
- .markdown h3,
176
- .markdown h4,
177
- .markdown h5,
178
- .markdown h6 {
179
- font-family: inherit;
180
- font-weight: bold;
181
- line-height: 1.25;
182
- margin-top: 1em;
183
- margin-bottom: .5em;
184
- }
185
- .markdown h1 {
186
- font-size: 2rem;
187
- }
188
- .markdown h2 {
189
- font-size: 1.5rem;
190
- }
191
- .markdown h3 {
192
- font-size: 1.25rem;
193
- }
194
- .markdown h4 {
195
- font-size: 1rem;
196
- }
197
- .markdown h5 {
198
- font-size: 0.875rem;
199
- }
200
- .markdown h6 {
201
- font-size: 0.75rem;
202
- }
203
- .markdown p {
204
- margin-top: 0;
205
- margin-bottom: 1rem;
206
- }
207
- .markdown strong {
208
- font-weight: bold;
209
- }
210
- .markdown em {
211
- font-style: italic;
212
- }
213
- .markdown small {
214
- font-size: 80%;
215
- }
216
- .markdown mark {
217
- color: #000;
218
- background: #ff0;
219
- }
220
- .markdown u {
221
- text-decoration: underline;
222
- }
223
- .markdown s {
224
- text-decoration: line-through;
225
- }
226
- .markdown dl,
227
- .markdown ol,
228
- .markdown ul {
229
- margin-top: 0;
230
- margin-bottom: 1rem;
231
- }
232
- .markdown ol {
233
- list-style: decimal inside;
234
- }
235
- .markdown ul {
236
- list-style: disc inside;
237
- }
238
- .markdown pre,
239
- .markdown code,
240
- .markdown samp {
241
- font-family: monospace;
242
- font-size: inherit;
243
- }
244
- .markdown pre {
245
- margin-top: 0;
246
- margin-bottom: 1rem;
247
- overflow-x: scroll;
248
- }
249
- .markdown a {
250
- color: #68ADFE;
251
- text-decoration: none;
252
- }
253
- .markdown a:hover {
254
- text-decoration: underline;
255
- }
256
- .markdown pre,
257
- .markdown code {
258
- background-color: transparent;
259
- border-radius: 3px;
260
- }
261
- .markdown hr {
262
- border: 0;
263
- border-bottom-style: solid;
264
- border-bottom-width: 1px;
265
- border-bottom-color: rgba(0, 0, 0, 0.125);
266
- }
267
- .markdown .left-align {
268
- text-align: left;
269
- }
270
- .markdown .center {
271
- text-align: center;
272
- }
273
- .markdown .right-align {
274
- text-align: right;
275
- }
276
- .markdown .justify {
277
- text-align: justify;
278
- }
279
- .markdown .truncate {
280
- max-width: 100%;
281
- overflow: hidden;
282
- text-overflow: ellipsis;
283
- white-space: nowrap;
284
- }
285
- .markdown ol.upper-roman {
286
- list-style-type: upper-roman;
287
- }
288
- .markdown ol.lower-alpha {
289
- list-style-type: lower-alpha;
290
- }
291
- .markdown ul.circle {
292
- list-style-type: circle;
293
- }
294
- .markdown ul.square {
295
- list-style-type: square;
296
- }
297
- .markdown .list-reset {
298
- list-style: none;
299
- padding-left: 0;
300
- }
301
- .floating {
302
- pointer-events: auto;
303
- position: absolute;
304
- border-radius: 15px;
305
- background-color: rgba(47, 53, 60, 0.8);
306
- }
307
- .floating-horizontal {
308
- pointer-events: auto;
309
- position: absolute;
310
- border-radius: 15px;
311
- background-color: rgba(47, 53, 60, 0.8);
312
- padding-left: 5px;
313
- padding-right: 5px;
314
- }
315
- .floating-vertical {
316
- pointer-events: auto;
317
- position: absolute;
318
- border-radius: 15px;
319
- background-color: rgba(47, 53, 60, 0.8);
320
- padding-top: 5px;
321
- padding-bottom: 5px;
322
- }
323
- @media print {
324
- .floating {
325
- display: none;
326
- }
327
- }
328
- .distance-legend {
329
- pointer-events: auto;
330
- position: absolute;
331
- border-radius: 15px;
332
- background-color: rgba(47, 53, 60, 0.8);
333
- padding-left: 5px;
334
- padding-right: 5px;
335
- right: 25px;
336
- bottom: 30px;
337
- height: 30px;
338
- width: 125px;
339
- border: 1px solid rgba(255, 255, 255, 0.1);
340
- box-sizing: content-box;
341
- }
342
- .distance-legend-label {
343
- display: inline-block;
344
- font-family: 'Roboto', sans-serif;
345
- font-size: 14px;
346
- font-weight: lighter;
347
- line-height: 30px;
348
- color: #ffffff;
349
- width: 125px;
350
- text-align: center;
351
- }
352
- .distance-legend-scale-bar {
353
- border-left: 1px solid #ffffff;
354
- border-right: 1px solid #ffffff;
355
- border-bottom: 1px solid #ffffff;
356
- position: absolute;
357
- height: 10px;
358
- top: 15px;
359
- }
360
- @media print {
361
- .distance-legend {
362
- display: none;
363
- }
364
- }
365
- @media screen and (max-width: 700px), screen and (max-height: 420px) {
366
- .distance-legend {
367
- display: none;
368
- }
369
- }
370
- .navigation-controls {
371
- position: absolute;
372
- right: 30px;
373
- top: 210px;
374
- width: 30px;
375
- border: 1px solid rgba(255, 255, 255, 0.1);
376
- font-weight: 300;
377
- -webkit-touch-callout: none;
378
- -webkit-user-select: none;
379
- -khtml-user-select: none;
380
- -moz-user-select: none;
381
- -ms-user-select: none;
382
- user-select: none;
383
- }
384
- .navigation-control {
385
- cursor: pointer;
386
- border-bottom: 1px solid #555555;
387
- }
388
- .naviagation-control:active {
389
- color: #FFF;
390
- }
391
- .navigation-control-last {
392
- cursor: pointer;
393
- border-bottom: 1px solid #555555;
394
- border-bottom: 0;
395
- }
396
- .navigation-control-icon-zoom-in {
397
- position: relative;
398
- text-align: center;
399
- font-size: 20px;
400
- color: #ffffff;
401
- padding-bottom: 4px;
402
- }
403
- .navigation-control-icon-zoom-out {
404
- position: relative;
405
- text-align: center;
406
- font-size: 20px;
407
- color: #ffffff;
408
- }
409
- .navigation-control-icon-reset {
410
- position: relative;
411
- left: 10px;
412
- width: 10px;
413
- height: 10px;
414
- fill: rgba(255, 255, 255, 0.8);
415
- padding-top: 6px;
416
- padding-bottom: 6px;
417
- box-sizing: content-box;
418
- }
419
- .compass {
420
- pointer-events: auto;
421
- position: absolute;
422
- right: 0px;
423
- top: 100px;
424
- width: 95px;
425
- height: 95px;
426
- overflow: hidden;
427
- }
428
- .compass-outer-ring {
429
- position: absolute;
430
- top: 0;
431
- width: 95px;
432
- height: 95px;
433
- fill: rgba(255, 255, 255, 0.5);
434
- }
435
- .compass-outer-ring-background {
436
- position: absolute;
437
- top: 14px;
438
- left: 14px;
439
- width: 44px;
440
- height: 44px;
441
- border-radius: 44px;
442
- border: 12px solid rgba(47, 53, 60, 0.8);
443
- box-sizing: content-box;
444
- }
445
- .compass-gyro {
446
- pointer-events: none;
447
- position: absolute;
448
- top: 0;
449
- width: 95px;
450
- height: 95px;
451
- fill: #CCC;
452
- }
453
- .compass-gyro-active {
454
- fill: #68adfe;
455
- }
456
- .compass-gyro-background {
457
- position: absolute;
458
- top: 30px;
459
- left: 30px;
460
- width: 33px;
461
- height: 33px;
462
- border-radius: 33px;
463
- background-color: rgba(47, 53, 60, 0.8);
464
- border: 1px solid rgba(255, 255, 255, 0.2);
465
- box-sizing: content-box;
466
- }
467
- .compass-gyro-background:hover + .compass-gyro {
468
- fill: #68adfe;
469
- }
470
- .compass-rotation-marker {
471
- position: absolute;
472
- top: 0;
473
- width: 95px;
474
- height: 95px;
475
- fill: #68adfe;
476
- }
477
- @media screen and (max-width: 700px), screen and (max-height: 420px) {
478
- .navigation-controls {
479
- display: none;
480
- }
481
- .compass {
482
- display: none;
483
- }
484
- }
485
- @media print {
486
- .navigation-controls {
487
- display: none;
488
- }
489
- .compass {
490
- display: none;
491
- }
492
- }