socialmedia.css 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .social-media{
  2. width: 42px;
  3. height: 42px;
  4. display: inline-block;
  5. background-image: url(../images/social_media_sprite.png);
  6. opacity: .4;
  7. transition: opacity .6s;
  8. }
  9. .social-media:hover{
  10. opacity: 1
  11. }
  12. .social-media.angellist{background-position:-1px -1px}
  13. .social-media.behance{background-position:-45px -1px}
  14. .social-media.bitcoin{background-position:-89px -1px}
  15. .social-media.blogger{background-position:-133px -1px}
  16. .social-media.codepen{background-position:-177px -1px}
  17. .social-media.css3{background-position:-221px -1px}
  18. .social-media.deviantart{background-position:-265px -1px}
  19. .social-media.deviantart-old{background-position:-309px -1px}
  20. .social-media.digg{background-position:-1px -45px}
  21. .social-media.dribbble{background-position:-45px -45px}
  22. .social-media.dropbox{background-position:-89px -45px}
  23. .social-media.email{background-position:-133px -45px}
  24. .social-media.facebook{background-position:-177px -45px}
  25. .social-media.flikr{background-position:-221px -45px}
  26. .social-media.forrst{background-position:-265px -45px}
  27. .social-media.foursquare{background-position:-309px -45px}
  28. .social-media.github{background-position:-1px -89px}
  29. .social-media.github-alias{background-position:-45px -89px}
  30. .social-media.google-plus{background-position:-89px -89px}
  31. .social-media.heart{background-position:-133px -89px}
  32. .social-media.html5{background-position:-177px -89px}
  33. .social-media.instagram{background-position:-221px -89px}
  34. .social-media.jsfiddle{background-position:-265px -89px}
  35. .social-media.linkedin{background-position:-309px -89px}
  36. .social-media.medium{background-position:-1px -133px}
  37. .social-media.openid{background-position:-45px -133px}
  38. .social-media.paypal{background-position:-89px -133px}
  39. .social-media.phone{background-position:-133px -133px}
  40. .social-media.rss{background-position:-177px -133px}
  41. .social-media.skype{background-position:-221px -133px}
  42. .social-media.slideshare{background-position:-265px -133px}
  43. .social-media.pinterest{background-position:-309px -133px}
  44. .social-media.soundcloud{background-position:-1px -177px}
  45. .social-media.spotify{background-position:-45px -177px}
  46. .social-media.stack-exchange{background-position:-89px -177px}
  47. .social-media.stack-overflow{background-position:-133px -177px}
  48. .social-media.steam{background-position:-177px -177px}
  49. .social-media.stumbleupon{background-position:-221px -177px}
  50. .social-media.tumblr{background-position:-265px -177px}
  51. .social-media.twitch{background-position:-309px -177px}
  52. .social-media.twitter{background-position:-1px -221px}
  53. .social-media.twitter-old{background-position:-45px -221px}
  54. .social-media.vimeo{background-position:-89px -221px}
  55. .social-media.vine{background-position:-133px -221px}
  56. .social-media.wordpress{background-position:-177px -221px}
  57. .social-media.xing{background-position:-221px -221px}
  58. .social-media.youtube{background-position:-265px -221px}
  59. .social-media.blank{background-position:-309px -221px}