icons.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @font-face {
  2. font-family: 'fontello';
  3. src: url('icons.ttf') format('truetype');
  4. font-weight: normal;
  5. font-style: normal;
  6. }
  7. /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  8. /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  9. /*
  10. @media screen and (-webkit-min-device-pixel-ratio:0) {
  11. @font-face {
  12. font-family: 'fontello';
  13. src: url('../font/fontello.svg?68292491#fontello') format('svg');
  14. }
  15. }
  16. */
  17. [class^="icon-"]:before, [class*=" icon-"]:before {
  18. font-family: "fontello";
  19. font-style: normal;
  20. font-weight: normal;
  21. speak: none;
  22. display: inline-block;
  23. text-decoration: inherit;
  24. width: 1em;
  25. margin-right: .2em;
  26. text-align: center;
  27. /* opacity: .8; */
  28. /* For safety - reset parent styles, that can break glyph codes*/
  29. font-variant: normal;
  30. text-transform: none;
  31. /* fix buttons height, for twitter bootstrap */
  32. line-height: 1em;
  33. /* Animation center compensation - margins should be symmetric */
  34. /* remove if not needed */
  35. margin-left: .2em;
  36. /* you can be more comfortable with increased icons size */
  37. /* font-size: 120%; */
  38. /* Font smoothing. That was taken from TWBS */
  39. -webkit-font-smoothing: antialiased;
  40. -moz-osx-font-smoothing: grayscale;
  41. /* Uncomment for 3D effect */
  42. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  43. }
  44. .icon-refresh:before { content: '\e801'; } /* '' */
  45. .icon-remove:before { content: '\e802'; } /* '' */
  46. .icon-firefox:before { content: '\e840'; } /* '' */
  47. .icon-arrow-down:before { content: '\f004'; } /* '' */
  48. .icon-arrow-up:before { content: '\f005'; } /* '' */
  49. .icon-github:before { content: '\f09b'; } /* '' */
  50. .icon-chrome:before { content: '\f268'; } /* '' */