Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

extra.css 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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. /* Responsive videos */
  17. .md-typeset video {
  18. height: auto;
  19. max-width: 100%;
  20. }
  21. /* Share buttons */
  22. .share-buttons {
  23. font-size: .5rem;
  24. margin: 8px 0 8px 0;
  25. }
  26. @media screen and (min-width: 1220px) {
  27. .share-buttons {
  28. float: right;
  29. margin-left: 16px;
  30. }
  31. }
  32. .resp-sharing-button__link,
  33. .resp-sharing-button__icon {
  34. display: inline-block
  35. }
  36. .resp-sharing-button__link {
  37. text-decoration: none;
  38. color: #fff;
  39. /*margin: 0.5em*/
  40. }
  41. .resp-sharing-button {
  42. color: #fff;
  43. margin: 0.5em
  44. border-radius: 5px;
  45. transition: 25ms ease-out;
  46. padding: 0.5em 0.75em;
  47. font-family: Helvetica Neue,Helvetica,Arial,sans-serif
  48. }
  49. .resp-sharing-button__icon svg {
  50. width: 1em;
  51. height: 1em;
  52. margin-right: 0.4em;
  53. vertical-align: top
  54. }
  55. .resp-sharing-button--small svg {
  56. margin: 0;
  57. vertical-align: middle
  58. }
  59. /* Non solid icons get a stroke */
  60. .resp-sharing-button__icon {
  61. stroke: #fff;
  62. fill: none
  63. }
  64. /* Solid icons get a fill */
  65. .resp-sharing-button__icon--solid,
  66. .resp-sharing-button__icon--solidcircle {
  67. fill: #fff;
  68. stroke: none
  69. }
  70. .resp-sharing-button--twitter {
  71. background-color: #55acee
  72. }
  73. .resp-sharing-button--twitter:hover {
  74. background-color: #2795e9
  75. }
  76. .resp-sharing-button--facebook {
  77. background-color: #3b5998
  78. }
  79. .resp-sharing-button--facebook:hover {
  80. background-color: #2d4373
  81. }
  82. .resp-sharing-button--facebook {
  83. background-color: #3b5998;
  84. border-color: #3b5998;
  85. }
  86. .resp-sharing-button--facebook:hover,
  87. .resp-sharing-button--facebook:active {
  88. background-color: #2d4373;
  89. border-color: #2d4373;
  90. }
  91. .resp-sharing-button--twitter {
  92. background-color: #55acee;
  93. border-color: #55acee;
  94. }
  95. .resp-sharing-button--twitter:hover,
  96. .resp-sharing-button--twitter:active {
  97. background-color: #2795e9;
  98. border-color: #2795e9;
  99. }