Merge branch '2.0'
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / icon.less
1 /* do NOT reference fonts directly, always make use of 'getFont.php' */
2 @font-face {
3 font-family: 'FontAwesome';
4 src: url('../font/getFont.php?type=eot&v=4.0.3');
5 src: url('../font/getFont.php?type=eot&v=4.0.3#iefix') format('embedded-opentype'),
6 url('../font/getFont.php?type=woff&v=4.0.3') format('woff'),
7 url('../font/getFont.php?type=ttf&v=4.0.3') format('truetype');
8 font-weight: normal;
9 font-style: normal;
10 }
11
12 .icon, .fa {
13 color: @wcfColor;
14 display: inline-block;
15 font-family: FontAwesome;
16 font-weight: normal !important;
17 font-style: normal !important;
18 line-height: 1em;
19 text-align: center;
20
21 -webkit-user-select: none;
22 -moz-user-select: none;
23 -ms-user-select: none;
24
25 .textShadow(@wcfContentBackgroundColor);
26
27 &.disabled {
28 opacity: .3;
29 }
30 &:hover {
31 text-decoration: none;
32 }
33
34 /* default icon colors */
35 &.green {
36 color: rgba(0, 153, 0, 1);
37 }
38
39 &.red {
40 color: rgba(204, 0, 0, 1);
41 }
42
43 &.black {
44 color: #333;
45 }
46
47 &.brown {
48 color: #c63;
49 }
50
51 &.orange {
52 color: #f90;
53 }
54
55 &.yellow {
56 color: #ff0;
57 }
58
59 &.blue {
60 color: #369;
61 }
62
63 &.purple {
64 color: #c0f;
65 }
66
67 &.pink {
68 color: #f0c;
69 }
70 }
71
72 // firefox cursor issue
73 span.icon:not(.pointer):not(.disabled),
74 span.fa:not(.pointer):not(.disabled) {
75 cursor: default;
76 }
77
78 a > span.icon:not(.pointer),
79 a > span.fa:not(.pointer) {
80 cursor: pointer !important;
81 }
82
83 // icon sizes
84 .icon16 {
85 font-size: 14px;
86 height: 16px;
87 width: 16px;
88 }
89
90 .icon32 {
91 font-size: 28px;
92 height: 32px;
93 width: 32px;
94 vertical-align: -5px;
95 }
96
97 .icon48 {
98 font-size: 42px;
99 height: 48px;
100 width: 48px;
101 }
102
103 .icon96 {
104 font-size: 84px;
105 height: 96px;
106 width: 96px;
107 }
108
109 // spinner animation
110 .icon-spinner {
111 height: auto;
112
113 -moz-animation: spin 2s infinite linear;
114 -o-animation: spin 2s infinite linear;
115 -webkit-animation: spin 2s infinite linear;
116 animation: spin 2s infinite linear;
117 }
118 @-moz-keyframes spin {
119 0% { -moz-transform: rotate(0deg); }
120 100% { -moz-transform: rotate(359deg); }
121 }
122 @-webkit-keyframes spin {
123 0% { -webkit-transform: rotate(0deg); }
124 100% { -webkit-transform: rotate(359deg); }
125 }
126 @-o-keyframes spin {
127 0% { -o-transform: rotate(0deg); }
128 100% { -o-transform: rotate(359deg); }
129 }
130 @-ms-keyframes spin {
131 0% { -ms-transform: rotate(0deg); }
132 100% { -ms-transform: rotate(359deg); }
133 }
134 @keyframes spin {
135 0% { transform: rotate(0deg); }
136 100% { transform: rotate(359deg); }
137 }
138
139 .icon-rotate-90:before, .fa-rotate-90:before {
140 -webkit-transform: rotate(90deg);
141 -moz-transform: rotate(90deg);
142 -ms-transform: rotate(90deg);
143 -o-transform: rotate(90deg);
144 transform: rotate(90deg);
145 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
146 }
147
148 .icon-rotate-180:before, .fa-rotate-180:before {
149 -webkit-transform: rotate(180deg);
150 -moz-transform: rotate(180deg);
151 -ms-transform: rotate(180deg);
152 -o-transform: rotate(180deg);
153 transform: rotate(180deg);
154 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
155 }
156
157 .icon-rotate-270:before, .fa-rotate-270:before {
158 -webkit-transform: rotate(270deg);
159 -moz-transform: rotate(270deg);
160 -ms-transform: rotate(270deg);
161 -o-transform: rotate(270deg);
162 transform: rotate(270deg);
163 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
164 }
165
166 .icon-flip-horizontal:before, .fa-flip-horizontal:before {
167 -webkit-transform: scale(-1, 1);
168 -moz-transform: scale(-1, 1);
169 -ms-transform: scale(-1, 1);
170 -o-transform: scale(-1, 1);
171 transform: scale(-1, 1);
172 }
173
174 .icon-flip-vertical:before, .fa-flip-vertical:before {
175 -webkit-transform: scale(1, -1);
176 -moz-transform: scale(1, -1);
177 -ms-transform: scale(1, -1);
178 -o-transform: scale(1, -1);
179 transform: scale(1, -1);
180 }
181
182 // icon variables
183 @glass: "\f000";
184 @music: "\f001";
185 @search: "\f002";
186 @envelope-alt: "\f003";
187 @heart: "\f004";
188 @star: "\f005";
189 @star-empty: "\f006";
190 @user: "\f007";
191 @film: "\f008";
192 @th-large: "\f009";
193 @th: "\f00a";
194 @th-list: "\f00b";
195 @ok: "\f00c";
196 @remove: "\f00d";
197 @zoom-in: "\f00e";
198 @zoom-out: "\f010";
199 @off: "\f011";
200 @signal: "\f012";
201 @cog: "\f013";
202 @trash: "\f014";
203 @home: "\f015";
204 @file-alt: "\f016";
205 @time: "\f017";
206 @road: "\f018";
207 @download-alt: "\f019";
208 @download: "\f01a";
209 @upload: "\f01b";
210 @inbox: "\f01c";
211 @play-circle: "\f01d";
212 @repeat: "\f01e";
213 @refresh: "\f021";
214 @list-alt: "\f022";
215 @lock: "\f023";
216 @flag: "\f024";
217 @headphones: "\f025";
218 @volume-off: "\f026";
219 @volume-down: "\f027";
220 @volume-up: "\f028";
221 @qrcode: "\f029";
222 @barcode: "\f02a";
223 @tag: "\f02b";
224 @tags: "\f02c";
225 @book: "\f02d";
226 @bookmark: "\f02e";
227 @print: "\f02f";
228 @camera: "\f030";
229 @font: "\f031";
230 @bold: "\f032";
231 @italic: "\f033";
232 @text-height: "\f034";
233 @text-width: "\f035";
234 @align-left: "\f036";
235 @align-center: "\f037";
236 @align-right: "\f038";
237 @align-justify: "\f039";
238 @list: "\f03a";
239 @indent-left: "\f03b";
240 @indent-right: "\f03c";
241 @facetime-video: "\f03d";
242 @picture: "\f03e";
243 @pencil: "\f040";
244 @map-marker: "\f041";
245 @adjust: "\f042";
246 @tint: "\f043";
247 @edit: "\f044";
248 @share: "\f045";
249 @check: "\f046";
250 @move: "\f047";
251 @step-backward: "\f048";
252 @fast-backward: "\f049";
253 @backward: "\f04a";
254 @play: "\f04b";
255 @pause: "\f04c";
256 @stop: "\f04d";
257 @forward: "\f04e";
258 @fast-forward: "\f050";
259 @step-forward: "\f051";
260 @eject: "\f052";
261 @chevron-left: "\f053";
262 @chevron-right: "\f054";
263 @plus-sign: "\f055";
264 @minus-sign: "\f056";
265 @remove-sign: "\f057";
266 @ok-sign: "\f058";
267 @question-sign: "\f059";
268 @info-sign: "\f05a";
269 @screenshot: "\f05b";
270 @remove-circle: "\f05c";
271 @ok-circle: "\f05d";
272 @ban-circle: "\f05e";
273 @arrow-left: "\f060";
274 @arrow-right: "\f061";
275 @arrow-up: "\f062";
276 @arrow-down: "\f063";
277 @share-alt: "\f064";
278 @resize-full: "\f065";
279 @resize-small: "\f066";
280 @plus: "\f067";
281 @minus: "\f068";
282 @asterisk: "\f069";
283 @exclamation-sign: "\f06a";
284 @gift: "\f06b";
285 @leaf: "\f06c";
286 @fire: "\f06d";
287 @eye-open: "\f06e";
288 @eye-close: "\f070";
289 @warning-sign: "\f071";
290 @plane: "\f072";
291 @calendar: "\f073";
292 @random: "\f074";
293 @comment: "\f075";
294 @magnet: "\f076";
295 @chevron-up: "\f077";
296 @chevron-down: "\f078";
297 @retweet: "\f079";
298 @shopping-cart: "\f07a";
299 @folder-close: "\f07b";
300 @folder-open: "\f07c";
301 @resize-vertical: "\f07d";
302 @resize-horizontal: "\f07e";
303 @bar-chart: "\f080";
304 @twitter-sign: "\f081";
305 @facebook-sign: "\f082";
306 @camera-retro: "\f083";
307 @key: "\f084";
308 @cogs: "\f085";
309 @comments: "\f086";
310 @thumbs-up-alt: "\f087";
311 @thumbs-down-alt: "\f088";
312 @star-half: "\f089";
313 @heart-empty: "\f08a";
314 @signout: "\f08b";
315 @linkedin-sign: "\f08c";
316 @pushpin: "\f08d";
317 @external-link: "\f08e";
318 @signin: "\f090";
319 @trophy: "\f091";
320 @github-sign: "\f092";
321 @upload-alt: "\f093";
322 @lemon: "\f094";
323 @phone: "\f095";
324 @check-empty: "\f096";
325 @bookmark-empty: "\f097";
326 @phone-sign: "\f098";
327 @twitter: "\f099";
328 @facebook: "\f09a";
329 @github: "\f09b";
330 @unlock: "\f09c";
331 @credit-card: "\f09d";
332 @rss: "\f09e";
333 @hdd: "\f0a0";
334 @bullhorn: "\f0a1";
335 @bell: "\f0a2";
336 @certificate: "\f0a3";
337 @hand-right: "\f0a4";
338 @hand-left: "\f0a5";
339 @hand-up: "\f0a6";
340 @hand-down: "\f0a7";
341 @circle-arrow-left: "\f0a8";
342 @circle-arrow-right: "\f0a9";
343 @circle-arrow-up: "\f0aa";
344 @circle-arrow-down: "\f0ab";
345 @globe: "\f0ac";
346 @wrench: "\f0ad";
347 @tasks: "\f0ae";
348 @filter: "\f0b0";
349 @briefcase: "\f0b1";
350 @fullscreen: "\f0b2";
351 @group: "\f0c0";
352 @link: "\f0c1";
353 @cloud: "\f0c2";
354 @beaker: "\f0c3";
355 @cut: "\f0c4";
356 @copy: "\f0c5";
357 @paper-clip: "\f0c6";
358 @save: "\f0c7";
359 @sign-blank: "\f0c8";
360 @reorder: "\f0c9";
361 @list-ul: "\f0ca";
362 @list-ol: "\f0cb";
363 @strikethrough: "\f0cc";
364 @underline: "\f0cd";
365 @table: "\f0ce";
366 @magic: "\f0d0";
367 @truck: "\f0d1";
368 @pinterest: "\f0d2";
369 @pinterest-sign: "\f0d3";
370 @google-plus-sign: "\f0d4";
371 @google-plus: "\f0d5";
372 @money: "\f0d6";
373 @caret-down: "\f0d7";
374 @caret-up: "\f0d8";
375 @caret-left: "\f0d9";
376 @caret-right: "\f0da";
377 @columns: "\f0db";
378 @sort: "\f0dc";
379 @sort-down: "\f0dd";
380 @sort-up: "\f0de";
381 @envelope: "\f0e0";
382 @linkedin: "\f0e1";
383 @undo: "\f0e2";
384 @legal: "\f0e3";
385 @dashboard: "\f0e4";
386 @comment-alt: "\f0e5";
387 @comments-alt: "\f0e6";
388 @bolt: "\f0e7";
389 @sitemap: "\f0e8";
390 @umbrella: "\f0e9";
391 @paste: "\f0ea";
392 @lightbulb: "\f0eb";
393 @exchange: "\f0ec";
394 @cloud-download: "\f0ed";
395 @cloud-upload: "\f0ee";
396 @user-md: "\f0f0";
397 @stethoscope: "\f0f1";
398 @suitcase: "\f0f2";
399 @bell-alt: "\f0f3";
400 @coffee: "\f0f4";
401 @food: "\f0f5";
402 @file-text-alt: "\f0f6";
403 @building: "\f0f7";
404 @hospital: "\f0f8";
405 @ambulance: "\f0f9";
406 @medkit: "\f0fa";
407 @fighter-jet: "\f0fb";
408 @beer: "\f0fc";
409 @h-sign: "\f0fd";
410 @plus-sign-alt: "\f0fe";
411 @double-angle-left: "\f100";
412 @double-angle-right: "\f101";
413 @double-angle-up: "\f102";
414 @double-angle-down: "\f103";
415 @angle-left: "\f104";
416 @angle-right: "\f105";
417 @angle-up: "\f106";
418 @angle-down: "\f107";
419 @desktop: "\f108";
420 @laptop: "\f109";
421 @tablet: "\f10a";
422 @mobile-phone: "\f10b";
423 @circle-blank: "\f10c";
424 @quote-left: "\f10d";
425 @quote-right: "\f10e";
426 @spinner: "\f110";
427 @circle: "\f111";
428 @reply: "\f112";
429 @github-alt: "\f113";
430 @folder-close-alt: "\f114";
431 @folder-open-alt: "\f115";
432 @expand-alt: "\f116";
433 @collapse-alt: "\f117";
434 @smile: "\f118";
435 @frown: "\f119";
436 @meh: "\f11a";
437 @gamepad: "\f11b";
438 @keyboard: "\f11c";
439 @flag-alt: "\f11d";
440 @flag-checkered: "\f11e";
441 @terminal: "\f120";
442 @code: "\f121";
443 @reply-all: "\f122";
444 @mail-reply-all: "\f122";
445 @star-half-empty: "\f123";
446 @location-arrow: "\f124";
447 @crop: "\f125";
448 @code-fork: "\f126";
449 @unlink: "\f127";
450 @question: "\f128";
451 @info: "\f129";
452 @exclamation: "\f12a";
453 @superscript: "\f12b";
454 @subscript: "\f12c";
455 @eraser: "\f12d";
456 @puzzle-piece: "\f12e";
457 @microphone: "\f130";
458 @microphone-off: "\f131";
459 @shield: "\f132";
460 @calendar-empty: "\f133";
461 @fire-extinguisher: "\f134";
462 @rocket: "\f135";
463 @maxcdn: "\f136";
464 @chevron-sign-left: "\f137";
465 @chevron-sign-right: "\f138";
466 @chevron-sign-up: "\f139";
467 @chevron-sign-down: "\f13a";
468 @html5: "\f13b";
469 @css3: "\f13c";
470 @anchor: "\f13d";
471 @unlock-alt: "\f13e";
472 @bullseye: "\f140";
473 @ellipsis-horizontal: "\f141";
474 @ellipsis-vertical: "\f142";
475 @rss-sign: "\f143";
476 @play-sign: "\f144";
477 @ticket: "\f145";
478 @minus-sign-alt: "\f146";
479 @check-minus: "\f147";
480 @level-up: "\f148";
481 @level-down: "\f149";
482 @check-sign: "\f14a";
483 @edit-sign: "\f14b";
484 @external-link-sign: "\f14c";
485 @share-sign: "\f14d";
486 @compass: "\f14e";
487 @collapse: "\f150";
488 @collapse-top: "\f151";
489 @expand: "\f152";
490 @eur: "\f153";
491 @gbp: "\f154";
492 @usd: "\f155";
493 @inr: "\f156";
494 @jpy: "\f157";
495 @cny: "\f158";
496 @krw: "\f159";
497 @btc: "\f15a";
498 @file: "\f15b";
499 @file-text: "\f15c";
500 @sort-by-alphabet: "\f15d";
501 @sort-by-alphabet-alt: "\f15e";
502 @sort-by-attributes: "\f160";
503 @sort-by-attributes-alt: "\f161";
504 @sort-by-order: "\f162";
505 @sort-by-order-alt: "\f163";
506 @thumbs-up: "\f164";
507 @thumbs-down: "\f165";
508 @youtube-sign: "\f166";
509 @youtube: "\f167";
510 @xing: "\f168";
511 @xing-sign: "\f169";
512 @youtube-play: "\f16a";
513 @dropbox: "\f16b";
514 @stackexchange: "\f16c";
515 @instagram: "\f16d";
516 @flickr: "\f16e";
517 @adn: "\f170";
518 @bitbucket: "\f171";
519 @bitbucket-sign: "\f172";
520 @tumblr: "\f173";
521 @tumblr-sign: "\f174";
522 @long-arrow-down: "\f175";
523 @long-arrow-up: "\f176";
524 @long-arrow-left: "\f177";
525 @long-arrow-right: "\f178";
526 @apple: "\f179";
527 @windows: "\f17a";
528 @android: "\f17b";
529 @linux: "\f17c";
530 @dribbble: "\f17d";
531 @skype: "\f17e";
532 @foursquare: "\f180";
533 @trello: "\f181";
534 @female: "\f182";
535 @male: "\f183";
536 @gittip: "\f184";
537 @sun: "\f185";
538 @moon: "\f186";
539 @archive: "\f187";
540 @bug: "\f188";
541 @vk: "\f189";
542 @weibo: "\f18a";
543 @renren: "\f18b";
544 @fa-var-pagelines: "\f18c";
545 @fa-var-stack-exchange: "\f18d";
546 @fa-var-arrow-circle-o-right: "\f18e";
547 @fa-var-arrow-circle-o-left: "\f190";
548 @fa-var-caret-square-o-left: "\f191";
549 @fa-var-dot-circle-o: "\f192";
550 @fa-var-wheelchair: "\f193";
551 @fa-var-vimeo-square: "\f194";
552 @fa-var-try: "\f195";
553 @fa-var-plus-square-o: "\f196";
554
555 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
556 readers do not read off random characters that represent icons */
557 .icon-glass:before, .fa-glass:before { content: @glass; }
558 .icon-music:before, .fa-music:before { content: @music; }
559 .icon-search:before, .fa-search:before { content: @search; }
560 .icon-envelope-alt:before, .fa-o:before { content: @envelope-alt; }
561 .icon-heart:before, .fa-heart:before { content: @heart; }
562 .icon-star:before, .fa-star:before { content: @star; }
563 .icon-star-empty:before, .fa-star-o:before { content: @star-empty; }
564 .icon-user:before, .fa-user:before { content: @user; }
565 .icon-film:before, .fa-film:before { content: @film; }
566 .icon-th-large:before, .fa-th-large:before { content: @th-large; }
567 .icon-th:before, .fa-th:before { content: @th; }
568 .icon-th-list:before, .fa-th-list:before { content: @th-list; }
569 .icon-ok:before, .fa-check:before { content: @ok; }
570 .icon-remove:before, .fa-times:before { content: @remove; }
571 .icon-zoom-in:before, .fa-search-plus:before { content: @zoom-in; }
572 .icon-zoom-out:before, .fa-search-minus:before { content: @zoom-out; }
573 .icon-power-off:before, .fa-power-off:before,
574 .icon-off:before, .fa-power-off:before { content: @off; }
575 .icon-signal:before, .fa-signal:before { content: @signal; }
576 .icon-gear:before, .fa-gear:before,
577 .icon-cog:before, .fa-cog:before { content: @cog; }
578 .icon-trash:before, .fa-trash-o:before { content: @trash; }
579 .icon-home:before, .fa-home:before { content: @home; }
580 .icon-file-alt:before, .fa-file-o:before { content: @file-alt; }
581 .icon-time:before, .fa-clock:before { content: @time; }
582 .icon-road:before, .fa-road:before { content: @road; }
583 .icon-download-alt:before, .fa-download:before { content: @download-alt; }
584 .icon-download:before, .fa-arrow-circle-o-down:before { content: @download; }
585 .icon-upload:before, .fa-arrow-circle-o-up:before { content: @upload; }
586 .icon-inbox:before, .fa-inbox:before { content: @inbox; }
587 .icon-play-circle:before, .fa-play-circle-o:before { content: @play-circle; }
588 .icon-rotate-right:before, .fa-rotate-right:before,
589 .icon-repeat:before, .fa-repeat:before { content: @repeat; }
590 .icon-refresh:before, .fa-refresh:before { content: @refresh; }
591 .icon-list-alt:before, .fa-list-alt:before { content: @list-alt; }
592 .icon-lock:before, .fa-lock:before { content: @lock; }
593 .icon-flag:before, .fa-flag:before { content: @flag; }
594 .icon-headphones:before, .fa-headphones:before { content: @headphones; }
595 .icon-volume-off:before, .fa-volume-off:before { content: @volume-off; }
596 .icon-volume-down:before, .fa-volume-down:before { content: @volume-down; }
597 .icon-volume-up:before, .fa-volume-up:before { content: @volume-up; }
598 .icon-qrcode:before, .fa-qrcode:before { content: @qrcode; }
599 .icon-barcode:before, .fa-barcode:before { content: @barcode; }
600 .icon-tag:before, .fa-tag:before { content: @tag; }
601 .icon-tags:before, .fa-tags:before { content: @tags; }
602 .icon-book:before, .fa-book:before { content: @book; }
603 .icon-bookmark:before, .fa-bookmark:before { content: @bookmark; }
604 .icon-print:before, .fa-print:before { content: @print; }
605 .icon-camera:before, .fa-camera:before { content: @camera; }
606 .icon-font:before, .fa-font:before { content: @font; }
607 .icon-bold:before, .fa-bold:before { content: @bold; }
608 .icon-italic:before, .fa-italic:before { content: @italic; }
609 .icon-text-height:before, .fa-text-height:before { content: @text-height; }
610 .icon-text-width:before, .fa-text-width:before { content: @text-width; }
611 .icon-align-left:before, .fa-align-left:before { content: @align-left; }
612 .icon-align-center:before, .fa-align-center:before { content: @align-center; }
613 .icon-align-right:before, .fa-align-right:before { content: @align-right; }
614 .icon-align-justify:before, .fa-align-justify:before { content: @align-justify; }
615 .icon-list:before, .fa-list:before { content: @list; }
616 .icon-indent-left:before, .fa-outdent:before { content: @indent-left; }
617 .icon-indent-right:before, .fa-indent:before { content: @indent-right; }
618 .icon-facetime-video:before, .fa-video-camera:before { content: @facetime-video; }
619 .icon-picture:before, .fa-picture-o:before { content: @picture; }
620 .icon-pencil:before, .fa-pencil:before { content: @pencil; }
621 .icon-map-marker:before, .fa-map-marker:before { content: @map-marker; }
622 .icon-adjust:before, .fa-adjust:before { content: @adjust; }
623 .icon-tint:before, .fa-tint:before { content: @tint; }
624 .icon-edit:before, .fa-pencil-square-o:before { content: @edit; }
625 .icon-share:before, .fa-share:before { content: @share; }
626 .icon-check:before, .fa-check-square-o:before { content: @check; }
627 .icon-move:before, .fa-arrows:before { content: @move; }
628 .icon-step-backward:before, .fa-step-backward:before { content: @step-backward; }
629 .icon-fast-backward:before, .fa-fast-backward:before { content: @fast-backward; }
630 .icon-backward:before, .fa-backward:before { content: @backward; }
631 .icon-play:before, .fa-play:before { content: @play; }
632 .icon-pause:before, .fa-pause:before { content: @pause; }
633 .icon-stop:before, .fa-stop:before { content: @stop; }
634 .icon-forward:before, .fa-forward:before { content: @forward; }
635 .icon-fast-forward:before, .fa-fast-forward:before { content: @fast-forward; }
636 .icon-step-forward:before, .fa-step-forward:before { content: @step-forward; }
637 .icon-eject:before, .fa-eject:before { content: @eject; }
638 .icon-chevron-left:before, .fa-chevron-left:before { content: @chevron-left; }
639 .icon-chevron-right:before, .fa-chevron-right:before { content: @chevron-right; }
640 .icon-plus-sign:before, .fa-plus-circle:before { content: @plus-sign; }
641 .icon-minus-sign:before, .fa-minus-circle:before { content: @minus-sign; }
642 .icon-remove-sign:before, .fa-times-circle:before { content: @remove-sign; }
643 .icon-ok-sign:before, .fa-check-circle:before { content: @ok-sign; }
644 .icon-question-sign:before, .fa-question-circle:before { content: @question-sign; }
645 .icon-info-sign:before, .fa-info-circle:before { content: @info-sign; }
646 .icon-screenshot:before, .fa-crosshairs:before { content: @screenshot; }
647 .icon-remove-circle:before, .fa-times-circle-o:before { content: @remove-circle; }
648 .icon-ok-circle:before, .fa-check-circle-o:before { content: @ok-circle; }
649 .icon-ban-circle:before, .fa-ban:before { content: @ban-circle; }
650 .icon-arrow-left:before, .fa-arrow-left:before { content: @arrow-left; }
651 .icon-arrow-right:before, .fa-arrow-right:before { content: @arrow-right; }
652 .icon-arrow-up:before, .fa-arrow-up:before { content: @arrow-up; }
653 .icon-arrow-down:before, .fa-arrow-down:before { content: @arrow-down; }
654 .icon-mail-forward:before, .fa-mail-forward:before,
655 .icon-share-alt:before, .fa-share:before { content: @share-alt; }
656 .icon-resize-full:before, .fa-expand:before { content: @resize-full; }
657 .icon-resize-small:before, .fa-cimpress:before { content: @resize-small; }
658 .icon-plus:before, .fa-plus:before { content: @plus; }
659 .icon-minus:before, .fa-minus:before { content: @minus; }
660 .icon-asterisk:before, .fa-asterisk:before { content: @asterisk; }
661 .icon-exclamation-sign:before, .fa-exclamation-circle:before { content: @exclamation-sign; }
662 .icon-gift:before, .fa-gift:before { content: @gift; }
663 .icon-leaf:before, .fa-leaf:before { content: @leaf; }
664 .icon-fire:before, .fa-fire:before { content: @fire; }
665 .icon-eye-open:before, .fa-eye:before { content: @eye-open; }
666 .icon-eye-close:before, .fa-eye-slash:before { content: @eye-close; }
667 .icon-warning-sign:before, .fa-exclamation-triangle:before { content: @warning-sign; }
668 .icon-plane:before, .fa-plane:before { content: @plane; }
669 .icon-calendar:before, .fa-calendar:before { content: @calendar; }
670 .icon-random:before, .fa-random:before { content: @random; }
671 .icon-comment:before, .fa-comment:before { content: @comment; }
672 .icon-magnet:before, .fa-magnet:before { content: @magnet; }
673 .icon-chevron-up:before, .fa-chevron-up:before { content: @chevron-up; }
674 .icon-chevron-down:before, .fa-chevron-down:before { content: @chevron-down; }
675 .icon-retweet:before, .fa-retweet:before { content: @retweet; }
676 .icon-shopping-cart:before, .fa-shopping-cart:before { content: @shopping-cart; }
677 .icon-folder-close:before, .fa-folder:before { content: @folder-close; }
678 .icon-folder-open:before, .fa-folder-open:before { content: @folder-open; }
679 .icon-resize-vertical:before, .fa-arrows-v:before { content: @resize-vertical; }
680 .icon-resize-horizontal:before, .fa-arrows-h:before { content: @resize-horizontal; }
681 .icon-bar-chart:before, .fa-bar-chart-o:before { content: @bar-chart; }
682 .icon-twitter-sign:before, .fa-twitter-square:before { content: @twitter-sign; }
683 .icon-facebook-sign:before, .fa-facebook-square:before { content: @facebook-sign; }
684 .icon-camera-retro:before, .fa-camera-retro:before { content: @camera-retro; }
685 .icon-key:before, .fa-key:before { content: @key; }
686 .icon-gears:before, .fa-gears:before,
687 .icon-cogs:before, .fa-cogs:before { content: @cogs; }
688 .icon-comments:before, .fa-comments:before { content: @comments; }
689 .icon-thumbs-up-alt:before, .fa-thumbs-o-up:before { content: @thumbs-up-alt; }
690 .icon-thumbs-down-alt:before, .fa-thumbs-o-down:before { content: @thumbs-down-alt; }
691 .icon-star-half:before, .fa-star-half:before { content: @star-half; }
692 .icon-heart-empty:before, .fa-heart-o:before { content: @heart-empty; }
693 .icon-signout:before, .fa-sign-out:before { content: @signout; }
694 .icon-linkedin-sign:before, .fa-linkedin-square:before { content: @linkedin-sign; }
695 .icon-pushpin:before, .fa-thumb-tack:before { content: @pushpin; }
696 .icon-external-link:before, .fa-external-link:before { content: @external-link; }
697 .icon-signin:before, .fa-sign-in:before { content: @signin; }
698 .icon-trophy:before, .fa-trophy:before { content: @trophy; }
699 .icon-github-sign:before, .fa-github-square:before { content: @github-sign; }
700 .icon-upload-alt:before, .fa-upload:before { content: @upload-alt; }
701 .icon-lemon:before, .fa-lemon-o:before { content: @lemon; }
702 .icon-phone:before, .fa-phone:before { content: @phone; }
703 .icon-unchecked:before, .fa-unchecked:before, .icon-check-empty:before { content: @check-empty; }
704 .icon-bookmark-empty:before, .fa-bookmark-o:before { content: @bookmark-empty; }
705 .icon-phone-sign:before, .fa-phone-square:before { content: @phone-sign; }
706 .icon-twitter:before, .fa-twitter:before { content: @twitter; }
707 .icon-facebook:before, .fa-facebook:before { content: @facebook; }
708 .icon-github:before, .fa-github:before { content: @github; }
709 .icon-unlock:before, .fa-unlock:before { content: @unlock; }
710 .icon-credit-card:before, .fa-credit-card:before { content: @credit-card; }
711 .icon-rss:before, .fa-rss:before { content: @rss; }
712 .icon-hdd:before, .fa-hdd-o:before { content: @hdd; }
713 .icon-bullhorn:before, .fa-bullhorn:before { content: @bullhorn; }
714 .icon-bell:before, .fa-bell-o:before { content: @bell; }
715 .icon-certificate:before, .fa-certificate:before { content: @certificate; }
716 .icon-hand-right:before, .fa-hand-o-right:before { content: @hand-right; }
717 .icon-hand-left:before, .fa-hand-o-left:before { content: @hand-left; }
718 .icon-hand-up:before, .fa-hand-o-up:before { content: @hand-up; }
719 .icon-hand-down:before, .fa-hand-o-down:before { content: @hand-down; }
720 .icon-circle-arrow-left:before, .fa-arrow-circle-left:before { content: @circle-arrow-left; }
721 .icon-circle-arrow-right:before, .fa-arrow-circle-right:before { content: @circle-arrow-right; }
722 .icon-circle-arrow-up:before, .fa-arrow-circle-up:before { content: @circle-arrow-up; }
723 .icon-circle-arrow-down:before, .fa-arrow-circle-down:before { content: @circle-arrow-down; }
724 .icon-globe:before, .fa-globe:before { content: @globe; }
725 .icon-wrench:before, .fa-wrench:before { content: @wrench; }
726 .icon-tasks:before, .fa-tasks:before { content: @tasks; }
727 .icon-filter:before, .fa-filter:before { content: @filter; }
728 .icon-briefcase:before, .fa-briefcase:before { content: @briefcase; }
729 .icon-fullscreen:before, .fa-arrows-alt:before { content: @fullscreen; }
730 .icon-group:before, .fa-users:before { content: @group; }
731 .icon-link:before, .fa-link:before { content: @link; }
732 .icon-cloud:before, .fa-cloud:before { content: @cloud; }
733 .icon-beaker:before, .fa-flask:before { content: @beaker; }
734 .icon-cut:before, .fa-scissors:before { content: @cut; }
735 .icon-copy:before, .fa-files-o:before { content: @copy; }
736 .icon-paperclip:before, .fa-paperclip:before,
737 .icon-paper-clip:before, .fa-paperclip:before { content: @paper-clip; }
738 .icon-save:before, .fa-floppy-o:before { content: @save; }
739 .icon-sign-blank:before, .fa-square:before { content: @sign-blank; }
740 .icon-reorder:before, .fa-bars:before { content: @reorder; }
741 .icon-list-ul:before, .fa-list-ul:before { content: @list-ul; }
742 .icon-list-ol:before, .fa-list-ol:before { content: @list-ol; }
743 .icon-strikethrough:before, .fa-strikethrough:before { content: @strikethrough; }
744 .icon-underline:before, .fa-underline:before { content: @underline; }
745 .icon-table:before, .fa-table:before { content: @table; }
746 .icon-magic:before, .fa-magic:before { content: @magic; }
747 .icon-truck:before, .fa-truck:before { content: @truck; }
748 .icon-pinterest:before, .fa-pinterest:before { content: @pinterest; }
749 .icon-pinterest-sign:before, .fa-pinterest-square:before { content: @pinterest-sign; }
750 .icon-google-plus-sign:before, .fa-google-plus-square:before { content: @google-plus-sign; }
751 .icon-google-plus:before, .fa-google-plus:before { content: @google-plus; }
752 .icon-money:before, .fa-money:before { content: @money; }
753 .icon-caret-down:before, .fa-caret-down:before { content: @caret-down; }
754 .icon-caret-up:before, .fa-caret-up:before { content: @caret-up; }
755 .icon-caret-left:before, .fa-caret-left:before { content: @caret-left; }
756 .icon-caret-right:before, .fa-caret-right:before { content: @caret-right; }
757 .icon-columns:before, .fa-columns:before { content: @columns; }
758 .icon-sort:before, .fa-sort:before { content: @sort; }
759 .icon-sort-down:before, .fa-sort-asc:before { content: @sort-down; }
760 .icon-sort-up:before, .fa-sort-desc:before { content: @sort-up; }
761 .icon-envelope:before, .fa-envelope:before { content: @envelope; }
762 .icon-linkedin:before, .fa-linkedin:before { content: @linkedin; }
763 .icon-rotate-left:before, .fa-rotate-left:before,
764 .icon-undo:before, .fa-undo:before { content: @undo; }
765 .icon-legal:before, .fa-gavel:before { content: @legal; }
766 .icon-dashboard:before, .fa-tachometer:before { content: @dashboard; }
767 .icon-comment-alt:before, .fa-comment-o:before { content: @comment-alt; }
768 .icon-comments-alt:before, .fa-comments-o:before { content: @comments-alt; }
769 .icon-bolt:before, .fa-bolt:before { content: @bolt; }
770 .icon-sitemap:before, .fa-sitemap:before { content: @sitemap; }
771 .icon-umbrella:before, .fa-umbrella:before { content: @umbrella; }
772 .icon-paste:before, .fa-clipboard:before { content: @paste; }
773 .icon-lightbulb:before, .fa-lightbulb-o:before { content: @lightbulb; }
774 .icon-exchange:before, .fa-exchange:before { content: @exchange; }
775 .icon-cloud-download:before, .fa-cloud-download:before { content: @cloud-download; }
776 .icon-cloud-upload:before, .fa-cloud-upload:before { content: @cloud-upload; }
777 .icon-user-md:before, .fa-user-md:before { content: @user-md; }
778 .icon-stethoscope:before, .fa-stethoscope:before { content: @stethoscope; }
779 .icon-suitcase:before, .fa-suitcase:before { content: @suitcase; }
780 .icon-bell-alt:before, .fa-bell:before { content: @bell-alt; }
781 .icon-coffee:before, .fa-coffee:before { content: @coffee; }
782 .icon-food:before, .fa-cutlery:before { content: @food; }
783 .icon-file-text-alt:before, .fa-file-o-alt:before { content: @file-text-alt; }
784 .icon-building:before, .fa-building-o:before { content: @building; }
785 .icon-hospital:before, .fa-hospital-o:before { content: @hospital; }
786 .icon-ambulance:before, .fa-ambulance:before { content: @ambulance; }
787 .icon-medkit:before, .fa-medkit:before { content: @medkit; }
788 .icon-fighter-jet:before, .fa-fighter-jet:before { content: @fighter-jet; }
789 .icon-beer:before, .fa-beer:before { content: @beer; }
790 .icon-h-sign:before, .fa-h-square:before { content: @h-sign; }
791 .icon-plus-sign-alt:before, .fa-plus-sign-alt:before { content: @plus-sign-alt; }
792 .icon-double-angle-left:before, .fa-angle-double-left:before { content: @double-angle-left; }
793 .icon-double-angle-right:before, .fa-angle-double-right:before { content: @double-angle-right; }
794 .icon-double-angle-up:before, .fa-angle-double-up:before { content: @double-angle-up; }
795 .icon-double-angle-down:before, .fa-angle-double-down:before { content: @double-angle-down; }
796 .icon-angle-left:before, .fa-angle-left:before { content: @angle-left; }
797 .icon-angle-right:before, .fa-angle-right:before { content: @angle-right; }
798 .icon-angle-up:before, .fa-angle-up:before { content: @angle-up; }
799 .icon-angle-down:before, .fa-angle-down:before { content: @angle-down; }
800 .icon-desktop:before, .fa-desktop:before { content: @desktop; }
801 .icon-laptop:before, .fa-laptop:before { content: @laptop; }
802 .icon-tablet:before, .fa-tablet:before { content: @tablet; }
803 .icon-mobile-phone:before, .fa-mobile:before { content: @mobile-phone; }
804 .icon-circle-blank:before, .fa-circle-o:before { content: @circle-blank; }
805 .icon-quote-left:before, .fa-quote-left:before { content: @quote-left; }
806 .icon-quote-right:before, .fa-quote-right:before { content: @quote-right; }
807 .icon-spinner:before, .fa-spinner:before { content: @spinner !important; }
808 .icon-circle:before, .fa-circle:before { content: @circle; }
809 .icon-mail-reply:before, .fa-mail-reply:before,
810 .icon-reply:before, .fa-reply:before { content: @reply; }
811 .icon-github-alt:before, .fa-github-alt:before { content: @github-alt; }
812 .icon-folder-close-alt:before, .fa-folder-close-o:before { content: @folder-close-alt; }
813 .icon-folder-open-alt:before, .fa-folder-open-o:before { content: @folder-open-alt; }
814 .icon-expand-alt:before, .fa-expand-o:before { content: @expand-alt; }
815 .icon-collapse-alt:before, .fa-square-o:before { content: @check-empty; }
816 .icon-smile:before, .fa-smile-o:before { content: @smile; }
817 .icon-frown:before, .fa-frown-o:before { content: @frown; }
818 .icon-meh:before, .fa-meh-o:before { content: @meh; }
819 .icon-gamepad:before, .fa-gamepad:before { content: @gamepad; }
820 .icon-keyboard:before, .fa-keyboard-o:before { content: @keyboard; }
821 .icon-flag-alt:before, .fa-flag-o:before { content: @flag-alt; }
822 .icon-flag-checkered:before, .fa-flag-checkered:before { content: @flag-checkered; }
823 .icon-terminal:before, .fa-terminal:before { content: @terminal; }
824 .icon-code:before, .fa-code:before { content: @code; }
825 .icon-reply-all:before, .fa-reply-all:before { content: @reply-all; }
826 .icon-mail-reply-all:before, .fa-mail-reply-all:before { content: @mail-reply-all; }
827 .icon-star-half-full:before, .fa-star-half-full:before,
828 .icon-star-half-empty:before, .fa-star-half-o:before { content: @star-half-empty; }
829 .icon-location-arrow:before, .fa-location-arrow:before { content: @location-arrow; }
830 .icon-crop:before, .fa-crop:before { content: @crop; }
831 .icon-code-fork:before, .fa-code-fork:before { content: @code-fork; }
832 .icon-unlink:before, .fa-chain-broken:before { content: @unlink; }
833 .icon-question:before, .fa-question:before { content: @question; }
834 .icon-info:before, .fa-info:before { content: @info; }
835 .icon-exclamation:before, .fa-exclamation:before { content: @exclamation; }
836 .icon-superscript:before, .fa-superscript:before { content: @superscript; }
837 .icon-subscript:before, .fa-subscript:before { content: @subscript; }
838 .icon-eraser:before, .fa-eraser:before { content: @eraser; }
839 .icon-puzzle-piece:before, .fa-puzzle-piece:before { content: @puzzle-piece; }
840 .icon-microphone:before, .fa-microphone:before { content: @microphone; }
841 .icon-microphone-off:before, .fa-microphone-slash:before { content: @microphone-off; }
842 .icon-shield:before, .fa-shield:before { content: @shield; }
843 .icon-calendar-empty:before, .fa-calendar-o:before { content: @calendar-empty; }
844 .icon-fire-extinguisher:before, .fa-fire-extinguisher:before { content: @fire-extinguisher; }
845 .icon-rocket:before, .fa-rocket:before { content: @rocket; }
846 .icon-maxcdn:before, .fa-maxcdn:before { content: @maxcdn; }
847 .icon-chevron-sign-left:before, .fa-chevron-circle-left:before { content: @chevron-sign-left; }
848 .icon-chevron-sign-right:before, .fa-chevron-circle-right:before { content: @chevron-sign-right; }
849 .icon-chevron-sign-up:before, .fa-chevron-circle-up:before { content: @chevron-sign-up; }
850 .icon-chevron-sign-down:before, .fa-chevron-circle-down:before { content: @chevron-sign-down; }
851 .icon-html5:before, .fa-html5:before { content: @html5; }
852 .icon-css3:before, .fa-css3:before { content: @css3; }
853 .icon-anchor:before, .fa-anchor:before { content: @anchor; }
854 .icon-unlock-alt:before, .fa-unlock-alt:before { content: @unlock-alt; }
855 .icon-bullseye:before, .fa-bullseye:before { content: @bullseye; }
856 .icon-ellipsis-horizontal:before, .fa-ellipsis-h:before { content: @ellipsis-horizontal; }
857 .icon-ellipsis-vertical:before, .fa-ellipsis-v:before { content: @ellipsis-vertical; }
858 .icon-rss-sign:before, .fa-rss-square:before { content: @rss-sign; }
859 .icon-play-sign:before, .fa-play-circle:before { content: @play-sign; }
860 .icon-ticket:before, .fa-ticket:before { content: @ticket; }
861 .icon-minus-sign-alt:before, .fa-minus-square:before { content: @minus-sign-alt; }
862 .icon-check-minus:before, .fa-minus-square-o:before { content: @check-minus; }
863 .icon-level-up:before, .fa-level-up:before { content: @level-up; }
864 .icon-level-down:before, .fa-level-down:before { content: @level-down; }
865 .icon-check-sign:before, .fa-check-square:before { content: @check-sign; }
866 .icon-edit-sign:before, .fa-pencil-square:before { content: @edit-sign; }
867 .icon-external-link-sign:before, .fa-external-link-square:before { content: @external-link-sign; }
868 .icon-share-sign:before, .fa-share-square:before { content: @share-sign; }
869 .icon-compass:before, .fa-compass:before { content: @compass; }
870 .icon-collapse:before, .fa-caret-square-o-down:before { content: @collapse; }
871 .icon-collapse-top:before, .fa-caret-square-o-up:before { content: @collapse-top; }
872 .icon-expand:before, .fa-caret-square-o-right:before { content: @expand; }
873 .icon-euro:before, .fa-euro:before,
874 .icon-eur:before, .fa-eur:before { content: @eur; }
875 .icon-gbp:before, .fa-gbp:before { content: @gbp; }
876 .icon-dollar:before, .fa-dollar:before,
877 .icon-usd:before, .fa-usd:before { content: @usd; }
878 .icon-rupee:before, .fa-rupee:before,
879 .icon-inr:before, .fa-inr:before { content: @inr; }
880 .icon-yen:before, .fa-yen:before,
881 .icon-jpy:before, .fa-jpy:before { content: @jpy; }
882 .icon-renminbi:before, .fa-renminbi:before,
883 .icon-cny:before, .fa-rub:before { content: @cny; }
884 .icon-won:before, .fa-won:before,
885 .icon-krw:before, .fa-krw:before { content: @krw; }
886 .icon-bitcoin:before, .fa-bitcoin:before,
887 .icon-btc:before, .fa-btc:before { content: @btc; }
888 .icon-file:before, .fa-file:before { content: @file; }
889 .icon-file-text:before, .fa-file-text:before { content: @file-text; }
890 .icon-sort-by-alphabet:before, .fa-sort-alpha-asc:before { content: @sort-by-alphabet; }
891 .icon-sort-by-alphabet-alt:before, .fa-sort-alpha-desc:before { content: @sort-by-alphabet-alt; }
892 .icon-sort-by-attributes:before, .fa-sort-amount-asc:before { content: @sort-by-attributes; }
893 .icon-sort-by-attributes-alt:before, .fa-sort-amount-desc:before { content: @sort-by-attributes-alt; }
894 .icon-sort-by-order:before, .fa-sort-numeric-asc:before { content: @sort-by-order; }
895 .icon-sort-by-order-alt:before, .fa-sort-numeric-desc:before { content: @sort-by-order-alt; }
896 .icon-thumbs-up:before, .fa-thumbs-up:before { content: @thumbs-up; }
897 .icon-thumbs-down:before, .fa-thumbs-down:before { content: @thumbs-down; }
898 .icon-youtube-sign:before, .fa-youtube-square:before { content: @youtube-sign; }
899 .icon-youtube:before, .fa-youtube:before { content: @youtube; }
900 .icon-xing:before, .fa-xing:before { content: @xing; }
901 .icon-xing-sign:before, .fa-xing-square:before { content: @xing-sign; }
902 .icon-youtube-play:before, .fa-youtube-play:before { content: @youtube-play; }
903 .icon-dropbox:before, .fa-dropbox:before { content: @dropbox; }
904 .icon-stackexchange:before, .fa-stack-overflow:before { content: @stackexchange; }
905 .icon-instagram:before, .fa-instagram:before { content: @instagram; }
906 .icon-flickr:before, .fa-flickr:before { content: @flickr; }
907 .icon-adn:before, .fa-adn:before { content: @adn; }
908 .icon-bitbucket:before, .fa-bitbucket:before { content: @bitbucket; }
909 .icon-bitbucket-sign:before, .fa-bitbucket-square:before { content: @bitbucket-sign; }
910 .icon-tumblr:before, .fa-tumblr:before { content: @tumblr; }
911 .icon-tumblr-sign:before, .fa-tumblr-square:before { content: @tumblr-sign; }
912 .icon-long-arrow-down:before, .fa-long-arrow-down:before { content: @long-arrow-down; }
913 .icon-long-arrow-up:before, .fa-long-arrow-up:before { content: @long-arrow-up; }
914 .icon-long-arrow-left:before, .fa-long-arrow-left:before { content: @long-arrow-left; }
915 .icon-long-arrow-right:before, .fa-long-arrow-right:before { content: @long-arrow-right; }
916 .icon-apple:before, .fa-apple:before { content: @apple; }
917 .icon-windows:before, .fa-windows:before { content: @windows; }
918 .icon-android:before, .fa-android:before { content: @android; }
919 .icon-linux:before, .fa-linux:before { content: @linux; }
920 .icon-dribbble:before, .fa-dribbble:before { content: @dribbble; }
921 .icon-skype:before, .fa-skype:before { content: @skype; }
922 .icon-foursquare:before, .fa-foursquare:before { content: @foursquare; }
923 .icon-trello:before, .fa-trello:before { content: @trello; }
924 .icon-female:before, .fa-female:before { content: @female; }
925 .icon-male:before, .fa-male:before { content: @male; }
926 .icon-gittip:before, .fa-gittip:before { content: @gittip; }
927 .icon-sun:before, .fa-sun-o:before { content: @sun; }
928 .icon-moon:before, .fa-moon-o:before { content: @moon; }
929 .icon-archive:before, .fa-archive:before { content: @archive; }
930 .icon-bug:before, .fa-bug:before { content: @bug; }
931 .icon-vk:before, .fa-vk:before { content: @vk; }
932 .icon-weibo:before, .fa-weibo:before { content: @weibo; }
933 .icon-renren:before, .fa-renren:before { content: @renren; }
934 .fa-pagelines:before { content: @fa-var-pagelines; }
935 .fa-stack-exchange:before { content: @fa-var-stack-exchange; }
936 .fa-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
937 .fa-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
938 .fa-toggle-left:before, .fa-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
939 .fa-dot-circle-o:before { content: @fa-var-dot-circle-o; }
940 .fa-wheelchair:before { content: @fa-var-wheelchair; }
941 .fa-vimeo-square:before { content: @fa-var-vimeo-square; }
942 .fa-turkish-lira:before, .fa-try:before { content: @fa-var-try; }
943 .fa-plus-square-o:before { content: @fa-var-plus-square-o; }