1 /* |
|
2 * Icons styles |
|
3 */ |
|
4 |
|
5 .svg-container { |
|
6 svg { |
|
7 filter: drop-shadow(1px 1px 2px black); |
|
8 } |
|
9 } |
|
10 svg { |
|
11 max-width: 100%; |
|
12 max-height: 100%; |
|
13 |
|
14 .leaflet-pane & { |
|
15 /** Custom rule to handle Leaflet SVG */ |
|
16 max-width: initial; |
|
17 max-height: initial; |
|
18 } |
|
19 } |
|
20 |
|
21 .square { |
|
22 display: block; |
|
23 float: left; |
|
24 margin-right: 10px; |
|
25 height: 20px; |
|
26 width: 20px; |
|
27 } |
|
28 |
|
29 .fa-stack-1em { |
|
30 width: 1em!important; |
|
31 height: 1em!important; |
|
32 line-height: 1em!important; |
|
33 } |
|
34 |
|
35 .icon-color-good { |
|
36 color: #40ac2b; |
|
37 } |
|
38 .icon-color-bad { |
|
39 color: #ed1c24; |
|
40 } |
|
41 |
|
42 .percent-sign:after { |
|
43 content: " %"; |
|
44 line-height: normal; |
|
45 } |
|
46 .degree-sign:after { |
|
47 content: " °F"; |
|
48 line-height: normal; |
|
49 } |
|
50 |
|
51 .ui-icon { |
|
52 .ui-state-default &[class*=" icon-"] { |
|
53 background: 0 0; |
|
54 margin-left: -12px; |
|
55 } |
|
56 &-carat-1-n { |
|
57 background-position: 0 0; |
|
58 } |
|
59 &-carat-1-ne { |
|
60 background-position: -16px 0; |
|
61 } |
|
62 &-carat-1-e { |
|
63 background-position: -32px 0; |
|
64 |
|
65 &:before { |
|
66 content: "\f105"; |
|
67 font-family: FontAwesome; |
|
68 font-size: 14px; |
|
69 display: inline; |
|
70 } |
|
71 } |
|
72 &-carat-1-se { |
|
73 background-position: -48px 0; |
|
74 } |
|
75 &-carat-1-s { |
|
76 background-position: -64px 0; |
|
77 } |
|
78 &-carat-1-sw { |
|
79 background-position: -80px 0; |
|
80 } |
|
81 &-carat-1-w { |
|
82 background-position: -96px 0; |
|
83 } |
|
84 &-carat-1-nw { |
|
85 background-position: -112px 0; |
|
86 } |
|
87 &-carat-2-n-s { |
|
88 background-position: -128px 0; |
|
89 } |
|
90 &-carat-2-e-w { |
|
91 background-position: -144px 0; |
|
92 } |
|
93 &-triangle-1-n { |
|
94 background-position: 0 -16px; |
|
95 } |
|
96 &-triangle-1-ne { |
|
97 background-position: -16px -16px; |
|
98 } |
|
99 &-triangle-1-e { |
|
100 background-position: -32px -16px; |
|
101 } |
|
102 &-triangle-1-se { |
|
103 background-position: -48px -16px; |
|
104 } |
|
105 &-triangle-1-s { |
|
106 background-position: -64px -16px; |
|
107 } |
|
108 &-triangle-1-sw { |
|
109 background-position: -80px -16px; |
|
110 } |
|
111 &-triangle-1-w { |
|
112 background-position: -96px -16px; |
|
113 } |
|
114 &-triangle-1-nw { |
|
115 background-position: -112px -16px; |
|
116 } |
|
117 &-triangle-2-n-s { |
|
118 background-position: -128px -16px; |
|
119 } |
|
120 &-triangle-2-e-w { |
|
121 background-position: -144px -16px; |
|
122 } |
|
123 &-arrow-1-n { |
|
124 background-position: 0 -32px; |
|
125 } |
|
126 &-arrow-1-ne { |
|
127 background-position: -16px -32px; |
|
128 } |
|
129 &-arrow-1-e { |
|
130 background-position: -32px -32px; |
|
131 } |
|
132 &-arrow-1-se { |
|
133 background-position: -48px -32px; |
|
134 } |
|
135 &-arrow-1-s { |
|
136 background-position: -64px -32px; |
|
137 } |
|
138 &-arrow-1-sw { |
|
139 background-position: -80px -32px; |
|
140 } |
|
141 &-arrow-1-w { |
|
142 background-position: -96px -32px; |
|
143 } |
|
144 &-arrow-1-nw { |
|
145 background-position: -112px -32px; |
|
146 } |
|
147 &-arrow-2-n-s { |
|
148 background-position: -128px -32px; |
|
149 } |
|
150 &-arrow-2-ne-sw { |
|
151 background-position: -144px -32px; |
|
152 } |
|
153 &-arrow-2-e-w { |
|
154 background-position: -160px -32px; |
|
155 } |
|
156 &-arrow-2-se-nw { |
|
157 background-position: -176px -32px; |
|
158 } |
|
159 &-arrowstop-1-n { |
|
160 background-position: -192px -32px; |
|
161 } |
|
162 &-arrowstop-1-e { |
|
163 background-position: -208px -32px; |
|
164 } |
|
165 &-arrowstop-1-s { |
|
166 background-position: -224px -32px; |
|
167 } |
|
168 &-arrowstop-1-w { |
|
169 background-position: -240px -32px; |
|
170 } |
|
171 &-arrowthick-1-n { |
|
172 background-position: 0 -48px; |
|
173 } |
|
174 &-arrowthick-1-ne { |
|
175 background-position: -16px -48px; |
|
176 } |
|
177 &-arrowthick-1-e { |
|
178 background-position: -32px -48px; |
|
179 } |
|
180 &-arrowthick-1-se { |
|
181 background-position: -48px -48px; |
|
182 } |
|
183 &-arrowthick-1-s { |
|
184 background-position: -64px -48px; |
|
185 } |
|
186 &-arrowthick-1-sw { |
|
187 background-position: -80px -48px; |
|
188 } |
|
189 &-arrowthick-1-w { |
|
190 background-position: -96px -48px; |
|
191 } |
|
192 &-arrowthick-1-nw { |
|
193 background-position: -112px -48px; |
|
194 } |
|
195 &-arrowthick-2-n-s { |
|
196 background-position: -128px -48px; |
|
197 } |
|
198 &-arrowthick-2-ne-sw { |
|
199 background-position: -144px -48px; |
|
200 } |
|
201 &-arrowthick-2-e-w { |
|
202 background-position: -160px -48px; |
|
203 } |
|
204 &-arrowthick-2-se-nw { |
|
205 background-position: -176px -48px; |
|
206 } |
|
207 &-arrowthickstop-1-n { |
|
208 background-position: -192px -48px; |
|
209 } |
|
210 &-arrowthickstop-1-e { |
|
211 background-position: -208px -48px; |
|
212 } |
|
213 &-arrowthickstop-1-s { |
|
214 background-position: -224px -48px; |
|
215 } |
|
216 &-arrowthickstop-1-w { |
|
217 background-position: -240px -48px; |
|
218 } |
|
219 &-arrowreturnthick-1-w { |
|
220 background-position: 0 -64px; |
|
221 } |
|
222 &-arrowreturnthick-1-n { |
|
223 background-position: -16px -64px; |
|
224 } |
|
225 &-arrowreturnthick-1-e { |
|
226 background-position: -32px -64px; |
|
227 } |
|
228 &-arrowreturnthick-1-s { |
|
229 background-position: -48px -64px; |
|
230 } |
|
231 &-arrowreturn-1-w { |
|
232 background-position: -64px -64px; |
|
233 } |
|
234 &-arrowreturn-1-n { |
|
235 background-position: -80px -64px; |
|
236 } |
|
237 &-arrowreturn-1-e { |
|
238 background-position: -96px -64px; |
|
239 } |
|
240 &-arrowreturn-1-s { |
|
241 background-position: -112px -64px; |
|
242 } |
|
243 &-arrowrefresh-1-w { |
|
244 background-position: -128px -64px; |
|
245 } |
|
246 &-arrowrefresh-1-n { |
|
247 background-position: -144px -64px; |
|
248 } |
|
249 &-arrowrefresh-1-e { |
|
250 background-position: -160px -64px; |
|
251 } |
|
252 &-arrowrefresh-1-s { |
|
253 background-position: -176px -64px; |
|
254 } |
|
255 &-arrow-4 { |
|
256 background-position: 0 -80px; |
|
257 } |
|
258 &-arrow-4-diag { |
|
259 background-position: -16px -80px; |
|
260 } |
|
261 &-extlink { |
|
262 background-position: -32px -80px; |
|
263 } |
|
264 &-newwin { |
|
265 background-position: -48px -80px; |
|
266 } |
|
267 &-refresh { |
|
268 background-position: -64px -80px; |
|
269 } |
|
270 &-shuffle { |
|
271 background-position: -80px -80px; |
|
272 } |
|
273 &-transfer-e-w { |
|
274 background-position: -96px -80px; |
|
275 } |
|
276 &-transferthick-e-w { |
|
277 background-position: -112px -80px; |
|
278 } |
|
279 &-folder-collapsed { |
|
280 background-position: 0 -96px; |
|
281 } |
|
282 &-folder-open { |
|
283 background-position: -16px -96px; |
|
284 } |
|
285 &-document { |
|
286 background-position: -32px -96px; |
|
287 } |
|
288 &-document-b { |
|
289 background-position: -48px -96px; |
|
290 } |
|
291 &-note { |
|
292 background-position: -64px -96px; |
|
293 } |
|
294 &-mail-closed { |
|
295 background-position: -80px -96px; |
|
296 } |
|
297 &-mail-open { |
|
298 background-position: -96px -96px; |
|
299 } |
|
300 &-suitcase { |
|
301 background-position: -112px -96px; |
|
302 } |
|
303 &-comment { |
|
304 background-position: -128px -96px; |
|
305 } |
|
306 &-person { |
|
307 background-position: -144px -96px; |
|
308 } |
|
309 &-print { |
|
310 background-position: -160px -96px; |
|
311 } |
|
312 &-trash { |
|
313 background-position: -176px -96px; |
|
314 } |
|
315 &-locked { |
|
316 background-position: -192px -96px; |
|
317 } |
|
318 &-unlocked { |
|
319 background-position: -208px -96px; |
|
320 } |
|
321 &-bookmark { |
|
322 background-position: -224px -96px; |
|
323 } |
|
324 &-tag { |
|
325 background-position: -240px -96px; |
|
326 } |
|
327 &-home { |
|
328 background-position: 0 -112px; |
|
329 } |
|
330 &-flag { |
|
331 background-position: -16px -112px; |
|
332 } |
|
333 &-calendar { |
|
334 background-position: -32px -112px; |
|
335 } |
|
336 &-cart { |
|
337 background-position: -48px -112px; |
|
338 } |
|
339 &-pencil { |
|
340 background-position: -64px -112px; |
|
341 } |
|
342 &-clock { |
|
343 background-position: -80px -112px; |
|
344 } |
|
345 &-disk { |
|
346 background-position: -96px -112px; |
|
347 } |
|
348 &-calculator { |
|
349 background-position: -112px -112px; |
|
350 } |
|
351 &-zoomin { |
|
352 background-position: -128px -112px; |
|
353 } |
|
354 &-zoomout { |
|
355 background-position: -144px -112px; |
|
356 } |
|
357 &-search { |
|
358 background-position: -160px -112px; |
|
359 } |
|
360 &-wrench { |
|
361 background-position: -176px -112px; |
|
362 } |
|
363 &-gear { |
|
364 background-position: -192px -112px; |
|
365 } |
|
366 &-heart { |
|
367 background-position: -208px -112px; |
|
368 } |
|
369 &-star { |
|
370 background-position: -224px -112px; |
|
371 } |
|
372 &-link { |
|
373 background-position: -240px -112px; |
|
374 } |
|
375 &-cancel { |
|
376 background-position: 0 -128px; |
|
377 } |
|
378 &-plus { |
|
379 background-position: -16px -128px; |
|
380 } |
|
381 &-plusthick { |
|
382 background-position: -32px -128px; |
|
383 } |
|
384 &-minus { |
|
385 background-position: -48px -128px; |
|
386 } |
|
387 &-minusthick { |
|
388 background-position: -64px -128px; |
|
389 } |
|
390 &-close { |
|
391 background-position: -80px -128px; |
|
392 } |
|
393 &-closethick { |
|
394 background-position: -96px -128px; |
|
395 } |
|
396 &-key { |
|
397 background-position: -112px -128px; |
|
398 } |
|
399 &-lightbulb { |
|
400 background-position: -128px -128px; |
|
401 } |
|
402 &-scissors { |
|
403 background-position: -144px -128px; |
|
404 } |
|
405 &-clipboard { |
|
406 background-position: -160px -128px; |
|
407 } |
|
408 &-copy { |
|
409 background-position: -176px -128px; |
|
410 } |
|
411 &-contact { |
|
412 background-position: -192px -128px; |
|
413 } |
|
414 &-image { |
|
415 background-position: -208px -128px; |
|
416 } |
|
417 &-video { |
|
418 background-position: -224px -128px; |
|
419 } |
|
420 &-script { |
|
421 background-position: -240px -128px; |
|
422 } |
|
423 &-alert { |
|
424 background-position: 0 -144px; |
|
425 } |
|
426 &-info { |
|
427 background-position: -16px -144px; |
|
428 } |
|
429 &-notice { |
|
430 background-position: -32px -144px; |
|
431 } |
|
432 &-help { |
|
433 background-position: -48px -144px; |
|
434 } |
|
435 &-check { |
|
436 background-position: -64px -144px; |
|
437 } |
|
438 &-bullet { |
|
439 background-position: -80px -144px; |
|
440 } |
|
441 &-radio-on { |
|
442 background-position: -96px -144px; |
|
443 } |
|
444 &-radio-off { |
|
445 background-position: -112px -144px; |
|
446 } |
|
447 &-pin-w { |
|
448 background-position: -128px -144px; |
|
449 } |
|
450 &-pin-s { |
|
451 background-position: -144px -144px; |
|
452 } |
|
453 &-play { |
|
454 background-position: 0 -160px; |
|
455 } |
|
456 &-pause { |
|
457 background-position: -16px -160px; |
|
458 } |
|
459 &-seek-next { |
|
460 background-position: -32px -160px; |
|
461 } |
|
462 &-seek-prev { |
|
463 background-position: -48px -160px; |
|
464 } |
|
465 &-seek-end { |
|
466 background-position: -64px -160px; |
|
467 } |
|
468 &-seek-first, &-seek-start { |
|
469 background-position: -80px -160px; |
|
470 } |
|
471 &-stop { |
|
472 background-position: -96px -160px; |
|
473 } |
|
474 &-eject { |
|
475 background-position: -112px -160px; |
|
476 } |
|
477 &-volume-off { |
|
478 background-position: -128px -160px; |
|
479 } |
|
480 &-volume-on { |
|
481 background-position: -144px -160px; |
|
482 } |
|
483 &-power { |
|
484 background-position: 0 -176px; |
|
485 } |
|
486 &-signal-diag { |
|
487 background-position: -16px -176px; |
|
488 } |
|
489 &-signal { |
|
490 background-position: -32px -176px; |
|
491 } |
|
492 &-battery-0 { |
|
493 background-position: -48px -176px; |
|
494 } |
|
495 &-battery-1 { |
|
496 background-position: -64px -176px; |
|
497 } |
|
498 &-battery-2 { |
|
499 background-position: -80px -176px; |
|
500 } |
|
501 &-battery-3 { |
|
502 background-position: -96px -176px; |
|
503 } |
|
504 &-circle-plus { |
|
505 background-position: 0 -192px; |
|
506 } |
|
507 &-circle-minus { |
|
508 background-position: -16px -192px; |
|
509 } |
|
510 &-circle-close { |
|
511 background-position: -32px -192px; |
|
512 } |
|
513 &-circle-triangle-e { |
|
514 background-position: -48px -192px; |
|
515 } |
|
516 &-circle-triangle-s { |
|
517 background-position: -64px -192px; |
|
518 } |
|
519 &-circle-triangle-w { |
|
520 background-position: -80px -192px; |
|
521 } |
|
522 &-circle-triangle-n { |
|
523 background-position: -96px -192px; |
|
524 } |
|
525 &-circle-arrow-e { |
|
526 background-position: -112px -192px; |
|
527 } |
|
528 &-circle-arrow-s { |
|
529 background-position: -128px -192px; |
|
530 } |
|
531 &-circle-arrow-w { |
|
532 background-position: -144px -192px; |
|
533 } |
|
534 &-circle-arrow-n { |
|
535 background-position: -160px -192px; |
|
536 } |
|
537 &-circle-zoomin { |
|
538 background-position: -176px -192px; |
|
539 } |
|
540 &-circle-zoomout { |
|
541 background-position: -192px -192px; |
|
542 } |
|
543 &-circle-check { |
|
544 background-position: -208px -192px; |
|
545 } |
|
546 &-circlesmall-plus { |
|
547 background-position: 0 -208px; |
|
548 } |
|
549 &-circlesmall-minus { |
|
550 background-position: -16px -208px; |
|
551 } |
|
552 &-circlesmall-close { |
|
553 background-position: -32px -208px; |
|
554 } |
|
555 &-squaresmall-plus { |
|
556 background-position: -48px -208px; |
|
557 } |
|
558 &-squaresmall-minus { |
|
559 background-position: -64px -208px; |
|
560 } |
|
561 &-squaresmall-close { |
|
562 background-position: -80px -208px; |
|
563 } |
|
564 &-grip-dotted-vertical { |
|
565 background-position: 0 -224px; |
|
566 } |
|
567 &-grip-dotted-horizontal { |
|
568 background-position: -16px -224px; |
|
569 } |
|
570 &-grip-solid-vertical { |
|
571 background-position: -32px -224px; |
|
572 } |
|
573 &-grip-solid-horizontal { |
|
574 background-position: -48px -224px; |
|
575 } |
|
576 &-gripsmall-diagonal-se { |
|
577 background-position: -64px -224px; |
|
578 } |
|
579 &-grip-diagonal-se { |
|
580 background-position: -80px -224px; |
|
581 } |
|
582 } |
|
583 |
|
584 |
|
585 .ui-button-icon { |
|
586 &-primary.ui-icon[class*=" icon-"]:before, |
|
587 &-primary.ui-icon[class^=icon-]:before, |
|
588 &-secondary.ui-icon[class*=" icon-"]:before, |
|
589 &-secondary.ui-icon[class^=icon-]:before { |
|
590 font-size: inherit; |
|
591 margin-left: 7px!important; |
|
592 margin-left: 5px; |
|
593 display: inline; |
|
594 text-decoration: inherit; |
|
595 color: inherit; |
|
596 } |
|
597 } |
|