Advertisement
Guest User

1984 Mac scrollbar

a guest
Feb 29th, 2024
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.10 KB | None | 0 0
  1. ::-webkit-scrollbar {
  2. width: 16px;
  3. }
  4. ::-webkit-scrollbar-corner {
  5. border-top: 1px solid #000;
  6. border-left: 1px solid #000;
  7. }
  8. ::-webkit-scrollbar-thumb {
  9. background-color: #fff;
  10. width: 14px;
  11. border: 1px solid #000;
  12. }
  13. ::-webkit-scrollbar-track {
  14. 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;
  15. border: 1px solid black;
  16. }
  17. ::-webkit-scrollbar-button:vertical:increment {
  18. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568594276402/vertical_increment.png?ex=65f104cf&is=65de8fcf&hm=621a61dbe9fc2e46508122f822b7999e9d2c12be77934c118e093a50ee3ded00&);
  19. width: 16px;
  20. height: 16px;
  21. border-left: 1px solid black;
  22. border-right: 1px solid black;
  23. }
  24. ::-webkit-scrollbar-button:vertical:decrement {
  25. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568313270342/vertical_decrement.png?ex=65f104cf&is=65de8fcf&hm=e7a02acc3976d5347035864c962aaa2b2f49a993a0dbbb03f4834a944a59f459&);
  26. border-top: 1px solid black;
  27. border-left: 1px solid black;
  28. border-right: 1px solid black;
  29. width: 16px;
  30. height: 16px;
  31. }
  32. ::-webkit-scrollbar-button:horizontal:decrement
  33. {
  34. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641235173436/hori_decrement.png?ex=65f1407c&is=65decb7c&hm=3a146fa46da03b29c5681e2012fd3b1b85df4d0e4dcbae3c17a80a570abd53c4&);
  35. background-color: #DEDEDE;
  36. background-repeat: no-repeat;
  37. background-position: center;
  38. border-top: 1px solid black;
  39. border-left: 1px solid black;
  40. border-bottom: 1px solid black;
  41. width: 16px;
  42. height: 16px;
  43. }
  44. ::-webkit-scrollbar-button:horizontal:increment
  45. {
  46. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641537150976/hori_increm.png?ex=65f1407c&is=65decb7c&hm=d25b5dfa926941d5f8a7ca5bcfe178386e68e5c537eca4d5961de71188175d8d&);
  47. background-color: #DEDEDE;
  48. background-repeat: no-repeat;
  49. background-position: center;
  50. border-top: 1px solid black;
  51. border-bottom: 1px solid black;
  52. width: 16px;
  53. height: 16px;
  54. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement