GIFCITY

dakedres scrollbar

Jan 15th, 2024
291
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.43 KB | None | 0 0
  1. <style>
  2. ::-webkit-scrollbar {
  3. width: 16px;
  4. height: 16px;
  5. background: none;
  6. }
  7.  
  8. ::-webkit-scrollbar-thumb {
  9. width: 16px;
  10. height: 16px;
  11. background: silver;
  12. box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  13. border: 1px solid;
  14. border-color: silver #000 #000 silver;
  15. }
  16.  
  17. ::-webkit-scrollbar-track {
  18. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+");
  19. background-position: 0 0;
  20. background-repeat: repeat;
  21. background-size: 2px;
  22. }
  23.  
  24. ::-webkit-scrollbar-button:vertical:decrement {
  25. width: 16px;
  26. height: 16px;
  27. background: silver;
  28. box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  29. border: 1px solid;
  30. border-color: silver #000 #000 silver;
  31. background-repeat: no-repeat;
  32. background-size: 16px;
  33. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");
  34. display:block;
  35. }
  36.  
  37. ::-webkit-scrollbar-button:vertical:increment {
  38. width: 16px;
  39. height: 16px;
  40. background: silver;
  41. box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  42. border: 1px solid;
  43. border-color: silver #000 #000 silver;
  44. background-repeat: no-repeat;
  45. background-size: 16px;
  46. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");
  47. display:block;
  48. }
  49.  
  50. ::-webkit-scrollbar-button:horizontal:decrement {
  51. width: 16px;
  52. height: 16px;
  53. background: silver;
  54. box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  55. border: 1px solid;
  56. border-color: silver #000 #000 silver;
  57. background-repeat: no-repeat;
  58. background-size: 16px;
  59. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");
  60. display:block;
  61. }
  62.  
  63. ::-webkit-scrollbar-button:horizontal:increment {
  64. width: 16px;
  65. height: 16px;
  66. background: silver;
  67. box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  68. border: 1px solid;
  69. border-color: silver #000 #000 silver;
  70. background-repeat: no-repeat;
  71. background-size: 16px;
  72. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");
  73. display:block;
  74. }
  75.  
  76. ::-webkit-scrollbar-corner {
  77. background: silver;
  78. }
  79. </style>
Add Comment
Please, Sign In to add comment