Advertisement
Guest User

Mac OS 8 1997 scrollbar

a guest
Apr 30th, 2023
370
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.43 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. box-shadow: inset 1px 1px 0 #fff;
  9. background: #cdcccd;
  10. }
  11. ::-webkit-scrollbar-thumb {
  12. box-shadow: inset 1px 1px 0 #cdcdfc, inset -1px -1px 0 #6867c6;
  13. width: 14px;
  14. border: 1px solid #000;
  15. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917959746923941938/not_gonna_work.png);
  16. background-color: #9B9BF9;
  17. background-repeat: no-repeat;
  18. background-position: center;
  19. }
  20. ::-webkit-scrollbar-thumb:horizontal{
  21. box-shadow: inset 1px 1px 0 #cdcdfc, inset -1px -1px 0 #6867c6;
  22. width: 14px;
  23. border: 1px solid #000;
  24. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917968280742948924/horizontal_scrollbar_bg.png);
  25. background-color: #9B9BF9;
  26. background-repeat: no-repeat;
  27. background-position: center;
  28. }
  29. ::-webkit-scrollbar-track {
  30. background-color: #aaaaab;
  31. border: 1px solid #000;
  32. }
  33. ::-webkit-scrollbar-button:vertical:increment {
  34. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917964624161308743/increment_1.png);
  35. background-color: #DEDEDE;
  36. background-repeat: no-repeat;
  37. background-position: center;
  38. width: 16px;
  39. height: 16px;
  40. border-left: 1px solid black;
  41. border-right: 1px solid black;
  42. }
  43. ::-webkit-scrollbar-button:vertical:decrement {
  44. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917964623850917978/decrement_1.png);
  45. background-color: #DEDEDE;
  46. background-repeat: no-repeat;
  47. background-position: center;
  48. border-top: 1px solid black;
  49. border-right: 1px solid black;
  50. border-left: 1px solid black;
  51. width: 16px;
  52. height: 16px;
  53. }
  54. ::-webkit-scrollbar-button:horizontal:decrement
  55. {
  56. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917966460217872434/horizantal_decremnt.png);
  57. background-color: #DEDEDE;
  58. background-repeat: no-repeat;
  59. background-position: center;
  60. border-top: 1px solid black;
  61. border-left: 1px solid black;
  62. border-bottom: 1px solid black;
  63. width: 16px;
  64. height: 16px;
  65. }
  66. ::-webkit-scrollbar-button:horizontal:increment
  67. {
  68. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917966460477906944/horizantal_increment.png);
  69. background-color: #DEDEDE;
  70. background-repeat: no-repeat;
  71. background-position: center;
  72. border-top: 1px solid black;
  73. border-bottom: 1px solid black;
  74. width: 16px;
  75. height: 16px;
  76. }
  77. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement