[Turtle91]

Originally Posted by philja

It doesn't look like CSS files can be attached so here's a link to Dropbox:

https://www.dropbox.com/scl/fi/r2ij8...=yl4wlwl1&dl=1

You can just post the text and people can copy/paste...like this:

Spoiler:

/* to make correct display in error box */
 html parsererror h3, html parsererror div {white-space: normal;}

/* to change appearance of Preview scroll bar */

::-webkit-scrollbar {
  width: 20px;
  height: 13px;                 /* irrelevant ?  */
  background: #d8d6df;
}

/* button is the bit at top and bottom of the scrollbar */

::-webkit-scrollbar-button {
  background: #ff0000;
  border: 1px solid #595959;
  border-radius: 0px;
}

/* thumb is the handle */

::-webkit-scrollbar-thumb {
  background: #0ea0f2;
  border: 1px solid #595959;
  border-radius: 0px;
}

/*
::-webkit-scrollbar-thumb:hover {
  background: #444444;
}
::-webkit-scrollbar-thumb:active {
  background: #444444;
}                                           */
::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}
::-webkit-scrollbar-track {
  background: #d8d6df;
  border: 1px solid #595959;
  border-radius: 0px;
  margin: 1px;
}
/* don't need this'
::-webkit-scrollbar-track:hover {
  background: #3D3D3D;
}
::-webkit-scrollbar-track:active {
  background: #3D3D3D;
}                                           */
::-webkit-scrollbar-corner {
  background: #3D3D3D;
}

::-webkit-scrollbar-button:vertical:start {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABCSURBVChTY/z//z8DsYAJShMFMBTv2rWrCYShXBSAohiqqBaEsWmAK0ZSCAMYGpgYGRmxKQQDoOfhGkDqaBUaDAwAmVwheiQIB8AAAAAASUVORK5CYII=);
}

::-webkit-scrollbar-button:vertical:end {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABSSURBVChTY/z//z8DsYAJShMFGEHEzp07m4BULYiNDEC2MjIyNru5udUBaQa4M3bt2oVNA1ghlI1wBlSwGcIDAxSFIIDhQagNMM0ogFahwcAAAC+1IKa195opAAAAAElFTkSuQmCC);
}
/*
::-webkit-scrollbar-button:horizontal:start {
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABcSURBVChTbZBREoAgCEShw3Gr+qhTweWoTTEl3owC7o4DsLtThpkp3rf3Tqjq2dO/wcwg7q1KhiyCYahEUPYwMwwicjzhatXH8kOYltFR5IMxIy8XNVM2iU02iG5N7zN/ITcAMQAAAABJRU5ErkJggg==);
}

::-webkit-scrollbar-button:horizontal:end {
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABbSURBVChTdZDRDYAwCAXB4dhKP+xUZbnqMxRB6iWEl3AJAR5jEGBmmjmyWafe+2kx4cLNrqpFigIo0lcASVoJiZXQROSw/Ap2Yho+YIDCmTPH8kf94SvwyQrRBYLnM399pEngAAAAAElFTkSuQmCC);
}
*/
::-webkit-scrollbar {display: block;}