So this the custom CSS I'm using on the site. I'm using the Stylish Extension for Firefox to apply it to the page. On both the topic list and the individual thread page, I'm finding it increases information density by about 50%. So I can see 15 threads on the topic list vs 10, and an extra post or two on the individual thread. It does feel a lot more cramped, since I've cut out most the whitespace and shrunk down all the avatar stuff. I've got zero interest in supporting this or helping people out who don't understand CSS, but for those who might care, here is the style sheet.
@namespace url(
http://www.w3.org/1999/xhtml);
@-moz-document domain("rutgers.forums.rivals.com") {
.message .messageContent {
padding: 4px;
min-height: 35px;
}
.messageList .message {
margin: 4px auto;
padding: 4px;
border: 1px solid #000000;
border-radius: 12px;
}
.messageUserBlock div.avatarHolder {
padding: 2px;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.userBanner {
background-image: none;
padding-top: 0px;
padding-bottom: 0px;
box-shadow: none;
}
.message .messageMeta {
font-size: 9px;
padding-top: 0px;
padding-bottom: 0px;
}
.message .messageDetails {
font-size: 9px;
padding-top: 0px;
padding-bottom: 0px;
}
.messageUserBlock .extraUserInfo {
font-size: 9px;
padding: 0px 4px;
}
.messageUserBlock a.username {
color: #131313;
text-align: center
}
.messageUserBlock .userTitle {
text-align: center
}
.messageUserBlock h3.userText {
padding: 2px;
}
.discussionListItem {
padding: 2px;
}
.discussionListItem .lastPostInfo .username {
font-size: 8pt;
}
.discussionListItem .stats .major {
font-size: 10pt;
line-height: 14px;
}
.discussionListItem .posterAvatar .avatar {
padding: 2px;
}
.discussionListItem .posterAvatar .avatar img {
width: 30px;
height: 30px;
}
.discussionListItem .posterAvatar .miniMe img {
padding: 1px;
width: 20px;
height: 20px;
}
.discussionListItem .posterAvatar .miniMe {
position: absolute;
left: 20px;
width: 20px;
height: 20px;
bottom: -1px;
padding: 0px;
}
.discussionListItem .lastPostInfo .dateTime {
font-size: 11px;
}
.discussionListItem .secondRow {
padding-left: 22px;
}
}