Guest User

Fun blue scrollbar

a guest
Apr 30th, 2023
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.00 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. width: 14px;
  11. box-shadow: inset -1px -1px 0 #343463, inset 1px 1px 0 #cdcdfc;
  12. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918635019658985542/thumb1.png);
  13. background-color: #AAAAAB;
  14. background-repeat: no-repeat;
  15. background-position: center;
  16. }
  17. ::-webkit-scrollbar-thumb:horizontal {
  18. width: 14px;
  19. box-shadow: inset -1px -1px 0 #343463, inset 1px 1px 0 #cdcdfc;
  20. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918635019969380442/tghumb2.png);
  21. background-color: #AAAAAB;
  22. background-repeat: no-repeat;
  23. background-position: center;
  24. }
  25. ::-webkit-scrollbar-track {
  26. background: radial-gradient(circle at 0.5px 0.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,#dedede;
  27. border-top: 1px solid #DEDEDE;
  28. border-left: 1px solid black;
  29. border-right: 1px solid black;
  30. border-bottom: 1px solid #DEDEDE;
  31. }
  32. ::-webkit-scrollbar-track:horizontal {
  33. background: radial-gradient(circle at 0.5px 0.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,#dedede;
  34. border-top: 1px solid black;
  35. border-left: 1px solid #DEDEDE;
  36. border-right: 1px solid #DEDEDE;
  37. border-bottom: 1px solid black;
  38. }
  39. ::-webkit-scrollbar-button:vertical:increment {
  40. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936251088896/inc1.png);
  41. background-color: #DEDEDE;
  42. background-repeat: no-repeat;
  43. background-position: center;
  44. width: 16px;
  45. height: 16px;
  46. border-left: 1px solid black;
  47. border-top: 1px solid black;
  48. border-right: 1px solid black;
  49. }
  50. ::-webkit-scrollbar-button:vertical:decrement {
  51. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936070709248/dec1.png);
  52. background-color: #DEDEDE;
  53. background-repeat: no-repeat;
  54. background-position: center;
  55. border-top: 1px solid black;
  56. border-left: 1px solid black;
  57. border-right: 1px solid black;
  58. border-bottom: 1px solid black;
  59. width: 16px;
  60. height: 16px;
  61. }
  62. ::-webkit-scrollbar-button:horizontal:decrement
  63. {
  64. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936456593458/hordec.png);
  65. background-color: #DEDEDE;
  66. background-repeat: no-repeat;
  67. background-position: center;
  68. border-top: 1px solid black;
  69. border-left: 1px solid black;
  70. border-right: 1px solid black;
  71. border-bottom: 1px solid black;
  72. width: 16px;
  73. height: 16px;
  74. }
  75. ::-webkit-scrollbar-button:horizontal:increment
  76. {
  77. background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936741797968/horinc.png);
  78. background-color: #DEDEDE;
  79. background-repeat: no-repeat;
  80. background-position: center;
  81. border-top: 1px solid black;
  82. border-left: 1px solid black;
  83. border-bottom: 1px solid black;
  84. width: 16px;
  85. height: 16px;
  86. }
  87. </style>
Add Comment
Please, Sign In to add comment