style.css 1.3 KB

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