You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

snowcone.css 2.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*================
  2. Screen styles for the Snowcone icon webfont
  3. Version 1.0
  4. Author: Tangent Snowball FED team
  5. Created: 01.06.2012 (US format date)
  6. ==================*/
  7. /*========
  8. [=1:Set webfont stack for the icons]
  9. ======== */
  10. @font-face {
  11. font-family: 'SnowconeRegular';
  12. src: url('../fonts/snowcone-regular-webfont.eot');
  13. src: url('../fonts/snowcone-regular-webfont.eot?#iefix') format('embedded-opentype'),
  14. url('../fonts/snowcone-regular-webfont.woff') format('woff'),
  15. url('../fonts/snowcone-regular-webfont.ttf') format('truetype'),
  16. url('../fonts/snowcone-regular-webfont.svg#SnowconeRegular') format('svg');
  17. font-weight: normal;
  18. font-style: normal;
  19. }
  20. /*========
  21. [=2:Set classes to trigger icons]
  22. ======== */
  23. .app-ico:before{font-family:'SnowconeRegular';padding-right:5px}
  24. .app-ico.ico_alert:before{content:"A";}
  25. .app-ico.ico_cross:before,.app-ico.outstock:before{content:"B";}
  26. .app-ico.ico_tick:before,.app-ico.instock:before{content:"C";}
  27. .app-ico.ico_expand:before{content:"D";}
  28. .app-ico.ico_contract:before{content:"E";}
  29. .app-ico.ico_view:before{content:"F";}
  30. .app-ico.ico_sync:before{content:"G";}
  31. .app-ico.ico_home:before{content:"H";}
  32. .app-ico.ico_outline_down:before{content:"I";}
  33. .app-ico.ico_outline_up:before{content:"J";}
  34. .app-ico.ico_outline_right:before{content:"K";}
  35. .app-ico.ico_outline_left:before{content:"L";}
  36. .app-ico.ico_stop:before{content:"M";}
  37. .app-ico.ico_mapmarker:before{content:"N";}
  38. .app-ico.ico_favourite:before{content:"O";}
  39. .app-ico.ico_profile:before{content:"P";}
  40. .app-ico.ico_magnify:before{content:"Q";}
  41. .app-ico.ico_comment:before{content:"R";}
  42. .app-ico.ico_settings:before{content:"S";}
  43. .app-ico.ico_edit:before{content:"T";}
  44. .app-ico.ico_email:before{content:"U";}
  45. .app-ico.ico_shop_bag:before{content:"V";}
  46. .app-ico.ico_logout:before{content:"W";}
  47. .app-ico.ico_heart:before{content:"X";}
  48. .app-ico.ico_rss:before{content:"Z";}
  49. .app-ico.ico_link:before{content:"a";}
  50. .app-ico.ico_fill_down:before{content:"b";}
  51. .app-ico.ico_fill_up:before{content:"c";}
  52. .app-ico.ico_fill_right:before{content:"d";}
  53. .app-ico.ico_fill_left:before{content:"e";}
  54. .app-ico.ico_facebook:before{content:"f";}
  55. .app-ico.ico_twitter:before{content:"g";}
  56. .app-ico.ico_googleplus:before{content:"h";}
  57. .app-ico.ico_blacklist:before{content:"i";}
  58. .app-ico.ico_twitter_bird:before{content:"t";}
  59. .app-ico.ico_twitter_plain:before{content:"u";}
  60. .app-ico.ico_tag:before{content:"t";}
  61. .app-ico.ico_speedo:before{content:"y";}
  62. .app-ico.ico_tangentsnowball:before{content:"z";}
  63. /*========
  64. [=3:Ensure legacy browsers still see icons]
  65. ======== */
  66. .app-legacy_ico{font-family:'SnowconeRegular';}