Advertisement
Guest User

Macintosh 1984 scrollbar

a guest
Apr 30th, 2023
464
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.81 KB | None | 0 0
  1. <style>
  2. ::-webkit-scrollbar {
  3. width: 16px;
  4. }
  5. ::-webkit-scrollbar-corner {
  6. border-top: 1px solid #000;
  7. border-left: 1px solid #000;
  8. }
  9. ::-webkit-scrollbar-thumb {
  10. background-color: #fff;
  11. width: 14px;
  12. border: 1px solid #000;
  13. }
  14. ::-webkit-scrollbar-track {
  15. background: radial-gradient(circle at 0.5px 0.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,#fff;
  16. border: 1px solid black;
  17. }
  18. ::-webkit-scrollbar-button:vertical:increment {
  19. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568594276402/vertical_increment.png);
  20. width: 16px;
  21. height: 16px;
  22. border-left: 1px solid black;
  23. border-right: 1px solid black;
  24. }
  25. ::-webkit-scrollbar-button:vertical:decrement {
  26. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568313270342/vertical_decrement.png);
  27. border-top: 1px solid black;
  28. border-left: 1px solid black;
  29. border-right: 1px solid black;
  30. width: 16px;
  31. height: 16px;
  32. }
  33. ::-webkit-scrollbar-button:horizontal:decrement
  34. {
  35. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641235173436/hori_decrement.png);
  36. background-color: #DEDEDE;
  37. background-repeat: no-repeat;
  38. background-position: center;
  39. border-top: 1px solid black;
  40. border-left: 1px solid black;
  41. border-bottom: 1px solid black;
  42. width: 16px;
  43. height: 16px;
  44. }
  45. ::-webkit-scrollbar-button:horizontal:increment
  46. {
  47. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641537150976/hori_increm.png);
  48. background-color: #DEDEDE;
  49. background-repeat: no-repeat;
  50. background-position: center;
  51. border-top: 1px solid black;
  52. border-bottom: 1px solid black;
  53. width: 16px;
  54. height: 16px;
  55. }
  56. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement