style.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. /* crude button styles */
  13. text-decoration: none;
  14. color: #444;
  15. font-size: .75em;
  16. font-weight: bold;
  17. padding: 0.5em .5em .5em 2.5em;
  18. background-color: #f5f5f5;
  19. border-radius: 2px;
  20. box-shadow: 0 0 .5em #999;
  21. transition: background-color ease-in-out .5s, color ease-in-out .5s, border-color ease-in-out .5s;
  22. }
  23. .lsb-link:hover, .lsb-link:active, .lsb-link:focus {
  24. color: #000;
  25. }
  26. [class*="ico-"] {
  27. display: inline-block;
  28. background-size: 16px 16px;
  29. background-repeat: no-repeat;
  30. background-position: 6px center;
  31. }
  32. .ico-twitter {
  33. background-image: url("http://twitter.com/favicons/favicon.ico");
  34. }
  35. .ico-facebook {
  36. background-image: url("http://www.facebook.com/favicon.ico");
  37. }
  38. .ico-google {
  39. background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr2.ico");
  40. }
  41. .ico-linkedin {
  42. background-image: url("https://www.linkedin.com/favicon.ico");
  43. }
  44. .ico-pinterest {
  45. background-image: url("https://www.pinterest.com/favicon.ico");
  46. }
  47. .ico-tumblr {
  48. background-image: url("https://www.tumblr.com/favicon.ico");
  49. }
  50. .ico-reddit {
  51. background-image: url("https://www.reddit.com/favicon.ico");
  52. }