3 * the iconic font designed for Bootstrap
4 * ------------------------------------------------------------------------------
5 * The full suite of pictographic icons, examples, and documentation can be
6 * found at http://fontawesome.io. Stay up to date on Twitter at
7 * http://twitter.com/fontawesome.
10 * ------------------------------------------------------------------------------
11 * - The Font Awesome font is licensed under SIL OFL 1.1 -
12 * http://scripts.sil.org/OFL
13 * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
14 * http://opensource.org/licenses/mit-license.html
15 * - Font Awesome documentation licensed under CC BY 3.0 -
16 * http://creativecommons.org/licenses/by/3.0/
17 * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
18 * "Font Awesome by Dave Gandy - http://fontawesome.io"
21 * ------------------------------------------------------------------------------
22 * Email: dave@fontawesome.io
23 * Twitter: http://twitter.com/byscuits
24 * Work: Lead Product Designer @ Kyruus - http://kyruus.com
27 * -------------------------- */
29 font-family: 'FontAwesome';
30 src: url('fontawesome-webfont.eot?v=3.2.1');
31 src: url('fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
36 * -------------------------- */
39 font-family: FontAwesome;
42 text-decoration: inherit;
43 -webkit-font-smoothing: antialiased;
46 [class^="icon-"]:before,
47 [class*=" icon-"]:before {
48 text-decoration: inherit;
49 display: inline-block;
52 /* makes the font 33% larger relative to the icon container */
55 font-size: 1.3333333333333333em;
57 /* makes sure icons active on rollover in links */
62 /* increased font size for icon-large */
63 [class^="icon-"].icon-fixed-width,
64 [class*=" icon-"].icon-fixed-width {
65 display: inline-block;
66 width: 1.1428571428571428em;
68 padding-right: 0.2857142857142857em;
70 [class^="icon-"].icon-fixed-width.icon-large,
71 [class*=" icon-"].icon-fixed-width.icon-large {
72 width: 1.4285714285714286em;
75 margin-left: 2.142857142857143em;
76 list-style-type: none;
83 left: -2.142857142857143em;
84 width: 2.142857142857143em;
88 [class^="icon-"].hide,
89 [class*=" icon-"].hide {
102 border: solid 1px #eeeeee;
103 padding: .2em .25em .15em;
104 -webkit-border-radius: 3px;
105 -moz-border-radius: 3px;
111 .icon-2x.icon-border {
113 -webkit-border-radius: 4px;
114 -moz-border-radius: 4px;
120 .icon-3x.icon-border {
122 -webkit-border-radius: 5px;
123 -moz-border-radius: 5px;
129 .icon-4x.icon-border {
131 -webkit-border-radius: 6px;
132 -moz-border-radius: 6px;
138 .icon-5x.icon-border {
140 -webkit-border-radius: 7px;
141 -moz-border-radius: 7px;
150 [class^="icon-"].pull-left,
151 [class*=" icon-"].pull-left {
154 [class^="icon-"].pull-right,
155 [class*=" icon-"].pull-right {
158 /* BOOTSTRAP SPECIFIC CLASSES
159 * -------------------------- */
160 /* Bootstrap 2.0 sprites.less reset */
167 vertical-align: baseline;
168 background-image: none;
169 background-position: 0% 0%;
170 background-repeat: repeat;
173 /* more sprites.less reset */
175 .nav-pills > .active > a > [class^="icon-"],
176 .nav-pills > .active > a > [class*=" icon-"],
177 .nav-list > .active > a > [class^="icon-"],
178 .nav-list > .active > a > [class*=" icon-"],
179 .navbar-inverse .nav > .active > a > [class^="icon-"],
180 .navbar-inverse .nav > .active > a > [class*=" icon-"],
181 .dropdown-menu > li > a:hover > [class^="icon-"],
182 .dropdown-menu > li > a:hover > [class*=" icon-"],
183 .dropdown-menu > .active > a > [class^="icon-"],
184 .dropdown-menu > .active > a > [class*=" icon-"],
185 .dropdown-submenu:hover > a > [class^="icon-"],
186 .dropdown-submenu:hover > a > [class*=" icon-"] {
187 background-image: none;
189 /* keeps Bootstrap styles with and without icons the same */
190 .btn [class^="icon-"].icon-large,
191 .nav [class^="icon-"].icon-large,
192 .btn [class*=" icon-"].icon-large,
193 .nav [class*=" icon-"].icon-large {
196 .btn [class^="icon-"].icon-spin,
197 .nav [class^="icon-"].icon-spin,
198 .btn [class*=" icon-"].icon-spin,
199 .nav [class*=" icon-"].icon-spin {
200 display: inline-block;
202 .nav-tabs [class^="icon-"],
203 .nav-pills [class^="icon-"],
204 .nav-tabs [class*=" icon-"],
205 .nav-pills [class*=" icon-"],
206 .nav-tabs [class^="icon-"].icon-large,
207 .nav-pills [class^="icon-"].icon-large,
208 .nav-tabs [class*=" icon-"].icon-large,
209 .nav-pills [class*=" icon-"].icon-large {
212 .btn [class^="icon-"].pull-left.icon-2x,
213 .btn [class*=" icon-"].pull-left.icon-2x,
214 .btn [class^="icon-"].pull-right.icon-2x,
215 .btn [class*=" icon-"].pull-right.icon-2x {
218 .btn [class^="icon-"].icon-spin.icon-large,
219 .btn [class*=" icon-"].icon-spin.icon-large {
222 .btn.btn-small [class^="icon-"].pull-left.icon-2x,
223 .btn.btn-small [class*=" icon-"].pull-left.icon-2x,
224 .btn.btn-small [class^="icon-"].pull-right.icon-2x,
225 .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
228 .btn.btn-large [class^="icon-"],
229 .btn.btn-large [class*=" icon-"] {
232 .btn.btn-large [class^="icon-"].pull-left.icon-2x,
233 .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
234 .btn.btn-large [class^="icon-"].pull-right.icon-2x,
235 .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
238 .btn.btn-large [class^="icon-"].pull-left.icon-2x,
239 .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
242 .btn.btn-large [class^="icon-"].pull-right.icon-2x,
243 .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
246 /* Fixes alignment in nav lists */
247 .nav-list [class^="icon-"],
248 .nav-list [class*=" icon-"] {
249 line-height: inherit;
252 * -------------------------- */
253 /* Stacked and layered icon */
256 display: inline-block;
260 vertical-align: -35%;
262 .icon-stack [class^="icon-"],
263 .icon-stack [class*=" icon-"] {
270 line-height: inherit;
273 .icon-stack .icon-stack-base {
277 /* Animated rotating icon */
279 display: inline-block;
280 -moz-animation: spin 2s infinite linear;
281 -o-animation: spin 2s infinite linear;
282 -webkit-animation: spin 2s infinite linear;
283 animation: spin 2s infinite linear;
285 /* Prevent stack and spinners from being taken inline when inside a link */
288 display: inline-block;
289 text-decoration: none;
291 @-moz-keyframes spin {
293 -moz-transform: rotate(0deg);
296 -moz-transform: rotate(359deg);
299 @-webkit-keyframes spin {
301 -webkit-transform: rotate(0deg);
304 -webkit-transform: rotate(359deg);
309 -o-transform: rotate(0deg);
312 -o-transform: rotate(359deg);
315 @-ms-keyframes spin {
317 -ms-transform: rotate(0deg);
320 -ms-transform: rotate(359deg);
325 transform: rotate(0deg);
328 transform: rotate(359deg);
331 /* Icon rotations and mirroring */
332 .icon-rotate-90:before {
333 -webkit-transform: rotate(90deg);
334 -moz-transform: rotate(90deg);
335 -ms-transform: rotate(90deg);
336 -o-transform: rotate(90deg);
337 transform: rotate(90deg);
338 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
340 .icon-rotate-180:before {
341 -webkit-transform: rotate(180deg);
342 -moz-transform: rotate(180deg);
343 -ms-transform: rotate(180deg);
344 -o-transform: rotate(180deg);
345 transform: rotate(180deg);
346 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
348 .icon-rotate-270:before {
349 -webkit-transform: rotate(270deg);
350 -moz-transform: rotate(270deg);
351 -ms-transform: rotate(270deg);
352 -o-transform: rotate(270deg);
353 transform: rotate(270deg);
354 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
356 .icon-flip-horizontal:before {
357 -webkit-transform: scale(-1, 1);
358 -moz-transform: scale(-1, 1);
359 -ms-transform: scale(-1, 1);
360 -o-transform: scale(-1, 1);
361 transform: scale(-1, 1);
363 .icon-flip-vertical:before {
364 -webkit-transform: scale(1, -1);
365 -moz-transform: scale(1, -1);
366 -ms-transform: scale(1, -1);
367 -o-transform: scale(1, -1);
368 transform: scale(1, -1);
370 /* ensure rotation occurs inside anchor tags */
371 a .icon-rotate-90:before,
372 a .icon-rotate-180:before,
373 a .icon-rotate-270:before,
374 a .icon-flip-horizontal:before,
375 a .icon-flip-vertical:before {
376 display: inline-block;
378 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
379 readers do not read off random characters that represent icons */
386 .icon-search:before {
389 .icon-envelope-alt:before {
398 .icon-star-empty:before {
407 .icon-th-large:before {
413 .icon-th-list:before {
419 .icon-remove:before {
422 .icon-zoom-in:before {
425 .icon-zoom-out:before {
428 .icon-power-off:before,
432 .icon-signal:before {
445 .icon-file-alt:before {
454 .icon-download-alt:before {
457 .icon-download:before {
460 .icon-upload:before {
466 .icon-play-circle:before {
469 .icon-rotate-right:before,
470 .icon-repeat:before {
473 .icon-refresh:before {
476 .icon-list-alt:before {
485 .icon-headphones:before {
488 .icon-volume-off:before {
491 .icon-volume-down:before {
494 .icon-volume-up:before {
497 .icon-qrcode:before {
500 .icon-barcode:before {
512 .icon-bookmark:before {
518 .icon-camera:before {
527 .icon-italic:before {
530 .icon-text-height:before {
533 .icon-text-width:before {
536 .icon-align-left:before {
539 .icon-align-center:before {
542 .icon-align-right:before {
545 .icon-align-justify:before {
551 .icon-indent-left:before {
554 .icon-indent-right:before {
557 .icon-facetime-video:before {
560 .icon-picture:before {
563 .icon-pencil:before {
566 .icon-map-marker:before {
569 .icon-adjust:before {
587 .icon-step-backward:before {
590 .icon-fast-backward:before {
593 .icon-backward:before {
605 .icon-forward:before {
608 .icon-fast-forward:before {
611 .icon-step-forward:before {
617 .icon-chevron-left:before {
620 .icon-chevron-right:before {
623 .icon-plus-sign:before {
626 .icon-minus-sign:before {
629 .icon-remove-sign:before {
632 .icon-ok-sign:before {
635 .icon-question-sign:before {
638 .icon-info-sign:before {
641 .icon-screenshot:before {
644 .icon-remove-circle:before {
647 .icon-ok-circle:before {
650 .icon-ban-circle:before {
653 .icon-arrow-left:before {
656 .icon-arrow-right:before {
659 .icon-arrow-up:before {
662 .icon-arrow-down:before {
665 .icon-mail-forward:before,
666 .icon-share-alt:before {
669 .icon-resize-full:before {
672 .icon-resize-small:before {
681 .icon-asterisk:before {
684 .icon-exclamation-sign:before {
696 .icon-eye-open:before {
699 .icon-eye-close:before {
702 .icon-warning-sign:before {
708 .icon-calendar:before {
711 .icon-random:before {
714 .icon-comment:before {
717 .icon-magnet:before {
720 .icon-chevron-up:before {
723 .icon-chevron-down:before {
726 .icon-retweet:before {
729 .icon-shopping-cart:before {
732 .icon-folder-close:before {
735 .icon-folder-open:before {
738 .icon-resize-vertical:before {
741 .icon-resize-horizontal:before {
744 .icon-bar-chart:before {
747 .icon-twitter-sign:before {
750 .icon-facebook-sign:before {
753 .icon-camera-retro:before {
763 .icon-comments:before {
766 .icon-thumbs-up-alt:before {
769 .icon-thumbs-down-alt:before {
772 .icon-star-half:before {
775 .icon-heart-empty:before {
778 .icon-signout:before {
781 .icon-linkedin-sign:before {
784 .icon-pushpin:before {
787 .icon-external-link:before {
790 .icon-signin:before {
793 .icon-trophy:before {
796 .icon-github-sign:before {
799 .icon-upload-alt:before {
808 .icon-unchecked:before,
809 .icon-check-empty:before {
812 .icon-bookmark-empty:before {
815 .icon-phone-sign:before {
818 .icon-twitter:before {
821 .icon-facebook:before {
824 .icon-github:before {
827 .icon-unlock:before {
830 .icon-credit-card:before {
839 .icon-bullhorn:before {
845 .icon-certificate:before {
848 .icon-hand-right:before {
851 .icon-hand-left:before {
854 .icon-hand-up:before {
857 .icon-hand-down:before {
860 .icon-circle-arrow-left:before {
863 .icon-circle-arrow-right:before {
866 .icon-circle-arrow-up:before {
869 .icon-circle-arrow-down:before {
875 .icon-wrench:before {
881 .icon-filter:before {
884 .icon-briefcase:before {
887 .icon-fullscreen:before {
899 .icon-beaker:before {
908 .icon-paperclip:before,
909 .icon-paper-clip:before {
915 .icon-sign-blank:before {
918 .icon-reorder:before {
921 .icon-list-ul:before {
924 .icon-list-ol:before {
927 .icon-strikethrough:before {
930 .icon-underline:before {
942 .icon-pinterest:before {
945 .icon-pinterest-sign:before {
948 .icon-google-plus-sign:before {
951 .icon-google-plus:before {
957 .icon-caret-down:before {
960 .icon-caret-up:before {
963 .icon-caret-left:before {
966 .icon-caret-right:before {
969 .icon-columns:before {
975 .icon-sort-down:before {
978 .icon-sort-up:before {
981 .icon-envelope:before {
984 .icon-linkedin:before {
987 .icon-rotate-left:before,
994 .icon-dashboard:before {
997 .icon-comment-alt:before {
1000 .icon-comments-alt:before {
1006 .icon-sitemap:before {
1009 .icon-umbrella:before {
1012 .icon-paste:before {
1015 .icon-lightbulb:before {
1018 .icon-exchange:before {
1021 .icon-cloud-download:before {
1024 .icon-cloud-upload:before {
1027 .icon-user-md:before {
1030 .icon-stethoscope:before {
1033 .icon-suitcase:before {
1036 .icon-bell-alt:before {
1039 .icon-coffee:before {
1045 .icon-file-text-alt:before {
1048 .icon-building:before {
1051 .icon-hospital:before {
1054 .icon-ambulance:before {
1057 .icon-medkit:before {
1060 .icon-fighter-jet:before {
1066 .icon-h-sign:before {
1069 .icon-plus-sign-alt:before {
1072 .icon-double-angle-left:before {
1075 .icon-double-angle-right:before {
1078 .icon-double-angle-up:before {
1081 .icon-double-angle-down:before {
1084 .icon-angle-left:before {
1087 .icon-angle-right:before {
1090 .icon-angle-up:before {
1093 .icon-angle-down:before {
1096 .icon-desktop:before {
1099 .icon-laptop:before {
1102 .icon-tablet:before {
1105 .icon-mobile-phone:before {
1108 .icon-circle-blank:before {
1111 .icon-quote-left:before {
1114 .icon-quote-right:before {
1117 .icon-spinner:before {
1120 .icon-circle:before {
1123 .icon-mail-reply:before,
1124 .icon-reply:before {
1127 .icon-github-alt:before {
1130 .icon-folder-close-alt:before {
1133 .icon-folder-open-alt:before {
1136 .icon-expand-alt:before {
1139 .icon-collapse-alt:before {
1142 .icon-smile:before {
1145 .icon-frown:before {
1151 .icon-gamepad:before {
1154 .icon-keyboard:before {
1157 .icon-flag-alt:before {
1160 .icon-flag-checkered:before {
1163 .icon-terminal:before {
1169 .icon-reply-all:before {
1172 .icon-mail-reply-all:before {
1175 .icon-star-half-full:before,
1176 .icon-star-half-empty:before {
1179 .icon-location-arrow:before {
1185 .icon-code-fork:before {
1188 .icon-unlink:before {
1191 .icon-question:before {
1197 .icon-exclamation:before {
1200 .icon-superscript:before {
1203 .icon-subscript:before {
1206 .icon-eraser:before {
1209 .icon-puzzle-piece:before {
1212 .icon-microphone:before {
1215 .icon-microphone-off:before {
1218 .icon-shield:before {
1221 .icon-calendar-empty:before {
1224 .icon-fire-extinguisher:before {
1227 .icon-rocket:before {
1230 .icon-maxcdn:before {
1233 .icon-chevron-sign-left:before {
1236 .icon-chevron-sign-right:before {
1239 .icon-chevron-sign-up:before {
1242 .icon-chevron-sign-down:before {
1245 .icon-html5:before {
1251 .icon-anchor:before {
1254 .icon-unlock-alt:before {
1257 .icon-bullseye:before {
1260 .icon-ellipsis-horizontal:before {
1263 .icon-ellipsis-vertical:before {
1266 .icon-rss-sign:before {
1269 .icon-play-sign:before {
1272 .icon-ticket:before {
1275 .icon-minus-sign-alt:before {
1278 .icon-check-minus:before {
1281 .icon-level-up:before {
1284 .icon-level-down:before {
1287 .icon-check-sign:before {
1290 .icon-edit-sign:before {
1293 .icon-external-link-sign:before {
1296 .icon-share-sign:before {
1299 .icon-compass:before {
1302 .icon-collapse:before {
1305 .icon-collapse-top:before {
1308 .icon-expand:before {
1318 .icon-dollar:before,
1330 .icon-renminbi:before,
1338 .icon-bitcoin:before,
1345 .icon-file-text:before {
1348 .icon-sort-by-alphabet:before {
1351 .icon-sort-by-alphabet-alt:before {
1354 .icon-sort-by-attributes:before {
1357 .icon-sort-by-attributes-alt:before {
1360 .icon-sort-by-order:before {
1363 .icon-sort-by-order-alt:before {
1366 .icon-thumbs-up:before {
1369 .icon-thumbs-down:before {
1372 .icon-youtube-sign:before {
1375 .icon-youtube:before {
1381 .icon-xing-sign:before {
1384 .icon-youtube-play:before {
1387 .icon-dropbox:before {
1390 .icon-stackexchange:before {
1393 .icon-instagram:before {
1396 .icon-flickr:before {
1402 .icon-bitbucket:before {
1405 .icon-bitbucket-sign:before {
1408 .icon-tumblr:before {
1411 .icon-tumblr-sign:before {
1414 .icon-long-arrow-down:before {
1417 .icon-long-arrow-up:before {
1420 .icon-long-arrow-left:before {
1423 .icon-long-arrow-right:before {
1426 .icon-apple:before {
1429 .icon-windows:before {
1432 .icon-android:before {
1435 .icon-linux:before {
1438 .icon-dribbble:before {
1441 .icon-skype:before {
1444 .icon-foursquare:before {
1447 .icon-trello:before {
1450 .icon-female:before {
1456 .icon-gittip:before {
1465 .icon-archive:before {
1474 .icon-weibo:before {
1477 .icon-renren:before {