plugin.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .back-to-top {
  2. position: fixed;
  3. bottom: 25px;
  4. right: calc((100% - 300px - min(100% - 300px, 800px)) / 2 + 25px);
  5. background: rgba(0, 0, 0, 0.5);
  6. width: 50px;
  7. height: 50px;
  8. display: block;
  9. text-decoration: none;
  10. -webkit-border-radius: 35px;
  11. -moz-border-radius: 35px;
  12. border-radius: 35px;
  13. display: none;
  14. }
  15. .back-to-top i {
  16. color: #fff;
  17. margin: 0;
  18. position: relative;
  19. left: 15px;
  20. top: 14px;
  21. font-size: 22px;
  22. }
  23. .back-to-top:hover {
  24. background: rgba(0, 0, 0, 0.9);
  25. cursor: pointer;
  26. }
  27. .book.color-theme-1 .back-to-top {
  28. background: rgba(112, 66, 20, 0.5);
  29. }
  30. .book.color-theme-1 .back-to-top i {
  31. color: #f3eacb;
  32. }
  33. .book.color-theme-1 .back-to-top:hover {
  34. background: rgba(112, 66, 20, 0.9);
  35. }
  36. .book.color-theme-2 .back-to-top {
  37. background: rgba(189, 202, 219, 0.5);
  38. }
  39. .book.color-theme-2 .back-to-top i {
  40. color: #1C1F2B;
  41. }
  42. .book.color-theme-2 .back-to-top:hover {
  43. background: rgba(189, 202, 219, 0.9);
  44. }
  45. @media only screen
  46. and (min-device-width: 320px)
  47. and (max-device-width: 480px)
  48. and (-webkit-min-device-pixel-ratio: 2)
  49. and (orientation: portrait) {
  50. .back-to-top {
  51. bottom: 10px;
  52. right: 10px;
  53. }
  54. }