There is an extension for Chrome desktop called Stylebot (I think it's available for Firefox too) which allows you to overwrite a sites CSS styling with your own. This allows us move the user info panel from right to left like so...
I've also made the username text a little bigger and a few other small tweaks.
Anyway, if anyone wants to use it the CSS for Stylebot is...
Code: Select all
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* SITE WIDTH - set your personal preference */
.wrap {
max-width: 1400px;
}
h1, h2, h3, .content {
font-family: "Ubuntu";
}
.notice dd {
font-style: italic;
}
.postprofile {
float:left;
border-width: 0 0 0 0;
margin: 5px 0 10px 0;
width:195px
}
.postprofile .username, .postprofile .username-coloured {
font-size:150%;
}
.postbody {
border: solid white;
border-width: 0 0 0 1px;
padding-left: 10px;
}
.online {
background-position: 147px 0;
}
.notice dd {
font-style: italic;
font-size:110%;
}
.notice dd:before {
content: "Thanks: ";
font-weight: bold;
}
.notice dt {
display: none;
}