Tighten up the forums - css anyone can use

Racer1Racer1 Join Date: 2002-11-22 Member: 9615Members
edited September 2013 in Web Site Feedback
Below is an updated Stylish css stylesheet for the new forum that compacts the forum and thread views a bit. If you don't have it, install the Stylish extension, add the script below, and enable it to see what happens. I use Chrome and Firefox, but it should work in other browsers as well. Note: This isn't yet perfect, but it works.

Apply this stylish style to forums.unknownworlds.com
.Item-Body .Message { /* Message section */
min-height: 0px !important;
}
.Item-Body { /* Message section */
padding: 3px !important;
}
.AuthorWrap { /* Profile section */
min-height: 0px !important;
padding: 5px 5px !important;
float: no !important;
}
.PhotoWrap { /* Profile photo wrapper */
margin-top: 0px !important;
margin-left: 3px !important;
}
.ProfilePhotoMedium { /* Profile photo */
width: 32px !important;
height: 32px !important;
padding-left: 8.5em !important;
}
.ProfilePhoto { /* Profile photo */
padding-left: 0px !important;
}
.Author { /* Hide profile photo frame */
height: 0px !important;
}
.Author a { /* Author name */
font-size: 8pt !important;
height: 8pt !important;
line-height: 8pt !important;
padding-bottom: 1px !important;
}
.Comment { /** Separator between comments */
border-top: 1px solid #CCC !important;
}
.Message { /* Message/comment section */
margin-bottom: 0px !important;
}
.DataTable td { /* Tighten forum view */
padding: 1px !important;
padding-bottom: 2px !important;
}
.RecordReactions { /* Agree/Disagree icons */
position: static !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 1px !important;
}
.AuthorInfo .MItem { /* User info rows */
font-size: 6pt !important;
height: auto !important;
line-height: 5pt !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
border-top-width: 0px !important;
}
.Author:before { /* Special icons position */
position: static !important;
display: block !important;
float: right !important;
margin-top: 8pt !important;
}
.Signature, .PostEdited { /* Sig & edited messages */
margin-top: 4px !important;
margin-bottom: 0px !important;
max-height: 4em !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
font-size: 6pt !important;
line-height: 6pt !important;
}
.CommentInfo, .DiscussionMeta { /* Comment header */
font-size: 8pt !important;
line-height: 8pt !important;
}
.Reactions { /* Comment option */
top: 2px !important;
}
.PageControls #PagerBefore { /* Forum nav menu */
position: absolute !important;
top: -25px !important;
right: 10px !important;
}
.PageControls { /* Forum nav menu */
min-height: 0px !important;
height: 0px !important;
max-height: 0px !important;
}
.NavBar *, .CasualMessage, .PageTitle * { /* Top headers */
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
}
#PagerBefore > * {
margin-top: 10px !important;
margin-bottom: 0px !important;
}
#PagerAfter > * { /* Page nav menu */
height: 12pt !important;
min-height: 12pt !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.PagerWrap {
margin-top: 0px !important;
}
#PagerAfter a { /* Page nav menu */
height: 10px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.Attachments * { /* Attachments */
max-height: 3em !important;
}
.FileMeta { /* Attachments tooltip */
background-color: black !important;
}
.UserQuote { /* Quoted text */
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.SignInOrRegister { /* Footer sign-in */
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.NS2Logo { /* Page header image */
height: 50px !important;
}
.SiteMenu { /* Site nav menu */
zoom: 60% !important;
width: 300px !important;
margin-left: 13em !important;
margin-top: 50px !important;
}
.SignInBox, .UWELogo { /* Header logo */
top: 0px !important;
}
/* Highlight reactions differently */
.RecordReactions .ReactDisagree {
border: 1px dashed #F00;
}
.RecordReactions .ReactAgree {
border: 1px dashed #0F0;
}
.RecordReactions .ReactAwesome {
border: 1px dashed yellow;
}

Comments

Sign In or Register to comment.