iconic.css 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @font-face {
  2. font-family: 'IconicStroke';
  3. src: url("iconic_stroke.eot");
  4. src: local('IconicStroke'),
  5. url("iconic_stroke.svg#iconic") format('svg'),
  6. url("iconic_stroke.otf") format('opentype');
  7. }
  8. .iconic {
  9. color:inherit;
  10. font-family: "IconicStroke";
  11. }
  12. a.iconic:hover {
  13. color:inherit;
  14. }
  15. .iconic.home:before { content: '!'; }
  16. .iconic.at:before { content: "@"; }
  17. .iconic.quote:before { content: '"'; }
  18. .iconic.quote-alt:before { content: "'"; }
  19. .iconic.arrow-up:before { content: "3"; }
  20. .iconic.arrow-right:before { content: "4"; }
  21. .iconic.arrow-bottom:before { content: "5"; }
  22. .iconic.arrow-left:before { content: "6"; }
  23. .iconic.arrow-up-alt:before { content: "#"; }
  24. .iconic.arrow-right-alt:before { content: "$"; }
  25. .iconic.arrow-bottom-alt:before { content: "%"; }
  26. .iconic.arrow-left-alt:before { content: "^"; }
  27. .iconic.move:before { content: "9"; }
  28. .iconic.move-vertical:before { content: "8"; }
  29. .iconic.move-horizontal:before { content: "7"; }
  30. .iconic.move-alt:before { content: "("; }
  31. .iconic.move-vertical-alt:before { content: "*"; }
  32. .iconic.move-horizontal-alt:before { content: "&"; }
  33. .iconic.cursor:before { content: ")"; }
  34. .iconic.plus:before { content: "+"; }
  35. .iconic.plus-alt:before { content: "="; }
  36. .iconic.minus:before { content: "-"; }
  37. .iconic.minus-alt:before { content: "_"; }
  38. .iconic.new-window:before { content: "1"; }
  39. .iconic.dial:before { content: "2"; }
  40. .iconic.lightbulb:before { content: "0"; }
  41. .iconic.link:before { content: "/"; }
  42. .iconic.image:before { content: "?"; }
  43. .iconic.article:before { content: ">"; }
  44. .iconic.read-more:before { content: "."; }
  45. .iconic.headphones:before { content: ","; }
  46. .iconic.equalizer:before { content: "<"; }
  47. .iconic.fullscreen:before { content: ":"; }
  48. .iconic.exit-fullscreen:before { content: ";"; }
  49. .iconic.spin:before { content: "["; }
  50. .iconic.spin-alt:before { content: "{"; }
  51. .iconic.moon:before { content: "]"; }
  52. .iconic.sun:before { content: "}"; }
  53. .iconic.map-pin:before { content: "\\"; }
  54. .iconic.pin:before { content: "|"; }
  55. .iconic.eyedropper:before { content: "~"; }
  56. .iconic.denied:before { content: "`"; }
  57. .iconic.calendar:before { content: "a"; }
  58. .iconic.calendar-alt:before { content: "A"; }
  59. .iconic.bolt:before { content: "b"; }
  60. .iconic.clock:before { content: "c"; }
  61. .iconic.document:before { content: "d"; }
  62. .iconic.book:before { content: "e"; }
  63. .iconic.book-alt:before { content: "E"; }
  64. .iconic.magnifying-glass:before { content: "f"; }
  65. .iconic.tag:before { content: "g"; }
  66. .iconic.heart:before { content: "h"; }
  67. .iconic.info:before { content: "i"; }
  68. .iconic.chat:before { content: "j"; }
  69. .iconic.chat-alt:before { content: "J"; }
  70. .iconic.key:before { content: "k"; }
  71. .iconic.unlocked:before { content: "l"; }
  72. .iconic.locked:before { content: "L"; }
  73. .iconic.mail:before { content: "m"; }
  74. .iconic.mail-alt:before { content: "M"; }
  75. .iconic.phone:before { content: "n"; }
  76. .iconic.box:before { content: "o"; }
  77. .iconic.pencil:before { content: "p"; }
  78. .iconic.pencil-alt:before { content: "P"; }
  79. .iconic.comment:before { content: "q"; }
  80. .iconic.comment-alt:before { content: "Q"; }
  81. .iconic.rss:before { content: "r"; }
  82. .iconic.star:before { content: "s"; }
  83. .iconic.trash:before { content: "t"; }
  84. .iconic.user:before { content: "u"; }
  85. .iconic.volume:before { content: "v"; }
  86. .iconic.mute:before { content: "V"; }
  87. .iconic.cog:before { content: "w"; }
  88. .iconic.cog-alt:before { content: "W"; }
  89. .iconic.x:before { content: "x"; }
  90. .iconic.x-alt:before { content: "X"; }
  91. .iconic.check:before { content: "y"; }
  92. .iconic.check-alt:before { content: "Y"; }
  93. .iconic.beaker:before { content: "z"; }
  94. .iconic.beaker-alt:before { content: "Z"; }