CSS   49

font-awesome

Guest on 7th July 2022 02:00:03 AM

  1. /*!
  2.  *  Font Awesome 3.2.1
  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.
  8.  *
  9.  *  License
  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"
  19.  *
  20.  *  Author - Dave Gandy
  21.  *  ------------------------------------------------------------------------------
  22.  *  Email: dave@fontawesome.io
  23.  *  Twitter: http://twitter.com/davegandy
  24.  *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
  25.  */
  26. /* FONT PATH
  27.  * -------------------------- */
  28. @font-face {
  29.   font-family: 'FontAwesome';
  30.   src: url('../font/fontawesome-webfont.eot?v=3.2.1');
  31.   src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  32.   font-weight: normal;
  33.   font-style: normal;
  34. }
  35. /* FONT AWESOME CORE
  36.  * -------------------------- */
  37. [class^="icon-"],
  38. [class*=" icon-"] {
  39.   font-family: FontAwesome;
  40.   font-weight: normal;
  41.   font-style: normal;
  42.   text-decoration: inherit;
  43.   -webkit-font-smoothing: antialiased;
  44.   *margin-right: .3em;
  45. }
  46. [class^="icon-"]:before,
  47. [class*=" icon-"]:before {
  48.   text-decoration: inherit;
  49.   display: inline-block;
  50.   speak: none;
  51. }
  52. /* makes the font 33% larger relative to the icon container */
  53. .icon-large:before {
  54.   vertical-align: -10%;
  55.   font-size: 1.3333333333333333em;
  56. }
  57. /* makes sure icons active on rollover in links */
  58. a [class^="icon-"],
  59. a [class*=" icon-"] {
  60.   display: inline;
  61. }
  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;
  67.   text-align: right;
  68.   padding-right: 0.2857142857142857em;
  69. }
  70. [class^="icon-"].icon-fixed-width.icon-large,
  71. [class*=" icon-"].icon-fixed-width.icon-large {
  72.   width: 1.4285714285714286em;
  73. }
  74. .icons-ul {
  75.   margin-left: 2.142857142857143em;
  76.   list-style-type: none;
  77. }
  78. .icons-ul > li {
  79.   position: relative;
  80. }
  81. .icons-ul .icon-li {
  82.   position: absolute;
  83.   left: -2.142857142857143em;
  84.   width: 2.142857142857143em;
  85.   text-align: center;
  86.   line-height: inherit;
  87. }
  88. [class^="icon-"].hide,
  89. [class*=" icon-"].hide {
  90.   display: none;
  91. }
  92. .icon-muted {
  93.   color: #eeeeee;
  94. }
  95. .icon-light {
  96.   color: #ffffff;
  97. }
  98. .icon-dark {
  99.   color: #333333;
  100. }
  101. .icon-border {
  102.   border: solid 1px #eeeeee;
  103.   padding: .2em .25em .15em;
  104.   -webkit-border-radius: 3px;
  105.   -moz-border-radius: 3px;
  106.   border-radius: 3px;
  107. }
  108. .icon-2x {
  109.   font-size: 2em;
  110. }
  111. .icon-2x.icon-border {
  112.   border-width: 2px;
  113.   -webkit-border-radius: 4px;
  114.   -moz-border-radius: 4px;
  115.   border-radius: 4px;
  116. }
  117. .icon-3x {
  118.   font-size: 3em;
  119. }
  120. .icon-3x.icon-border {
  121.   border-width: 3px;
  122.   -webkit-border-radius: 5px;
  123.   -moz-border-radius: 5px;
  124.   border-radius: 5px;
  125. }
  126. .icon-4x {
  127.   font-size: 4em;
  128. }
  129. .icon-4x.icon-border {
  130.   border-width: 4px;
  131.   -webkit-border-radius: 6px;
  132.   -moz-border-radius: 6px;
  133.   border-radius: 6px;
  134. }
  135. .icon-5x {
  136.   font-size: 5em;
  137. }
  138. .icon-5x.icon-border {
  139.   border-width: 5px;
  140.   -webkit-border-radius: 7px;
  141.   -moz-border-radius: 7px;
  142.   border-radius: 7px;
  143. }
  144. .pull-right {
  145.   float: right;
  146. }
  147. .pull-left {
  148.   float: left;
  149. }
  150. [class^="icon-"].pull-left,
  151. [class*=" icon-"].pull-left {
  152.   margin-right: .3em;
  153. }
  154. [class^="icon-"].pull-right,
  155. [class*=" icon-"].pull-right {
  156.   margin-left: .3em;
  157. }
  158. /* BOOTSTRAP SPECIFIC CLASSES
  159.  * -------------------------- */
  160. /* Bootstrap 2.0 sprites.less reset */
  161. [class^="icon-"],
  162. [class*=" icon-"] {
  163.   display: inline;
  164.   width: auto;
  165.   height: auto;
  166.   line-height: normal;
  167.   vertical-align: baseline;
  168.   background-image: none;
  169.   background-position: 0% 0%;
  170.   background-repeat: repeat;
  171.   margin-top: 0;
  172. }
  173. /* more sprites.less reset */
  174. .icon-white,
  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;
  188. }
  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 {
  194.   line-height: .9em;
  195. }
  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;
  201. }
  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 {
  210.   line-height: .9em;
  211. }
  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 {
  216.   margin-top: .18em;
  217. }
  218. .btn [class^="icon-"].icon-spin.icon-large,
  219. .btn [class*=" icon-"].icon-spin.icon-large {
  220.   line-height: .8em;
  221. }
  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 {
  226.   margin-top: .25em;
  227. }
  228. .btn.btn-large [class^="icon-"],
  229. .btn.btn-large [class*=" icon-"] {
  230.   margin-top: 0;
  231. }
  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 {
  236.   margin-top: .05em;
  237. }
  238. .btn.btn-large [class^="icon-"].pull-left.icon-2x,
  239. .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  240.   margin-right: .2em;
  241. }
  242. .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  243. .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  244.   margin-left: .2em;
  245. }
  246. /* Fixes alignment in nav lists */
  247. .nav-list [class^="icon-"],
  248. .nav-list [class*=" icon-"] {
  249.   line-height: inherit;
  250. }
  251. /* EXTRAS
  252.  * -------------------------- */
  253. /* Stacked and layered icon */
  254. .icon-stack {
  255.   position: relative;
  256.   display: inline-block;
  257.   width: 2em;
  258.   height: 2em;
  259.   line-height: 2em;
  260.   vertical-align: -35%;
  261. }
  262. .icon-stack [class^="icon-"],
  263. .icon-stack [class*=" icon-"] {
  264.   display: block;
  265.   text-align: center;
  266.   position: absolute;
  267.   width: 100%;
  268.   height: 100%;
  269.   font-size: 1em;
  270.   line-height: inherit;
  271.   *line-height: 2em;
  272. }
  273. .icon-stack .icon-stack-base {
  274.   font-size: 2em;
  275.   *line-height: 1em;
  276. }
  277. /* Animated rotating icon */
  278. .icon-spin {
  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;
  284. }
  285. /* Prevent stack and spinners from being taken inline when inside a link */
  286. a .icon-stack,
  287. a .icon-spin {
  288.   display: inline-block;
  289.   text-decoration: none;
  290. }
  291. @-moz-keyframes spin {
  292.   0% {
  293.     -moz-transform: rotate(0deg);
  294.   }
  295.   100% {
  296.     -moz-transform: rotate(359deg);
  297.   }
  298. }
  299. @-webkit-keyframes spin {
  300.   0% {
  301.     -webkit-transform: rotate(0deg);
  302.   }
  303.   100% {
  304.     -webkit-transform: rotate(359deg);
  305.   }
  306. }
  307. @-o-keyframes spin {
  308.   0% {
  309.     -o-transform: rotate(0deg);
  310.   }
  311.   100% {
  312.     -o-transform: rotate(359deg);
  313.   }
  314. }
  315. @-ms-keyframes spin {
  316.   0% {
  317.     -ms-transform: rotate(0deg);
  318.   }
  319.   100% {
  320.     -ms-transform: rotate(359deg);
  321.   }
  322. }
  323. @keyframes spin {
  324.   0% {
  325.     transform: rotate(0deg);
  326.   }
  327.   100% {
  328.     transform: rotate(359deg);
  329.   }
  330. }
  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);
  339. }
  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);
  347. }
  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);
  355. }
  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);
  362. }
  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);
  369. }
  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;
  377. }
  378. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  379.    readers do not read off random characters that represent icons */
  380. .icon-glass:before {
  381.   content: "\f000";
  382. }
  383. .icon-music:before {
  384.   content: "\f001";
  385. }
  386. .icon-search:before {
  387.   content: "\f002";
  388. }
  389. .icon-envelope-alt:before {
  390.   content: "\f003";
  391. }
  392. .icon-heart:before {
  393.   content: "\f004";
  394. }
  395. .icon-star:before {
  396.   content: "\f005";
  397. }
  398. .icon-star-empty:before {
  399.   content: "\f006";
  400. }
  401. .icon-user:before {
  402.   content: "\f007";
  403. }
  404. .icon-film:before {
  405.   content: "\f008";
  406. }
  407. .icon-th-large:before {
  408.   content: "\f009";
  409. }
  410. .icon-th:before {
  411.   content: "\f00a";
  412. }
  413. .icon-th-list:before {
  414.   content: "\f00b";
  415. }
  416. .icon-ok:before {
  417.   content: "\f00c";
  418. }
  419. .icon-remove:before {
  420.   content: "\f00d";
  421. }
  422. .icon-zoom-in:before {
  423.   content: "\f00e";
  424. }
  425. .icon-zoom-out:before {
  426.   content: "\f010";
  427. }
  428. .icon-power-off:before,
  429. .icon-off:before {
  430.   content: "\f011";
  431. }
  432. .icon-signal:before {
  433.   content: "\f012";
  434. }
  435. .icon-gear:before,
  436. .icon-cog:before {
  437.   content: "\f013";
  438. }
  439. .icon-trash:before {
  440.   content: "\f014";
  441. }
  442. .icon-home:before {
  443.   content: "\f015";
  444. }
  445. .icon-file-alt:before {
  446.   content: "\f016";
  447. }
  448. .icon-time:before {
  449.   content: "\f017";
  450. }
  451. .icon-road:before {
  452.   content: "\f018";
  453. }
  454. .icon-download-alt:before {
  455.   content: "\f019";
  456. }
  457. .icon-download:before {
  458.   content: "\f01a";
  459. }
  460. .icon-upload:before {
  461.   content: "\f01b";
  462. }
  463. .icon-inbox:before {
  464.   content: "\f01c";
  465. }
  466. .icon-play-circle:before {
  467.   content: "\f01d";
  468. }
  469. .icon-rotate-right:before,
  470. .icon-repeat:before {
  471.   content: "\f01e";
  472. }
  473. .icon-refresh:before {
  474.   content: "\f021";
  475. }
  476. .icon-list-alt:before {
  477.   content: "\f022";
  478. }
  479. .icon-lock:before {
  480.   content: "\f023";
  481. }
  482. .icon-flag:before {
  483.   content: "\f024";
  484. }
  485. .icon-headphones:before {
  486.   content: "\f025";
  487. }
  488. .icon-volume-off:before {
  489.   content: "\f026";
  490. }
  491. .icon-volume-down:before {
  492.   content: "\f027";
  493. }
  494. .icon-volume-up:before {
  495.   content: "\f028";
  496. }
  497. .icon-qrcode:before {
  498.   content: "\f029";
  499. }
  500. .icon-barcode:before {
  501.   content: "\f02a";
  502. }
  503. .icon-tag:before {
  504.   content: "\f02b";
  505. }
  506. .icon-tags:before {
  507.   content: "\f02c";
  508. }
  509. .icon-book:before {
  510.   content: "\f02d";
  511. }
  512. .icon-bookmark:before {
  513.   content: "\f02e";
  514. }
  515. .icon-print:before {
  516.   content: "\f02f";
  517. }
  518. .icon-camera:before {
  519.   content: "\f030";
  520. }
  521. .icon-font:before {
  522.   content: "\f031";
  523. }
  524. .icon-bold:before {
  525.   content: "\f032";
  526. }
  527. .icon-italic:before {
  528.   content: "\f033";
  529. }
  530. .icon-text-height:before {
  531.   content: "\f034";
  532. }
  533. .icon-text-width:before {
  534.   content: "\f035";
  535. }
  536. .icon-align-left:before {
  537.   content: "\f036";
  538. }
  539. .icon-align-center:before {
  540.   content: "\f037";
  541. }
  542. .icon-align-right:before {
  543.   content: "\f038";
  544. }
  545. .icon-align-justify:before {
  546.   content: "\f039";
  547. }
  548. .icon-list:before {
  549.   content: "\f03a";
  550. }
  551. .icon-indent-left:before {
  552.   content: "\f03b";
  553. }
  554. .icon-indent-right:before {
  555.   content: "\f03c";
  556. }
  557. .icon-facetime-video:before {
  558.   content: "\f03d";
  559. }
  560. .icon-picture:before {
  561.   content: "\f03e";
  562. }
  563. .icon-pencil:before {
  564.   content: "\f040";
  565. }
  566. .icon-map-marker:before {
  567.   content: "\f041";
  568. }
  569. .icon-adjust:before {
  570.   content: "\f042";
  571. }
  572. .icon-tint:before {
  573.   content: "\f043";
  574. }
  575. .icon-edit:before {
  576.   content: "\f044";
  577. }
  578. .icon-share:before {
  579.   content: "\f045";
  580. }
  581. .icon-check:before {
  582.   content: "\f046";
  583. }
  584. .icon-move:before {
  585.   content: "\f047";
  586. }
  587. .icon-step-backward:before {
  588.   content: "\f048";
  589. }
  590. .icon-fast-backward:before {
  591.   content: "\f049";
  592. }
  593. .icon-backward:before {
  594.   content: "\f04a";
  595. }
  596. .icon-play:before {
  597.   content: "\f04b";
  598. }
  599. .icon-pause:before {
  600.   content: "\f04c";
  601. }
  602. .icon-stop:before {
  603.   content: "\f04d";
  604. }
  605. .icon-forward:before {
  606.   content: "\f04e";
  607. }
  608. .icon-fast-forward:before {
  609.   content: "\f050";
  610. }
  611. .icon-step-forward:before {
  612.   content: "\f051";
  613. }
  614. .icon-eject:before {
  615.   content: "\f052";
  616. }
  617. .icon-chevron-left:before {
  618.   content: "\f053";
  619. }
  620. .icon-chevron-right:before {
  621.   content: "\f054";
  622. }
  623. .icon-plus-sign:before {
  624.   content: "\f055";
  625. }
  626. .icon-minus-sign:before {
  627.   content: "\f056";
  628. }
  629. .icon-remove-sign:before {
  630.   content: "\f057";
  631. }
  632. .icon-ok-sign:before {
  633.   content: "\f058";
  634. }
  635. .icon-question-sign:before {
  636.   content: "\f059";
  637. }
  638. .icon-info-sign:before {
  639.   content: "\f05a";
  640. }
  641. .icon-screenshot:before {
  642.   content: "\f05b";
  643. }
  644. .icon-remove-circle:before {
  645.   content: "\f05c";
  646. }
  647. .icon-ok-circle:before {
  648.   content: "\f05d";
  649. }
  650. .icon-ban-circle:before {
  651.   content: "\f05e";
  652. }
  653. .icon-arrow-left:before {
  654.   content: "\f060";
  655. }
  656. .icon-arrow-right:before {
  657.   content: "\f061";
  658. }
  659. .icon-arrow-up:before {
  660.   content: "\f062";
  661. }
  662. .icon-arrow-down:before {
  663.   content: "\f063";
  664. }
  665. .icon-mail-forward:before,
  666. .icon-share-alt:before {
  667.   content: "\f064";
  668. }
  669. .icon-resize-full:before {
  670.   content: "\f065";
  671. }
  672. .icon-resize-small:before {
  673.   content: "\f066";
  674. }
  675. .icon-plus:before {
  676.   content: "\f067";
  677. }
  678. .icon-minus:before {
  679.   content: "\f068";
  680. }
  681. .icon-asterisk:before {
  682.   content: "\f069";
  683. }
  684. .icon-exclamation-sign:before {
  685.   content: "\f06a";
  686. }
  687. .icon-gift:before {
  688.   content: "\f06b";
  689. }
  690. .icon-leaf:before {
  691.   content: "\f06c";
  692. }
  693. .icon-fire:before {
  694.   content: "\f06d";
  695. }
  696. .icon-eye-open:before {
  697.   content: "\f06e";
  698. }
  699. .icon-eye-close:before {
  700.   content: "\f070";
  701. }
  702. .icon-warning-sign:before {
  703.   content: "\f071";
  704. }
  705. .icon-plane:before {
  706.   content: "\f072";
  707. }
  708. .icon-calendar:before {
  709.   content: "\f073";
  710. }
  711. .icon-random:before {
  712.   content: "\f074";
  713. }
  714. .icon-comment:before {
  715.   content: "\f075";
  716. }
  717. .icon-magnet:before {
  718.   content: "\f076";
  719. }
  720. .icon-chevron-up:before {
  721.   content: "\f077";
  722. }
  723. .icon-chevron-down:before {
  724.   content: "\f078";
  725. }
  726. .icon-retweet:before {
  727.   content: "\f079";
  728. }
  729. .icon-shopping-cart:before {
  730.   content: "\f07a";
  731. }
  732. .icon-folder-close:before {
  733.   content: "\f07b";
  734. }
  735. .icon-folder-open:before {
  736.   content: "\f07c";
  737. }
  738. .icon-resize-vertical:before {
  739.   content: "\f07d";
  740. }
  741. .icon-resize-horizontal:before {
  742.   content: "\f07e";
  743. }
  744. .icon-bar-chart:before {
  745.   content: "\f080";
  746. }
  747. .icon-twitter-sign:before {
  748.   content: "\f081";
  749. }
  750. .icon-facebook-sign:before {
  751.   content: "\f082";
  752. }
  753. .icon-camera-retro:before {
  754.   content: "\f083";
  755. }
  756. .icon-key:before {
  757.   content: "\f084";
  758. }
  759. .icon-gears:before,
  760. .icon-cogs:before {
  761.   content: "\f085";
  762. }
  763. .icon-comments:before {
  764.   content: "\f086";
  765. }
  766. .icon-thumbs-up-alt:before {
  767.   content: "\f087";
  768. }
  769. .icon-thumbs-down-alt:before {
  770.   content: "\f088";
  771. }
  772. .icon-star-half:before {
  773.   content: "\f089";
  774. }
  775. .icon-heart-empty:before {
  776.   content: "\f08a";
  777. }
  778. .icon-signout:before {
  779.   content: "\f08b";
  780. }
  781. .icon-linkedin-sign:before {
  782.   content: "\f08c";
  783. }
  784. .icon-pushpin:before {
  785.   content: "\f08d";
  786. }
  787. .icon-external-link:before {
  788.   content: "\f08e";
  789. }
  790. .icon-signin:before {
  791.   content: "\f090";
  792. }
  793. .icon-trophy:before {
  794.   content: "\f091";
  795. }
  796. .icon-github-sign:before {
  797.   content: "\f092";
  798. }
  799. .icon-upload-alt:before {
  800.   content: "\f093";
  801. }
  802. .icon-lemon:before {
  803.   content: "\f094";
  804. }
  805. .icon-phone:before {
  806.   content: "\f095";
  807. }
  808. .icon-unchecked:before,
  809. .icon-check-empty:before {
  810.   content: "\f096";
  811. }
  812. .icon-bookmark-empty:before {
  813.   content: "\f097";
  814. }
  815. .icon-phone-sign:before {
  816.   content: "\f098";
  817. }
  818. .icon-twitter:before {
  819.   content: "\f099";
  820. }
  821. .icon-facebook:before {
  822.   content: "\f09a";
  823. }
  824. .icon-github:before {
  825.   content: "\f09b";
  826. }
  827. .icon-unlock:before {
  828.   content: "\f09c";
  829. }
  830. .icon-credit-card:before {
  831.   content: "\f09d";
  832. }
  833. .icon-rss:before {
  834.   content: "\f09e";
  835. }
  836. .icon-hdd:before {
  837.   content: "\f0a0";
  838. }
  839. .icon-bullhorn:before {
  840.   content: "\f0a1";
  841. }
  842. .icon-bell:before {
  843.   content: "\f0a2";
  844. }
  845. .icon-certificate:before {
  846.   content: "\f0a3";
  847. }
  848. .icon-hand-right:before {
  849.   content: "\f0a4";
  850. }
  851. .icon-hand-left:before {
  852.   content: "\f0a5";
  853. }
  854. .icon-hand-up:before {
  855.   content: "\f0a6";
  856. }
  857. .icon-hand-down:before {
  858.   content: "\f0a7";
  859. }
  860. .icon-circle-arrow-left:before {
  861.   content: "\f0a8";
  862. }
  863. .icon-circle-arrow-right:before {
  864.   content: "\f0a9";
  865. }
  866. .icon-circle-arrow-up:before {
  867.   content: "\f0aa";
  868. }
  869. .icon-circle-arrow-down:before {
  870.   content: "\f0ab";
  871. }
  872. .icon-globe:before {
  873.   content: "\f0ac";
  874. }
  875. .icon-wrench:before {
  876.   content: "\f0ad";
  877. }
  878. .icon-tasks:before {
  879.   content: "\f0ae";
  880. }
  881. .icon-filter:before {
  882.   content: "\f0b0";
  883. }
  884. .icon-briefcase:before {
  885.   content: "\f0b1";
  886. }
  887. .icon-fullscreen:before {
  888.   content: "\f0b2";
  889. }
  890. .icon-group:before {
  891.   content: "\f0c0";
  892. }
  893. .icon-link:before {
  894.   content: "\f0c1";
  895. }
  896. .icon-cloud:before {
  897.   content: "\f0c2";
  898. }
  899. .icon-beaker:before {
  900.   content: "\f0c3";
  901. }
  902. .icon-cut:before {
  903.   content: "\f0c4";
  904. }
  905. .icon-copy:before {
  906.   content: "\f0c5";
  907. }
  908. .icon-paperclip:before,
  909. .icon-paper-clip:before {
  910.   content: "\f0c6";
  911. }
  912. .icon-save:before {
  913.   content: "\f0c7";
  914. }
  915. .icon-sign-blank:before {
  916.   content: "\f0c8";
  917. }
  918. .icon-reorder:before {
  919.   content: "\f0c9";
  920. }
  921. .icon-list-ul:before {
  922.   content: "\f0ca";
  923. }
  924. .icon-list-ol:before {
  925.   content: "\f0cb";
  926. }
  927. .icon-strikethrough:before {
  928.   content: "\f0cc";
  929. }
  930. .icon-underline:before {
  931.   content: "\f0cd";
  932. }
  933. .icon-table:before {
  934.   content: "\f0ce";
  935. }
  936. .icon-magic:before {
  937.   content: "\f0d0";
  938. }
  939. .icon-truck:before {
  940.   content: "\f0d1";
  941. }
  942. .icon-pinterest:before {
  943.   content: "\f0d2";
  944. }
  945. .icon-pinterest-sign:before {
  946.   content: "\f0d3";
  947. }
  948. .icon-google-plus-sign:before {
  949.   content: "\f0d4";
  950. }
  951. .icon-google-plus:before {
  952.   content: "\f0d5";
  953. }
  954. .icon-money:before {
  955.   content: "\f0d6";
  956. }
  957. .icon-caret-down:before {
  958.   content: "\f0d7";
  959. }
  960. .icon-caret-up:before {
  961.   content: "\f0d8";
  962. }
  963. .icon-caret-left:before {
  964.   content: "\f0d9";
  965. }
  966. .icon-caret-right:before {
  967.   content: "\f0da";
  968. }
  969. .icon-columns:before {
  970.   content: "\f0db";
  971. }
  972. .icon-sort:before {
  973.   content: "\f0dc";
  974. }
  975. .icon-sort-down:before {
  976.   content: "\f0dd";
  977. }
  978. .icon-sort-up:before {
  979.   content: "\f0de";
  980. }
  981. .icon-envelope:before {
  982.   content: "\f0e0";
  983. }
  984. .icon-linkedin:before {
  985.   content: "\f0e1";
  986. }
  987. .icon-rotate-left:before,
  988. .icon-undo:before {
  989.   content: "\f0e2";
  990. }
  991. .icon-legal:before {
  992.   content: "\f0e3";
  993. }
  994. .icon-dashboard:before {
  995.   content: "\f0e4";
  996. }
  997. .icon-comment-alt:before {
  998.   content: "\f0e5";
  999. }
  1000. .icon-comments-alt:before {
  1001.   content: "\f0e6";
  1002. }
  1003. .icon-bolt:before {
  1004.   content: "\f0e7";
  1005. }
  1006. .icon-sitemap:before {
  1007.   content: "\f0e8";
  1008. }
  1009. .icon-umbrella:before {
  1010.   content: "\f0e9";
  1011. }
  1012. .icon-paste:before {
  1013.   content: "\f0ea";
  1014. }
  1015. .icon-lightbulb:before {
  1016.   content: "\f0eb";
  1017. }
  1018. .icon-exchange:before {
  1019.   content: "\f0ec";
  1020. }
  1021. .icon-cloud-download:before {
  1022.   content: "\f0ed";
  1023. }
  1024. .icon-cloud-upload:before {
  1025.   content: "\f0ee";
  1026. }
  1027. .icon-user-md:before {
  1028.   content: "\f0f0";
  1029. }
  1030. .icon-stethoscope:before {
  1031.   content: "\f0f1";
  1032. }
  1033. .icon-suitcase:before {
  1034.   content: "\f0f2";
  1035. }
  1036. .icon-bell-alt:before {
  1037.   content: "\f0f3";
  1038. }
  1039. .icon-coffee:before {
  1040.   content: "\f0f4";
  1041. }
  1042. .icon-food:before {
  1043.   content: "\f0f5";
  1044. }
  1045. .icon-file-text-alt:before {
  1046.   content: "\f0f6";
  1047. }
  1048. .icon-building:before {
  1049.   content: "\f0f7";
  1050. }
  1051. .icon-hospital:before {
  1052.   content: "\f0f8";
  1053. }
  1054. .icon-ambulance:before {
  1055.   content: "\f0f9";
  1056. }
  1057. .icon-medkit:before {
  1058.   content: "\f0fa";
  1059. }
  1060. .icon-fighter-jet:before {
  1061.   content: "\f0fb";
  1062. }
  1063. .icon-beer:before {
  1064.   content: "\f0fc";
  1065. }
  1066. .icon-h-sign:before {
  1067.   content: "\f0fd";
  1068. }
  1069. .icon-plus-sign-alt:before {
  1070.   content: "\f0fe";
  1071. }
  1072. .icon-double-angle-left:before {
  1073.   content: "\f100";
  1074. }
  1075. .icon-double-angle-right:before {
  1076.   content: "\f101";
  1077. }
  1078. .icon-double-angle-up:before {
  1079.   content: "\f102";
  1080. }
  1081. .icon-double-angle-down:before {
  1082.   content: "\f103";
  1083. }
  1084. .icon-angle-left:before {
  1085.   content: "\f104";
  1086. }
  1087. .icon-angle-right:before {
  1088.   content: "\f105";
  1089. }
  1090. .icon-angle-up:before {
  1091.   content: "\f106";
  1092. }
  1093. .icon-angle-down:before {
  1094.   content: "\f107";
  1095. }
  1096. .icon-desktop:before {
  1097.   content: "\f108";
  1098. }
  1099. .icon-laptop:before {
  1100.   content: "\f109";
  1101. }
  1102. .icon-tablet:before {
  1103.   content: "\f10a";
  1104. }
  1105. .icon-mobile-phone:before {
  1106.   content: "\f10b";
  1107. }
  1108. .icon-circle-blank:before {
  1109.   content: "\f10c";
  1110. }
  1111. .icon-quote-left:before {
  1112.   content: "\f10d";
  1113. }
  1114. .icon-quote-right:before {
  1115.   content: "\f10e";
  1116. }
  1117. .icon-spinner:before {
  1118.   content: "\f110";
  1119. }
  1120. .icon-circle:before {
  1121.   content: "\f111";
  1122. }
  1123. .icon-mail-reply:before,
  1124. .icon-reply:before {
  1125.   content: "\f112";
  1126. }
  1127. .icon-github-alt:before {
  1128.   content: "\f113";
  1129. }
  1130. .icon-folder-close-alt:before {
  1131.   content: "\f114";
  1132. }
  1133. .icon-folder-open-alt:before {
  1134.   content: "\f115";
  1135. }
  1136. .icon-expand-alt:before {
  1137.   content: "\f116";
  1138. }
  1139. .icon-collapse-alt:before {
  1140.   content: "\f117";
  1141. }
  1142. .icon-smile:before {
  1143.   content: "\f118";
  1144. }
  1145. .icon-frown:before {
  1146.   content: "\f119";
  1147. }
  1148. .icon-meh:before {
  1149.   content: "\f11a";
  1150. }
  1151. .icon-gamepad:before {
  1152.   content: "\f11b";
  1153. }
  1154. .icon-keyboard:before {
  1155.   content: "\f11c";
  1156. }
  1157. .icon-flag-alt:before {
  1158.   content: "\f11d";
  1159. }
  1160. .icon-flag-checkered:before {
  1161.   content: "\f11e";
  1162. }
  1163. .icon-terminal:before {
  1164.   content: "\f120";
  1165. }
  1166. .icon-code:before {
  1167.   content: "\f121";
  1168. }
  1169. .icon-reply-all:before {
  1170.   content: "\f122";
  1171. }
  1172. .icon-mail-reply-all:before {
  1173.   content: "\f122";
  1174. }
  1175. .icon-star-half-full:before,
  1176. .icon-star-half-empty:before {
  1177.   content: "\f123";
  1178. }
  1179. .icon-location-arrow:before {
  1180.   content: "\f124";
  1181. }
  1182. .icon-crop:before {
  1183.   content: "\f125";
  1184. }
  1185. .icon-code-fork:before {
  1186.   content: "\f126";
  1187. }
  1188. .icon-unlink:before {
  1189.   content: "\f127";
  1190. }
  1191. .icon-question:before {
  1192.   content: "\f128";
  1193. }
  1194. .icon-info:before {
  1195.   content: "\f129";
  1196. }
  1197. .icon-exclamation:before {
  1198.   content: "\f12a";
  1199. }
  1200. .icon-superscript:before {
  1201.   content: "\f12b";
  1202. }
  1203. .icon-subscript:before {
  1204.   content: "\f12c";
  1205. }
  1206. .icon-eraser:before {
  1207.   content: "\f12d";
  1208. }
  1209. .icon-puzzle-piece:before {
  1210.   content: "\f12e";
  1211. }
  1212. .icon-microphone:before {
  1213.   content: "\f130";
  1214. }
  1215. .icon-microphone-off:before {
  1216.   content: "\f131";
  1217. }
  1218. .icon-shield:before {
  1219.   content: "\f132";
  1220. }
  1221. .icon-calendar-empty:before {
  1222.   content: "\f133";
  1223. }
  1224. .icon-fire-extinguisher:before {
  1225.   content: "\f134";
  1226. }
  1227. .icon-rocket:before {
  1228.   content: "\f135";
  1229. }
  1230. .icon-maxcdn:before {
  1231.   content: "\f136";
  1232. }
  1233. .icon-chevron-sign-left:before {
  1234.   content: "\f137";
  1235. }
  1236. .icon-chevron-sign-right:before {
  1237.   content: "\f138";
  1238. }
  1239. .icon-chevron-sign-up:before {
  1240.   content: "\f139";
  1241. }
  1242. .icon-chevron-sign-down:before {
  1243.   content: "\f13a";
  1244. }
  1245. .icon-html5:before {
  1246.   content: "\f13b";
  1247. }
  1248. .icon-css3:before {
  1249.   content: "\f13c";
  1250. }
  1251. .icon-anchor:before {
  1252.   content: "\f13d";
  1253. }
  1254. .icon-unlock-alt:before {
  1255.   content: "\f13e";
  1256. }
  1257. .icon-bullseye:before {
  1258.   content: "\f140";
  1259. }
  1260. .icon-ellipsis-horizontal:before {
  1261.   content: "\f141";
  1262. }
  1263. .icon-ellipsis-vertical:before {
  1264.   content: "\f142";
  1265. }
  1266. .icon-rss-sign:before {
  1267.   content: "\f143";
  1268. }
  1269. .icon-play-sign:before {
  1270.   content: "\f144";
  1271. }
  1272. .icon-ticket:before {
  1273.   content: "\f145";
  1274. }
  1275. .icon-minus-sign-alt:before {
  1276.   content: "\f146";
  1277. }
  1278. .icon-check-minus:before {
  1279.   content: "\f147";
  1280. }
  1281. .icon-level-up:before {
  1282.   content: "\f148";
  1283. }
  1284. .icon-level-down:before {
  1285.   content: "\f149";
  1286. }
  1287. .icon-check-sign:before {
  1288.   content: "\f14a";
  1289. }
  1290. .icon-edit-sign:before {
  1291.   content: "\f14b";
  1292. }
  1293. .icon-external-link-sign:before {
  1294.   content: "\f14c";
  1295. }
  1296. .icon-share-sign:before {
  1297.   content: "\f14d";
  1298. }
  1299. .icon-compass:before {
  1300.   content: "\f14e";
  1301. }
  1302. .icon-collapse:before {
  1303.   content: "\f150";
  1304. }
  1305. .icon-collapse-top:before {
  1306.   content: "\f151";
  1307. }
  1308. .icon-expand:before {
  1309.   content: "\f152";
  1310. }
  1311. .icon-euro:before,
  1312. .icon-eur:before {
  1313.   content: "\f153";
  1314. }
  1315. .icon-gbp:before {
  1316.   content: "\f154";
  1317. }
  1318. .icon-dollar:before,
  1319. .icon-usd:before {
  1320.   content: "\f155";
  1321. }
  1322. .icon-rupee:before,
  1323. .icon-inr:before {
  1324.   content: "\f156";
  1325. }
  1326. .icon-yen:before,
  1327. .icon-jpy:before {
  1328.   content: "\f157";
  1329. }
  1330. .icon-renminbi:before,
  1331. .icon-cny:before {
  1332.   content: "\f158";
  1333. }
  1334. .icon-won:before,
  1335. .icon-krw:before {
  1336.   content: "\f159";
  1337. }
  1338. .icon-bitcoin:before,
  1339. .icon-btc:before {
  1340.   content: "\f15a";
  1341. }
  1342. .icon-file:before {
  1343.   content: "\f15b";
  1344. }
  1345. .icon-file-text:before {
  1346.   content: "\f15c";
  1347. }
  1348. .icon-sort-by-alphabet:before {
  1349.   content: "\f15d";
  1350. }
  1351. .icon-sort-by-alphabet-alt:before {
  1352.   content: "\f15e";
  1353. }
  1354. .icon-sort-by-attributes:before {
  1355.   content: "\f160";
  1356. }
  1357. .icon-sort-by-attributes-alt:before {
  1358.   content: "\f161";
  1359. }
  1360. .icon-sort-by-order:before {
  1361.   content: "\f162";
  1362. }
  1363. .icon-sort-by-order-alt:before {
  1364.   content: "\f163";
  1365. }
  1366. .icon-thumbs-up:before {
  1367.   content: "\f164";
  1368. }
  1369. .icon-thumbs-down:before {
  1370.   content: "\f165";
  1371. }
  1372. .icon-youtube-sign:before {
  1373.   content: "\f166";
  1374. }
  1375. .icon-youtube:before {
  1376.   content: "\f167";
  1377. }
  1378. .icon-xing:before {
  1379.   content: "\f168";
  1380. }
  1381. .icon-xing-sign:before {
  1382.   content: "\f169";
  1383. }
  1384. .icon-youtube-play:before {
  1385.   content: "\f16a";
  1386. }
  1387. .icon-dropbox:before {
  1388.   content: "\f16b";
  1389. }
  1390. .icon-stackexchange:before {
  1391.   content: "\f16c";
  1392. }
  1393. .icon-instagram:before {
  1394.   content: "\f16d";
  1395. }
  1396. .icon-flickr:before {
  1397.   content: "\f16e";
  1398. }
  1399. .icon-adn:before {
  1400.   content: "\f170";
  1401. }
  1402. .icon-bitbucket:before {
  1403.   content: "\f171";
  1404. }
  1405. .icon-bitbucket-sign:before {
  1406.   content: "\f172";
  1407. }
  1408. .icon-tumblr:before {
  1409.   content: "\f173";
  1410. }
  1411. .icon-tumblr-sign:before {
  1412.   content: "\f174";
  1413. }
  1414. .icon-long-arrow-down:before {
  1415.   content: "\f175";
  1416. }
  1417. .icon-long-arrow-up:before {
  1418.   content: "\f176";
  1419. }
  1420. .icon-long-arrow-left:before {
  1421.   content: "\f177";
  1422. }
  1423. .icon-long-arrow-right:before {
  1424.   content: "\f178";
  1425. }
  1426. .icon-apple:before {
  1427.   content: "\f179";
  1428. }
  1429. .icon-windows:before {
  1430.   content: "\f17a";
  1431. }
  1432. .icon-android:before {
  1433.   content: "\f17b";
  1434. }
  1435. .icon-linux:before {
  1436.   content: "\f17c";
  1437. }
  1438. .icon-dribbble:before {
  1439.   content: "\f17d";
  1440. }
  1441. .icon-skype:before {
  1442.   content: "\f17e";
  1443. }
  1444. .icon-foursquare:before {
  1445.   content: "\f180";
  1446. }
  1447. .icon-trello:before {
  1448.   content: "\f181";
  1449. }
  1450. .icon-female:before {
  1451.   content: "\f182";
  1452. }
  1453. .icon-male:before {
  1454.   content: "\f183";
  1455. }
  1456. .icon-gittip:before {
  1457.   content: "\f184";
  1458. }
  1459. .icon-sun:before {
  1460.   content: "\f185";
  1461. }
  1462. .icon-moon:before {
  1463.   content: "\f186";
  1464. }
  1465. .icon-archive:before {
  1466.   content: "\f187";
  1467. }
  1468. .icon-bug:before {
  1469.   content: "\f188";
  1470. }
  1471. .icon-vk:before {
  1472.   content: "\f189";
  1473. }
  1474. .icon-weibo:before {
  1475.   content: "\f18a";
  1476. }
  1477. .icon-renren:before {
  1478.   content: "\f18b";
  1479. }

Raw Paste


Login or Register to edit or fork this paste. It's free.