☰

Scrollbars figuccio

scrollbars for Chrome 2024

  1. // ==UserScript==
  2. // @name          Scrollbars figuccio
  3. // @description	  scrollbars for Chrome 2024
  4. // @author        figuccio
  5. // @run-at        document-start
  6. // @match         *://*/*
  7. // @grant         GM_addStyle
  8. // @version       0.3
  9. // @license       MIT
  10. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAANqklEQVR4nO3dX4iVdRoH8O93CFm6KIxChKwuWugi2Da3rQ0kKxR2L4JYGjEjpcRS1ERzsyiyotjEZsqpZJVIiNWSjAppIS8KlhBCK4NuvCwihghd6KYunu9enPM7npk545zzdnzf9/c+zwPD+b1/zp95399nnuf3e9+ZoSSUGg89AxCtrxGca3eWCRCXgliCEfwVxJ9BLMAIFoCYN+N5I7M8Ft02zNfuq81ZjkPX9hnHh9O2zbauxyM487W716G1Xu3V6lpWe7tAiO3H9nNTu7WtvX+nPePrV4GTIicFfC7wPwb+V+D/0j7WtX93+/eX/n3OLjbMuKjUdwP6wbERxD8wgkV9d7LAkRMOCJwncpGARQL/ZOAGgd8J3CXw1dlwWOdDlhcjpb/j7DiWgvgYxETgQJNxTNmvC8AigRMGfixw6WxZpOwoH0hvHOtBfAJi2UCdLHA0BUf38jKBnxi4fjoOPxlk6snfBOL1gTtZ4Ggiju726wI3deOQqvl5Xm5MPfn3gNgTOLq2B47u9h6B9yQcPkqscyd/MYjDgaNre+CY0TbwsDSyuNUuPyoagxAg1gWOru2BoxeOlDnWGQBV1F3LjdYJWwxiXeDoHI/AMTsOGLBOGFnsaZC+InAgcPSHA8IIDFzhaQxyT+AIHAPgQBqslx1VFHVLQVwTOLrXB445cMDAayQunbN/DTmqyCALAkf3+sDRBw5IhIEL+uhhQ41qgASOwDE4DsgFkBHMDxxpOXAMgAMGzu+rjw0xqsgggSNwFMHh6F6swBE4CuBQ+gZKjCpKrMAROArh8JNBAkfgKIBDboAEjsCBwXH4yCCBI3CgGA5zMQYJHIGjIA4fJVbgCBwFcfgosQJH4CiIw0eJFTgCR0EcPkqswBE4CuLwV2IFjsAxAA5fJVbgCBwD4vBTYgWOwFEAh48SK3AEjoI4fJRYgSNwFMThK4MEjsAxIA4ft7sHjsBREIePDBI4AkdBHD6ABI7AURCHnxIrcExdBwSOPnD4ziCBAyB2CNgROHrjqGKat5r/URg4euE4JuDF9vKdIpYBgaMbh88MEjgAwgSMdmWOUQAWOKZtcwEkcLSPQwcH2jjOdpVVZwWOBo6pOHxcSQ8c03HsBXmkx5jjiMC9geMcDh8lVuDoxnEa5IbzDMg3gDgdOM6tKzvynOZtBg6AHO1jtmo0cHjKIIEj4dgm4FQfU7mnBG4LHJ4ziD8cHwkYG+A6x5iAj7zj0DD634BRfQbxh+MXAfcVuAh4n8hfPOPwl0H84YCAURFngIEvAp6ZMh5xiMPXGMQnjj0iPgQKXyH/UOAerzj8ZBCfOL4R8Qjwm28feUTgNx5x+MggPnFAxL3A0O6tutcjDh+3u/vEsRnA10PCAZFfC9jsDYffDNJsHB8AmBgijrTfhIEfeMLhYwziC8fPAB68ADhSJ3tQ4M9ecNgw+2GfUZ9p3ubhAICVAn+6QDgg8CeBK73g8JVBmo/jJYFHLyCOtHxU4EsecKhz4MuL6qd5m4njlMBHS8CR2o9a656tRuPwkUGajwMC15SII7XXNB2HdU5AeVHzEitLHBtEfFUyDgj8ysANTcbhJ4M0F8cREXsrwJHaew080lQcMYuVN46zItZXiCNljvUCzzYRh48M0kwcELFa4I8V44DAHw1Y3UQcPm41aSaOF9W607ZqHKms+tDAF5uGwzonpbyoUYmVLY4TAnfUCEfatsPAE03C4bjEyhYHBD5UQxypEz7UJBx+BunNwbFR4Bc1xQEDvxC4sSk4fGSQ5uB4W+BrNcaRll8z8O0m4PAxBmkGjh8FbskAR1q3xdozbDnjkC5Ehzx/VFRiZY0DAteBmMwEBwycFLgudxxOSqzscewC8X5GONK6903clTMOZyUWcsRxHMRjGeJIHfMxA4/nisNJBsE0BJjWuVFXHABbvweeKY7U3pwrjgqGIHWY5kVOOE5kjgMCTxi4OUccfjJIfjgOCZxoAI7UnhB4KDcc6pzA8qLiMUgWOH4QuK1BOFJ7m4k/5ITD/EzzIhccUOtq+Q8Nw4E2jo054XB0N282OHYLfK+BONJz3zNwdy44rHMyy4tqroPkgeMzgdsbjCO9znaJn+WAw9GVdNQdBwRudYAjtbfmgMPZLFatcWwR+LkTHDDxc2t9z7XGIXgAUn8c7wh8xRGO9HqvmPhOnXE4mcWqNY5v5fsfZm4z8du64rDOCS4vKhyk1w4H2ji+d4oDJn7fRlJLHI4G6bXEMSbyXcc40uO7AsbqiMPJdZBa4jiu1v8t944jddpt1r7rt044HP1Oeq1wQOTWwHGu07aXt9YNRxUZ5KLS37GeOH4ncGngmPE6Ww0cqwsOgxsgfTyWgwMCxiJz1HNAPh2Hk2le1AlHlFXIB4c6J7+8qMk0LwJH4JgTR2SQwBE4zoPD4TQvAkfg6BuHs2leBI7AMRAOnxkkcASOPnH4yyCBI3AMgMNXBgkcgWNAHH4ySOAIHAVw+LibN3AEjoI4rNNByovq/+xP4AgcfeLwkUECR+AoiMNJBgkcgaMYDj+3mgSOwFEARwU+Kh6kA4EjcPSNw+SixELgCByFcPjIIIEjcBTEYfCQQYDAETgK4XAyzRs4AkcxHC5KrMAROIricJJBAkfgKIbDBZDAETiK4nBRYgWOwFEYh5cMEjgCRxEcLjJI4AgchXF4yCBA4AgcBXF4ABI4AkcuOIAK/jZvDXFsNfDLwNETxx9NGKsNjgqQlA+kXjhg4JjAWw08Hjim4PiLdxxARSVWjXCkbeOBYwoOmDBeNxz0MAapIQ5IvNnA8cAxBcfNtcPhAUgNcaTlLQauCBxYYeCWOuIo/2b3KoHUC0fq1OMSr3aM4+rWMagpDjcZpJ44IHHhlFLLF472DwgsrCsOF2OQGuNI6+42cLtDHNsl3F1nHE5KrFrjSB1rl8AljnAskbCr7jh8ZJD640jtcSc4IGE8Bxw+gOSBAyYuFjjhAMeExMU54PABJA8cqb3RxFUNxrFK4sZccDgZg2SDI7XHDbyqgTiukjieEw6fGaTeOGDgFaZWqdUgHJA4YcAVOeHwB6T+OFInvEvi4w3C8bgBd+WGw1eJlQ+O9NwXDLytAThuM+CFHHGMuMkg+eFI7ZczxwEDXs4Vh48SK18cMPAGE/dmjGOvxBtyxeEDCLLFkbY9LHB1hjhWS3w4ZxxV/AGFSkqsjHGkzj1u4JUZ4biyNaWbNw4XGaQBOGDgfBP/lQkOqPVZ5+eOwwWQBuBIj38z8akMcDzV+qz54/Azi5U/jtRpnjWdu+u3hjiWGPhsU3C4uQ7SEBxp+fWa4mh/tubgcFFiNQwHTLzewP01xLHfhOubhMN9iZUhjvTctQbeXyMc95uwtmk4XGSQBuJIyxMGLKwBjoUmTDQRh4sxSENxwIBLTDxQMQ6YcEDgJU3E4SaDNBBHeq/lJj5dIY6nW5+hmTjcjEEaiiNt32nirRXguFXgzibjcJFBGo4jrX+jZBwQ+EbTcbgYgzjAAROvk/hmiTjeNOG6puNwUWI5wJH2XWPiqhJwrDJhjQccLkosJzjSun0mLriAOBaYsM8LDh9A/OCAiRcbePAC4YAJByVe7AWHi98HcYQjdcI7THzyAuB4UuIdnnA4ySCucKT2cybeMkQct0h8zhsOF0Ac4kjv89aQcEDiWx5xuADiFAdMvHbqtYrCON4w4FqPOFwAcYojdfAHJK78DThWGvCAVxwuBumOcaTnHZBweQEclxtwwDMOPxnELw5ImGfi4QFxwIDDEud5xuECiHMcaf3tJjwxAI4nJN7uHYcLIIGjkzmel3BTHzhukvh84Gh/tpKjHoN0fzhS5jg8B45p+/jG4eJmxcAxpay6RuL+8+DY394ncMhRiRU4OgBg4FoTRnvgGDVgbeBwebNi4JhWVh0y4bKubZcZcChwTH2OCyCBo+eYY2TaWOOwxJHAMXNd2XFR2W8YOGbgSNvulPhYe587A0fvz1R2lA4kcPTEkR7/GWXV7DiixPKNI6ZycX4cPoAEjsBREIcLIIEjcBTF4eZKeuAIHEVwuMgggSNwFMXhAkjgCBxFcbgAEjgCR1EcPsYggSNwFMThJoMEjsBRBIcLIIEjcBTF4QJI4AgcRXH4GIMEjsDR43n94HCRQQJH4CiMwwOQwBE4iuJwkUECR+AoisPPGCRwBI7zfe5ZcLjIIIEjcBTF4QJI4AgchXG4ABI4AkdBHD7GIIEjcBTE4aPEChyBY5bluXD4ACKeCRwIHMVwnBl2f5wrKpjFwmTgCBxFMgeFyWH3x7miigwyGTgQOLq/3/5wOAECfmri6cDRPiCBo18cpwF8OtzeOHdUNYt1MHAgcPSPAwAOpnVlRlW3ux8NHK2HwNEXDlA46gJIu0OeNHFf4EDg6A/HPgonO8evxKjwSjr2BY7A0QcOUNjXOVYlR0VjEMDEkwK3B47AMQeO7RBOpmNVdlSQQaaUVbsN3Bk4Agd6t3dC2N05VsPrhn1HdX969Fxnf8aA5YEjcExrL4fwTDeOtL3MqMHvgwAmHpN4o4HHAod7HMco3Ajh2AwcHoCcZ8zxpYnLDdhk4neBwx2O7yhsameOL3vhqKLEKv9/FPbG0b3uVQP/LWG5icsM/IOJCwQsMHFe4GgEjl8BTFKYpHAKwDEKH1M4M+VY9Th+Zcf/AT5aa9Ufw1XTAAAAAElFTkSuQmCC
  11. // @namespace https://greasyfork.org/users/237458
  12. // ==/UserScript==
  13. GM_addStyle(`
  14.  .resize-grip {
  15.  background: linear-gradient(-45deg, transparent 2px, hsl(0, 0%, 40%) 2px, transparent 3px, transparent 4.5px, hsl(0, 0%, 40%) 5px, transparent 5.5px)!important;
  16. 		}
  17.  
  18.               /*barra sotto lo scroll*/
  19. 		/* Browser */
  20. 		::-webkit-scrollbar {
  21. 		   background: deepskyblue!important;
  22. 		   border: thin solid hsl(0, 0%, 20%)!important;
  23. 	       display: initial!important;
  24. 		   height: 13px!important;
  25. 		   max-height: 13px!important;
  26. 		   max-width: 13px!important;
  27. 		   min-height: 13px!important;
  28. 		   min-width: 15px!important;
  29. 		   padding: 0!important;
  30. 		   width: 13px!important;
  31. 		}
  32.                 /*scroll rosso*/
  33. 		::-webkit-scrollbar-thumb {
  34. 		    background: red!important;
  35. 		    background-clip: content-box!important;
  36. 		    border: solid transparent!important;
  37. 		    border-radius: 13px!important;
  38. 		    box-shadow: inset 0 0 0 1px hsl(0, 0%, 42%)!important;
  39. 		}
  40.                 /*scroll diventa viola al passaggio mouse*/
  41.         ::-webkit-scrollbar-thumb:not(:active):hover {
  42. 		    background:violet !important;
  43. 		    background-clip: content-box!important;
  44. 		    box-shadow: inset 0 0 0 1px hsl(0, 0%, 50%)!important;
  45. 		}
  46. 		::-webkit-scrollbar-button {
  47. 		    display: none!important;
  48. 		}
  49. 		::-webkit-scrollbar-button:single-button {
  50. 		    border: thin solid green!important;
  51. 		    display: block!important;
  52. 		    height: 13px!important;
  53. 		    margin: 0!important;
  54. 		    max-height: 13px!important;
  55. 		    max-width: 13px!important;
  56. 		    min-height: 15px!important;
  57. 		    min-width: 13px!important;
  58. 		    width: 13px!important;
  59. 		}
  60. 		::-webkit-scrollbar-button:horizontal:decrement {
  61. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhoaUbP33wAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQoz83SsQ1BARQF0BudsILeBDoxiTns8EtT2OLHBDoVDZFI9BqRo1AQUbxfcet3invzkr8Ihph2AWM02FTBHGtccKiAJbaeuWNXQSevXLH/vOl9cU2SNsktST+JaqcZVjjj2GW9ERbl9d7gAJPffcoD60Zo/GBzO+QAAAAASUVORK5CYII=)!important;
  62. 		    background-size: cover!important;
  63. 		    background-repeat: no-repeat!important;
  64. 		    background-color: green!important;
  65. 		    border-bottom-right-radius: 3px!important;
  66. 		    border-top-right-radius: 3px!important;
  67. 		}
  68.                     /*freccia sinistra orizontale che diventa rossa quando si scorre*/
  69. 		::-webkit-scrollbar-button:horizontal:decrement:active {
  70. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhs56s+37AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAd0lEQVQoz83SsQnCUBQF0AMWFskI2meCdJJJnCM7WGYK13CCdKlikyAIgqVdSJpvIwH/r/Q2r3mHB5fHvyTHIQUUOKGNBUdc8MAQAxp0mDGhj0G3AGa8cP1c2KygCVvswnyG619T4Yw7xpT29qhT2nsnQ/m7N1kACdwUrJ0jQzwAAAAASUVORK5CYII=)!important;
  71. 		    background-color:red !important;
  72. 		}
  73.                        /*freccia destra orizontale che diventa rossa quando si scorre*/
  74. 		::-webkit-scrollbar-button:horizontal:increment:active {
  75. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhUjiS5jGAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAeUlEQVQoz83RsQnCcBTE4Q8UBHWQTGAnTpIZ3COTOEDKEMgEljbaJAQEOwsLm3+aVBLCs9KrHsf9OI7HL7XDZi6wmPBKrNHiGW3qcMcJhyh0RcIbNY4R6IbXCCb0n4HlBJSwGu8LqkhTiwca5NFNZxTIvvnTHlt/oQHnWRWTSdNqYQAAAABJRU5ErkJggg==)!important;
  76. 		    background-color:red !important;
  77. 		}
  78.                       /*freccia in alto verticale che diventa rossa quando si scorre*/
  79.         ::-webkit-scrollbar-button:vertical:decrement:active {
  80. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgo6IB/FRgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQoz+XRoQ2DYBiE4YfUkEDqEfW1TNA5EFUdAM0aTNEpSKqwKAZogkJgmpDUgPkFqFa3py757r1PHP+jEgPqb4ELGizocf0EnHDHO0ALHjhvQ4eNT3BDgSPmcE8RoQ1lOyhHhRgjXpjCtwwdnr864go2lhOp4XYeZgAAAABJRU5ErkJggg==)!important;
  81. 		    background-color:red !important;",
  82. 		}
  83.                        /*freccia in basso verticale che diventa rossa quando si scorre*/
  84.         ::-webkit-scrollbar-button:vertical:increment:active {",
  85. 		   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgUlKo/UfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAaUlEQVQoz+XPsQmDUAAE0NfHFdI7gZ1kEmdI6Q6WTuEUQiZIl8o0CYGAvYUg3+aXitZ6zcFxx91xbOR44oMO78jfqGdLoQQVekwYEPBHictaW4pHNAeMaHDdmlngFUMtbnv/1fjh7iSYAfRHFgTlUa3mAAAAAElFTkSuQmCC)!important;
  86. 		   background-color:red !important;",
  87. 		}
  88. 		::-webkit-scrollbar-button:horizontal:decrement:not(:active):hover {
  89. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhs56s+37AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAd0lEQVQoz83SsQnCUBQF0AMWFskI2meCdJJJnCM7WGYK13CCdKlikyAIgqVdSJpvIwH/r/Q2r3mHB5fHvyTHIQUUOKGNBUdc8MAQAxp0mDGhj0G3AGa8cP1c2KygCVvswnyG619T4Yw7xpT29qhT2nsnQ/m7N1kACdwUrJ0jQzwAAAAASUVORK5CYII=)!important;
  90. 		    background-color: yellow!important;
  91. 		}
  92. 		::-webkit-scrollbar-button:horizontal:increment {
  93. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhMBChSFegAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQoz83QIQoCUQCE4QmCQa9g9wQ28SSeYaN38CQeYlnwBEaLFmVBsBssn0FBEMN7Sf80YX4GJvkZmGFUK+2wwqRGOuOCDRal0sGTOzo0JdIRN2/6z87gm5dk+Mr7JG3J0glXbLGseW+Nac17c4zzFzwANftoDW4riZUAAAAASUVORK5CYII=)!important;
  94. 		    background-size: cover!important;
  95. 		    background-repeat: no-repeat!important;
  96. 		    background-color:green !important;
  97. 		    border-bottom-left-radius: 3px!important;
  98. 		    border-top-left-radius: 3px!important;
  99. 		}
  100.  
  101. 		::-webkit-scrollbar-button:horizontal:increment:not(:active):hover {
  102. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhUjiS5jGAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAeUlEQVQoz83RsQnCcBTE4Q8UBHWQTGAnTpIZ3COTOEDKEMgEljbaJAQEOwsLm3+aVBLCs9KrHsf9OI7HL7XDZi6wmPBKrNHiGW3qcMcJhyh0RcIbNY4R6IbXCCb0n4HlBJSwGu8LqkhTiwca5NFNZxTIvvnTHlt/oQHnWRWTSdNqYQAAAABJRU5ErkJggg==)!important;
  103. 		    background-color: yellow!important;
  104. 		}
  105. 		::-webkit-scrollbar-button:vertical:decrement {
  106. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgonQxmpnwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQoz+XRMUoCAACF4Q/BSa/gHjl1Alu8QwguXcC7eApPIXQJt2iKjhAk+DcoJDjonP/8vulxJ1Wr6rNa3wpm1bZju2p5DUyqTfXTX2/Vw/lucAZGWOAZQ3zjgEe8VuMLhClesMc7vvBxwnM8/ecffwFSoEVS/hyFWgAAAABJRU5ErkJggg==)!important;
  107. 		    background-size: cover!important;
  108. 		    background-repeat: no-repeat!important;
  109. 		    background-color: green!important;
  110. 		    border-bottom-left-radius: 3px!important;
  111. 		    border-bottom-right-radius: 3px!important;
  112. 		}
  113. 		::-webkit-scrollbar-button:vertical:decrement:not(:active):hover {
  114. 		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgo6IB/FRgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQoz+XRoQ2DYBiE4YfUkEDqEfW1TNA5EFUdAM0aTNEpSKqwKAZogkJgmpDUgPkFqFa3py757r1PHP+jEgPqb4ELGizocf0EnHDHO0ALHjhvQ4eNT3BDgSPmcE8RoQ1lOyhHhRgjXpjCtwwdnr864go2lhOp4XYeZgAAAABJRU5ErkJggg==)!important;
  115. 		    background-color:yellow !important;
  116. 		}
  117. 		::-webkit-scrollbar-button:vertical:increment {
  118. 		   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDTUIslAAowAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdUlEQVQoz+XPIQoCUQCE4XnJ4Daz3UuIJ9lsNHoH457CUwhWD+ANBEGzYUG+Da6IsIhZ/zQwDDOT/B7lKTBP0iSZJGl7T5JRkmuSZSnl8JZGhQ0uuOPmwRlrjAdrMcPeixZbTD/uRY1jH9ph8dVRNDhhlT+hA0tUX1KVJjAXAAAAAElFTkSuQmCC)!important;
  119. 	       background-size: cover!important;
  120. 	       background-repeat: no-repeat!important;
  121. 		   background-color:green !important;
  122. 		   border-top-left-radius: 3px!important;
  123. 		   border-top-right-radius: 3px!important;
  124. 		}
  125. 		::-webkit-scrollbar-button:vertical:increment:not(:active):hover {
  126. 		   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgUlKo/UfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAaUlEQVQoz+XPsQmDUAAE0NfHFdI7gZ1kEmdI6Q6WTuEUQiZIl8o0CYGAvYUg3+aXitZ6zcFxx91xbOR44oMO78jfqGdLoQQVekwYEPBHictaW4pHNAeMaHDdmlngFUMtbnv/1fjh7iSYAfRHFgTlUa3mAAAAAElFTkSuQmCC)!important;
  127. 	       background-color: yellow!important;
  128. 		}
  129. 		::-webkit-scrollbar-corner {
  130. 		   background: #FFFF00!important;
  131. 	       border: 0!important;
  132. 		}
  133.  
  134. 		::-webkit-scrollbar-thumb:active {",
  135. 		    background: !important;",
  136. 		    background-clip: content-box!important;",
  137. 		    box-shadow: inset 0 0 0 1px hsl(0, 0%, 58%)!important;",
  138. 		    transition: none!important;",
  139. 		}
  140. 		::-webkit-scrollbar-thumb:horizontal {
  141. 		   border-width: 2px 0!important;
  142. 		}
  143. 		::-webkit-scrollbar:disabled,
  144. 		::-webkit-scrollbar-thumb:vertical {
  145. 		    border-width: 0 2px!important;
  146. 		}
  147. 		::-webkit-scrollbar:disabled,
  148. 		::-webkit-scrollbar-button:single-button:disabled,
  149. 		::-webkit-scrollbar-track,
  150. 		::-webkit-scrollbar-track-piece {
  151. 		    visibility: hidden!important;
  152. 		}
  153. 		/* 110% zoom*/
  154. 		@media (min-resolution: 1.1dppx) {
  155. 		::-webkit-scrollbar, ::-webkit-scrollbar-button:single-button {
  156. 		    height: 12px!important;
  157. 		    max-height: 12px!important;
  158. 		    max-width: 12px!important;
  159. 		    min-height: 12px!important;
  160. 		    min-width: 12px!important;
  161. 		    width: 12px!important;
  162. 		}
  163. 		::-webkit-scrollbar:disabled,
  164. 		::-webkit-scrollbar-thumb:vertical {
  165. 		    border-width: 0 1.818px!important;
  166. 		}
  167. 		::-webkit-scrollbar-thumb:horizontal {
  168. 		   border-width: 1.818px 0!important;
  169. 		}
  170. 		.CodeMirror-hscrollbar {
  171. 		    height: 12px!important;
  172. 		    max-height: 12px!important;
  173. 		    min-height: 12px!important;
  174. 		}
  175. 		.CodeMirror-hscrollbar[style*=\"display: block;\"] {
  176. 		    right: 12px!important;
  177. 		}
  178. 		.CodeMirror-vscrollbar {
  179. 		    max-width: 12px!important;
  180. 		    min-width: 12px!important;
  181. 		    width: 12px!important;
  182. 		}
  183. 		.CodeMirror-vscrollbar[style*=\"margin-bottom: 0px;\"] {
  184. 		    bottom: 12px!important;
  185. 		}
  186. 		}
  187. 		/* 125% zoom*/
  188. 		@media (min-resolution: 1.25dppx) {",
  189. 		::-webkit-scrollbar, ::-webkit-scrollbar-button:single-button {
  190. 		    height: 11px!important;
  191. 		    max-height: 11px!important;
  192. 		    max-width: 11px!important;
  193. 		    min-height: 11px!important;
  194. 		    min-width: 11px!important;
  195. 		    width: 11px!important;
  196. 		}
  197. 		::-webkit-scrollbar:disabled,
  198. 		::-webkit-scrollbar-thumb:vertical {
  199. 		    border-width: 0 1.6px!important;
  200. 		}
  201. 		::-webkit-scrollbar-thumb:horizontal {
  202. 		    border-width: 1.6px 0!important;
  203. 		}
  204. 		.CodeMirror-hscrollbar {
  205. 		    height: 11px!important;
  206. 		    max-height: 11px!important;
  207. 		    min-height: 11px!important;
  208. 		}
  209. 		.CodeMirror-hscrollbar[style*=\"display: block;\"] {
  210. 		    right: 11px!important;
  211. 		}
  212. 		.CodeMirror-vscrollbar {
  213. 		    max-width: 11px!important;
  214. 		    min-width: 11px!important;
  215. 		    width: 11px!important;
  216. 		}
  217. 	   .CodeMirror-vscrollbar[style*=\"margin-bottom: 0px;\"] {
  218. 		   bottom: 11px!important;
  219. 		}
  220. 		}
  221. 		/* 150% zoom*/
  222. 		@media (min-resolution: 1.5dppx) {
  223. 		::-webkit-scrollbar, ::-webkit-scrollbar-button:single-button {
  224. 		    height: 9px!important;
  225. 		    max-height: 9px!important;
  226. 		    max-width: 9px!important;
  227. 		    min-height: 9px!important;
  228. 		    min-width: 9px!important;
  229. 		    width: 9px!important;
  230. 		}
  231. 		::-webkit-scrollbar:disabled,
  232. 		::-webkit-scrollbar-thumb:vertical {
  233. 		    border-width: 0 1.333px!important;
  234. 		}
  235. 		::-webkit-scrollbar-thumb:horizontal {
  236. 		    border-width: 1.333px 0!important;
  237. 		}
  238. 		.CodeMirror-hscrollbar {
  239. 		    height: 9px!important;
  240. 		    max-height: 9px!important;
  241. 		    min-height: 9px!important;
  242. 		}
  243. 		.CodeMirror-hscrollbar[style*=\"display: block;\"] {
  244. 		    right: 9px!important;
  245. 		}
  246. 		.CodeMirror-vscrollbar {
  247.    		   max-width: 9px!important;
  248. 		   min-width: 9px!important;
  249. 		   width: 9px!important;
  250.        	}
  251. 		.CodeMirror-vscrollbar[style*=\"margin-bottom: 0px;\"] {
  252. 		    bottom: 9px!important;
  253. 		}
  254. 		}
  255.  
  256. `);