Key highlights... Install the Stylish extension for Chrome and set the URL to app.roll20.net/forum. It may work with other extensions or addons as well, but has not been tested. Square avatars! Mostly... I rounded the corners a little. Width limited to max 800px for easier reading. Uses muted shades of grey... though only like two or three. Not fifty. Reduced line height for a more compact feel. Reduced font size... again for a more compact feel. Minimized margins for a variety of sections to again, compact the forums and reduce white space. Reduced size on the post controls (quote, edit, etc.) as well as moving them all to one line. Updated: Added background-color change to the new breadcrumbs. Updated: Removed bold weight on forum name beneath thread title. Just a word of warning... this is very rough and probably has a lot of issues I haven't come across yet, but it's a good starting point for making your own style for the forums. body {
line-height: 1.4em;
font-size: 14px;
background: #444;
}
blockquote {
font-size: 14px;
}
.row {
width: 800px;
}
.topbar {
font-size: 10px;
}
.topbar .menu-hider {
background-color: #EEE;
}
.container, .container .topbar {
max-width: 800px;
background-color: #EEE;
}
.btn-default, .btn-default:hover, .btn-default:active, .dropdown-toggle {
background-color: #EEE;
}
.btn-primary {
border: 1px solid #333;
background-color: #004;
margin: 0px 0px 0px 10px!important;
}
.row .desktopmenu {
background-color: #EEE;
}
.topbar .btn-row { height: 35px; }
.shorthr {
display: none;
}
.postcontent {
background-color: #EEE!important;
}
.pagination>li>a, .pagination>li>a:active {
border-color: #000;
background-color: #888;
color: #EEE;
}
.pagination>li>a:hover, .pagination>li>a:focus {
border-color: #000;
background-color: #666;
color: #EEE;
}
.pagination>li.active>a, .pagination>li.active>span, .pagination>li.active>a:hover {
border-color: #000;
background-color: #CCC;
}
.topbar .drop+div.full .listing {
display: none;
}
.circleavatar {
border-radius: 5px;
border: 1px solid #000;
margin-top: 10px;
}
.postlisting .meta {
color: #555;
}
.forum a {
color: #444;
font-size: 14px;
font-weight: bold;
}
.posttitle {
font-size: 24px;
}
.clear {
height: 0px!important;
}
.redactor_box {
clear: both;
}
.redactor_editor {
clear: both;
background-color: #EEE!important;
min-height: 55px;
border: none!important;
}
.posts .meta .controls>a {
float: left;
font-weight: normal;
font-size: 11px;
}
.post {
clear: both;
border-top: 1px solid #CCC;
margin-top: 20px;
padding-top: 5px;
}
.postlistings {
margin-top: 20px;
}
.postlisting .meta a {
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
background-color: #EEE!important;
margin: 10px 0px;
}
.pull-right {
margin: 0px!important;
height: 70px;
}
.breadcrumb {
background-color: #EEE;
border: none!important;
}
.dropdown-menu {
width: auto;
}
