Board Thread:General Discussion/@comment-5377726-20171105050923/@comment-5454372-20171105070630

First off, the CSS that Wikitubia is using to skin its scrollbar like that only seems to work for Chrome and Safari -- it's not working for Firefox or Microsoft Edge as far as I can tell, which might require JavaScript instead to achieve a similar effect.

The CSS that Wikitubia for its scrollbar is using seems to be the following:


 * -webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }


 * -webkit-scrollbar {

width: 10px; background-color: #F5F5F5; }


 * -webkit-scrollbar-thumb {

background-color: #ff0000; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent)); }

Putting that into MediaWiki:Common.css should get you the same colours and styles -- you can tweak them to your liking by modifying the hex and rgba values throughout the code, though I have to stress again that this won't work across every single browser since some don't have selectors for the scrollbar.