font-awesome.css 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494
  1. /* Font Awesome
  2. the iconic font designed for use with Twitter Bootstrap
  3. -------------------------------------------------------
  4. The full suite of pictographic icons, examples, and documentation
  5. can be found at: http://fortawesome.github.com/Font-Awesome/
  6. License
  7. -------------------------------------------------------
  8. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
  9. http://creativecommons.org/licenses/by/3.0/ A mention of
  10. 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
  11. source code is considered acceptable attribution (most common on the web).
  12. If human readable source code is not available to the end user, a mention in
  13. an 'About' or 'Credits' screen is considered acceptable (most common in desktop
  14. or mobile software).
  15. Contact
  16. -------------------------------------------------------
  17. Email: dave@davegandy.com
  18. Twitter: http://twitter.com/fortaweso_me
  19. Work: http://lemonwi.se co-founder
  20. */
  21. @font-face {
  22. font-family: 'FontAwesome';
  23. src: url('../font/fontawesome-webfont.eot');
  24. src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  25. font-weight: normal;
  26. font-style: normal;
  27. }
  28. [class^="icon-"]:before, [class*=" icon-"]:before {
  29. font-family: FontAwesome;
  30. font-weight: normal;
  31. font-style: normal;
  32. display: inline-block;
  33. text-decoration: inherit;
  34. }
  35. a [class^="icon-"], a [class*=" icon-"] {
  36. display: inline-block;
  37. text-decoration: inherit;
  38. }
  39. /* makes the font 33% larger relative to the icon container */
  40. .icon-large:before {
  41. vertical-align: top;
  42. font-size: 1.3333333333333333em;
  43. }
  44. .btn [class^="icon-"], .btn [class*=" icon-"] {
  45. /* keeps button heights with and without icons the same */
  46. line-height: .9em;
  47. }
  48. li [class^="icon-"], li [class*=" icon-"] {
  49. display: inline-block;
  50. width: 1.25em;
  51. text-align: center;
  52. }
  53. li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  54. /* 1.5 increased font size for icon-large * 1.25 width */
  55. width: 1.875em;
  56. }
  57. li[class^="icon-"], li[class*=" icon-"] {
  58. margin-left: 0;
  59. list-style-type: none;
  60. }
  61. li[class^="icon-"]:before, li[class*=" icon-"]:before {
  62. text-indent: -2em;
  63. text-align: center;
  64. }
  65. li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  66. text-indent: -1.3333333333333333em;
  67. }
  68. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  69. readers do not read off random characters that represent icons */
  70. .icon-glass:before {
  71. content: "\f000";
  72. }
  73. .icon-music:before {
  74. content: "\f001";
  75. }
  76. .icon-search:before {
  77. content: "\f002";
  78. }
  79. .icon-envelope:before {
  80. content: "\f003";
  81. }
  82. .icon-heart:before {
  83. content: "\f004";
  84. }
  85. .icon-star:before {
  86. content: "\f005";
  87. }
  88. .icon-star-empty:before {
  89. content: "\f006";
  90. }
  91. .icon-user:before {
  92. content: "\f007";
  93. }
  94. .icon-film:before {
  95. content: "\f008";
  96. }
  97. .icon-th-large:before {
  98. content: "\f009";
  99. }
  100. .icon-th:before {
  101. content: "\f00a";
  102. }
  103. .icon-th-list:before {
  104. content: "\f00b";
  105. }
  106. .icon-ok:before {
  107. content: "\f00c";
  108. }
  109. .icon-remove:before {
  110. content: "\f00d";
  111. }
  112. .icon-zoom-in:before {
  113. content: "\f00e";
  114. }
  115. .icon-zoom-out:before {
  116. content: "\f010";
  117. }
  118. .icon-off:before {
  119. content: "\f011";
  120. }
  121. .icon-signal:before {
  122. content: "\f012";
  123. }
  124. .icon-cog:before {
  125. content: "\f013";
  126. }
  127. .icon-trash:before {
  128. content: "\f014";
  129. }
  130. .icon-home:before {
  131. content: "\f015";
  132. }
  133. .icon-file:before {
  134. content: "\f016";
  135. }
  136. .icon-time:before {
  137. content: "\f017";
  138. }
  139. .icon-road:before {
  140. content: "\f018";
  141. }
  142. .icon-download-alt:before {
  143. content: "\f019";
  144. }
  145. .icon-download:before {
  146. content: "\f01a";
  147. }
  148. .icon-upload:before {
  149. content: "\f01b";
  150. }
  151. .icon-inbox:before {
  152. content: "\f01c";
  153. }
  154. .icon-play-circle:before {
  155. content: "\f01d";
  156. }
  157. .icon-repeat:before {
  158. content: "\f01e";
  159. }
  160. .icon-refresh:before {
  161. content: "\f021";
  162. }
  163. .icon-list-alt:before {
  164. content: "\f022";
  165. }
  166. .icon-lock:before {
  167. content: "\f023";
  168. }
  169. .icon-flag:before {
  170. content: "\f024";
  171. }
  172. .icon-headphones:before {
  173. content: "\f025";
  174. }
  175. .icon-volume-off:before {
  176. content: "\f026";
  177. }
  178. .icon-volume-down:before {
  179. content: "\f027";
  180. }
  181. .icon-volume-up:before {
  182. content: "\f028";
  183. }
  184. .icon-qrcode:before {
  185. content: "\f029";
  186. }
  187. .icon-barcode:before {
  188. content: "\f02a";
  189. }
  190. .icon-tag:before {
  191. content: "\f02b";
  192. }
  193. .icon-tags:before {
  194. content: "\f02c";
  195. }
  196. .icon-book:before {
  197. content: "\f02d";
  198. }
  199. .icon-bookmark:before {
  200. content: "\f02e";
  201. }
  202. .icon-print:before {
  203. content: "\f02f";
  204. }
  205. .icon-camera:before {
  206. content: "\f030";
  207. }
  208. .icon-font:before {
  209. content: "\f031";
  210. }
  211. .icon-bold:before {
  212. content: "\f032";
  213. }
  214. .icon-italic:before {
  215. content: "\f033";
  216. }
  217. .icon-text-height:before {
  218. content: "\f034";
  219. }
  220. .icon-text-width:before {
  221. content: "\f035";
  222. }
  223. .icon-align-left:before {
  224. content: "\f036";
  225. }
  226. .icon-align-center:before {
  227. content: "\f037";
  228. }
  229. .icon-align-right:before {
  230. content: "\f038";
  231. }
  232. .icon-align-justify:before {
  233. content: "\f039";
  234. }
  235. .icon-list:before {
  236. content: "\f03a";
  237. }
  238. .icon-indent-left:before {
  239. content: "\f03b";
  240. }
  241. .icon-indent-right:before {
  242. content: "\f03c";
  243. }
  244. .icon-facetime-video:before {
  245. content: "\f03d";
  246. }
  247. .icon-picture:before {
  248. content: "\f03e";
  249. }
  250. .icon-pencil:before {
  251. content: "\f040";
  252. }
  253. .icon-map-marker:before {
  254. content: "\f041";
  255. }
  256. .icon-adjust:before {
  257. content: "\f042";
  258. }
  259. .icon-tint:before {
  260. content: "\f043";
  261. }
  262. .icon-edit:before {
  263. content: "\f044";
  264. }
  265. .icon-share:before {
  266. content: "\f045";
  267. }
  268. .icon-check:before {
  269. content: "\f046";
  270. }
  271. .icon-move:before {
  272. content: "\f047";
  273. }
  274. .icon-step-backward:before {
  275. content: "\f048";
  276. }
  277. .icon-fast-backward:before {
  278. content: "\f049";
  279. }
  280. .icon-backward:before {
  281. content: "\f04a";
  282. }
  283. .icon-play:before {
  284. content: "\f04b";
  285. }
  286. .icon-pause:before {
  287. content: "\f04c";
  288. }
  289. .icon-stop:before {
  290. content: "\f04d";
  291. }
  292. .icon-forward:before {
  293. content: "\f04e";
  294. }
  295. .icon-fast-forward:before {
  296. content: "\f050";
  297. }
  298. .icon-step-forward:before {
  299. content: "\f051";
  300. }
  301. .icon-eject:before {
  302. content: "\f052";
  303. }
  304. .icon-chevron-left:before {
  305. content: "\f053";
  306. }
  307. .icon-chevron-right:before {
  308. content: "\f054";
  309. }
  310. .icon-plus-sign:before {
  311. content: "\f055";
  312. }
  313. .icon-minus-sign:before {
  314. content: "\f056";
  315. }
  316. .icon-remove-sign:before {
  317. content: "\f057";
  318. }
  319. .icon-ok-sign:before {
  320. content: "\f058";
  321. }
  322. .icon-question-sign:before {
  323. content: "\f059";
  324. }
  325. .icon-info-sign:before {
  326. content: "\f05a";
  327. }
  328. .icon-screenshot:before {
  329. content: "\f05b";
  330. }
  331. .icon-remove-circle:before {
  332. content: "\f05c";
  333. }
  334. .icon-ok-circle:before {
  335. content: "\f05d";
  336. }
  337. .icon-ban-circle:before {
  338. content: "\f05e";
  339. }
  340. .icon-arrow-left:before {
  341. content: "\f060";
  342. }
  343. .icon-arrow-right:before {
  344. content: "\f061";
  345. }
  346. .icon-arrow-up:before {
  347. content: "\f062";
  348. }
  349. .icon-arrow-down:before {
  350. content: "\f063";
  351. }
  352. .icon-share-alt:before {
  353. content: "\f064";
  354. }
  355. .icon-resize-full:before {
  356. content: "\f065";
  357. }
  358. .icon-resize-small:before {
  359. content: "\f066";
  360. }
  361. .icon-plus:before {
  362. content: "\f067";
  363. }
  364. .icon-minus:before {
  365. content: "\f068";
  366. }
  367. .icon-asterisk:before {
  368. content: "\f069";
  369. }
  370. .icon-exclamation-sign:before {
  371. content: "\f06a";
  372. }
  373. .icon-gift:before {
  374. content: "\f06b";
  375. }
  376. .icon-leaf:before {
  377. content: "\f06c";
  378. }
  379. .icon-fire:before {
  380. content: "\f06d";
  381. }
  382. .icon-eye-open:before {
  383. content: "\f06e";
  384. }
  385. .icon-eye-close:before {
  386. content: "\f070";
  387. }
  388. .icon-warning-sign:before {
  389. content: "\f071";
  390. }
  391. .icon-plane:before {
  392. content: "\f072";
  393. }
  394. .icon-calendar:before {
  395. content: "\f073";
  396. }
  397. .icon-random:before {
  398. content: "\f074";
  399. }
  400. .icon-comment:before {
  401. content: "\f075";
  402. }
  403. .icon-magnet:before {
  404. content: "\f076";
  405. }
  406. .icon-chevron-up:before {
  407. content: "\f077";
  408. }
  409. .icon-chevron-down:before {
  410. content: "\f078";
  411. }
  412. .icon-retweet:before {
  413. content: "\f079";
  414. }
  415. .icon-shopping-cart:before {
  416. content: "\f07a";
  417. }
  418. .icon-folder-close:before {
  419. content: "\f07b";
  420. }
  421. .icon-folder-open:before {
  422. content: "\f07c";
  423. }
  424. .icon-resize-vertical:before {
  425. content: "\f07d";
  426. }
  427. .icon-resize-horizontal:before {
  428. content: "\f07e";
  429. }
  430. .icon-bar-chart:before {
  431. content: "\f080";
  432. }
  433. .icon-twitter-sign:before {
  434. content: "\f081";
  435. }
  436. .icon-facebook-sign:before {
  437. content: "\f082";
  438. }
  439. .icon-camera-retro:before {
  440. content: "\f083";
  441. }
  442. .icon-key:before {
  443. content: "\f084";
  444. }
  445. .icon-cogs:before {
  446. content: "\f085";
  447. }
  448. .icon-comments:before {
  449. content: "\f086";
  450. }
  451. .icon-thumbs-up:before {
  452. content: "\f087";
  453. }
  454. .icon-thumbs-down:before {
  455. content: "\f088";
  456. }
  457. .icon-star-half:before {
  458. content: "\f089";
  459. }
  460. .icon-heart-empty:before {
  461. content: "\f08a";
  462. }
  463. .icon-signout:before {
  464. content: "\f08b";
  465. }
  466. .icon-linkedin-sign:before {
  467. content: "\f08c";
  468. }
  469. .icon-pushpin:before {
  470. content: "\f08d";
  471. }
  472. .icon-external-link:before {
  473. content: "\f08e";
  474. }
  475. .icon-signin:before {
  476. content: "\f090";
  477. }
  478. .icon-trophy:before {
  479. content: "\f091";
  480. }
  481. .icon-github-sign:before {
  482. content: "\f092";
  483. }
  484. .icon-upload-alt:before {
  485. content: "\f093";
  486. }
  487. .icon-lemon:before {
  488. content: "\f094";
  489. }