Advertisement
brooklyndesignstudio

Table of Contents Icon Button

Aug 21st, 2020 (edited)
1,746
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.00 KB | None | 0 0
  1. .toc-button::before {
  2.     content: "•";
  3.     position: fixed;
  4.     overflow: visible;
  5.     top: 40%;
  6.     left: -32px;
  7.     color: #E17AA5;
  8.     font-size: 120px;
  9.     background: transparent;
  10. }
  11. .toc-button::after {
  12.     font-family: "FontAwesome";
  13.     content: "\f015";
  14.     display: inline-block;
  15. /*  content: "🏠";  */
  16.     position: fixed;
  17.     top: 41.9%;
  18.     left: -13px;
  19.     color: transparent;
  20.     text-shadow: 0 0 0 white;
  21.     font-size: 27px !important;
  22. }
  23. .category-coronary-perforations .toc-button::before {
  24.     color: #4DC3AB;
  25. }
  26. .category-atherectomy-complications .toc-button::before {
  27.     color: #A755C2;
  28. }
  29. .category-stent-deformation .toc-button::before {
  30.     color: #454ADE;
  31. }
  32. .category-miscellaneous-complications .toc-button::before {
  33.     color: #A683ED;
  34. }
  35. .category-basics-book .toc-button::before {
  36.     color: #DD0C0C;
  37. }
  38. .category-basics-book .toc-button::after {
  39.     content: url("/wp-content/uploads/2020/08/toc.png");
  40.     position: fixed;
  41.     top: 41.7%;
  42.     left: -12px;
  43. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement