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.

extra.css 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. @keyframes heart {
  2. 0%, 40%, 80%, 100% {
  3. transform: scale(1);
  4. }
  5. 20%, 60% {
  6. transform: scale(1.15);
  7. }
  8. }
  9. .heart {
  10. animation: heart 1000ms infinite;
  11. }
  12. .transparent-background {
  13. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEWZmZlmZmZYfKrVAAAAE0lEQVQI12P4/5+BgZoEA3VNBADtvT/BrQ+bEwAAAABJRU5ErkJggg==);
  14. background-repeat: repeat;
  15. }
  16. /* Share buttons */
  17. .share-buttons {
  18. font-size: .5rem;
  19. margin: 8px 0 8px 0;
  20. }
  21. @media screen and (min-width: 1220px) {
  22. .share-buttons {
  23. float: right;
  24. margin-left: 16px;
  25. }
  26. }
  27. .resp-sharing-button__link,
  28. .resp-sharing-button__icon {
  29. display: inline-block
  30. }
  31. .resp-sharing-button__link {
  32. text-decoration: none;
  33. color: #fff;
  34. /*margin: 0.5em*/
  35. }
  36. .resp-sharing-button {
  37. color: #fff;
  38. margin: 0.5em
  39. border-radius: 5px;
  40. transition: 25ms ease-out;
  41. padding: 0.5em 0.75em;
  42. font-family: Helvetica Neue,Helvetica,Arial,sans-serif
  43. }
  44. .resp-sharing-button__icon svg {
  45. width: 1em;
  46. height: 1em;
  47. margin-right: 0.4em;
  48. vertical-align: top
  49. }
  50. .resp-sharing-button--small svg {
  51. margin: 0;
  52. vertical-align: middle
  53. }
  54. /* Non solid icons get a stroke */
  55. .resp-sharing-button__icon {
  56. stroke: #fff;
  57. fill: none
  58. }
  59. /* Solid icons get a fill */
  60. .resp-sharing-button__icon--solid,
  61. .resp-sharing-button__icon--solidcircle {
  62. fill: #fff;
  63. stroke: none
  64. }
  65. .resp-sharing-button--twitter {
  66. background-color: #55acee
  67. }
  68. .resp-sharing-button--twitter:hover {
  69. background-color: #2795e9
  70. }
  71. .resp-sharing-button--facebook {
  72. background-color: #3b5998
  73. }
  74. .resp-sharing-button--facebook:hover {
  75. background-color: #2d4373
  76. }
  77. .resp-sharing-button--facebook {
  78. background-color: #3b5998;
  79. border-color: #3b5998;
  80. }
  81. .resp-sharing-button--facebook:hover,
  82. .resp-sharing-button--facebook:active {
  83. background-color: #2d4373;
  84. border-color: #2d4373;
  85. }
  86. .resp-sharing-button--twitter {
  87. background-color: #55acee;
  88. border-color: #55acee;
  89. }
  90. .resp-sharing-button--twitter:hover,
  91. .resp-sharing-button--twitter:active {
  92. background-color: #2795e9;
  93. border-color: #2795e9;
  94. }