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