Custom CSS stylesheets

[kvasir]

There is something called Stylebot which is a browser extension which allows overriding the CSS stylesheet of any webpage. I guess there are many other similar extensions.

I have been using the following stylesheet to make the forum more easily readable. It is a bit silly and it probably works best for myself, but it really helps with readability to change the fonts.

@import url(https://fonts.googleapis.com/css2?family=Droid+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

body {
font-size: 11px;
background-color: #ffef8533;
}

.postbody {
font-size: 16px;
line-height: 26px;
font-family: 'Segoe UI';
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}

.titles {
font-family: Helvetica;
font-size: 36px;
font-weight: 500;
font-style: normal;
text-transform: none;
}

#pagecontent .gensmall {
font-family: Helvetica;
font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;
}

.gensmall{
font-family: Helvetica;
font-size: 14px;
}

.postauthor {
font-family: Helvetica;
font-size: 18px;
font-weight: 500;
font-style: normal;
}

.postdetails {
font-size: 12px;
font-family: Droid Sans;
line-height: 14px;
}

.quotetitle {
font-size: 14px;
}

.quotecontent {
font-family: inherit;
}

#wrapcentre {
max-width: 1200px;
margin-left: 90px;
margin-right: 120px;
text-align: left;
}

#pagecontent {
margin: auto;
}

.row1,.row2 {
background-color: #f3f3f3;
}

textarea {
font-size: 14px;
line-height: 24px;
font-family: Fragment+Mono;
}

.forumlink {
font-family: Helvetica;
font-size: 24px;
font-weight: 500;
font-style: normal;
}

.forumdesc {
font-family: Helvetica;
font-size: 18px;
}

.topictitle {
font-family: Helvetica;
font-size: 18px;
font-weight: 500;
font-style: normal;
}

#logodesc {
background-image: url("./styles/subsilver2/imageset/site_logo.gif");
margin: 0;
padding: 0;
}

#logodesc * {
visibility: hidden;
}

I wonder if anyone has a better stylesheet.