style.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* -- Begin social sharing buttons
  2. ------------------------------------------------------------- */
  3. .lsb {
  4. padding-left: 0;
  5. list-style: none;
  6. }
  7. .lsb-item {
  8. display: inline-block;
  9. margin: .25em;
  10. line-height: 24px;
  11. }
  12. .lsb-link {
  13. font-size: .75em;
  14. padding: .5em .5em .5em 2.25em;
  15. background-color: #f5f5f5;
  16. border-radius: 2px;
  17. box-shadow: 0 0 .5em #999;
  18. transition: background-color ease-in-out .5s, color ease-in-out .5s, border-color ease-in-out .5s;
  19. }
  20. .lsb-link:hover, .lsb-link:active, .lsb-link:focus {
  21. color: #000;
  22. background-color: #e5e5e5;
  23. }
  24. [class*="ico-"] {
  25. background-size: 16px 16px;
  26. background-repeat: no-repeat;
  27. background-position: 6px center;
  28. }
  29. .ico-twitter {
  30. background-image: url("http://twitter.com/favicons/favicon.ico");
  31. }
  32. .ico-facebook {
  33. background-image: url("http://www.facebook.com/favicon.ico");
  34. }
  35. .ico-googleplus {
  36. background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr2.ico");
  37. }
  38. .ico-linkedin {
  39. background-image: url("https://www.linkedin.com/favicon.ico");
  40. }
  41. .ico-pinterest {
  42. background-image: url("https://www.pinterest.com/favicon.ico");
  43. }
  44. .ico-tumblr {
  45. background-image: url("https://www.tumblr.com/favicon.ico");
  46. }
  47. .ico-reddit {
  48. background-image: url("https://www.reddit.com/favicon.ico");
  49. }