Advertisement
GIFCITY

mac97 scrollbar

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