Reformatting SomethingAwful forums

I’ve just found the Stylish extension for Firefox, which is to CSS what Greasemonkey is to JavaScript, or something. It lets you define CSS snippets for pages. Admitted what can be done with this can be done by hacking up your userContent.css file but this makes it so much easier.

Go see userstyles.org for an index of snippets you can download. Meanwhile, I present my own one for the SomethingAwful forums. It does the following:

• Highlights the thread row under the mouse on a forum page
• Moves the “somenick fucked around with this page” text off to the right and makes it less intrusive
• Moves the paginator from the bottom of the page to be hovering bottom right at all times; semi-transparent mostly but opaque when moused over. This works on both forum views and reading a thread.
• Hides the post buttons (edit/quote/report) except for the post your mouse is over.

BEHOLD!

To install, create a new blank style in Stylish and dump this into it:

@namespace url(http://www.w3.org/1999/xhtml);
 
@-moz-document domain("forums.somethingawful.com") {
 
	tr.thread:hover td {
		background-color: #fff7df !important;
	}
 
	.postbody .mainbodytextsmall {
		text-align: right !important;
		color: #555;
	}
 
	div[class="pages bottom"] {
		position: fixed;
		top: auto;
		left: auto;
		right: 5px;
		bottom: 0;
		background-color: #fff7df;
		border: 1px solid black;
		padding: 3px;
		font-size: 12px;
		-moz-opacity: .50;
	}
 
	div[class="pages bottom"]:hover {
		-moz-opacity: 1;
	}
 
	table[class~="post"] .postbuttons {
		-moz-opacity: 0.2;
	}
 
	table[class~="post"]:hover .postbuttons {
		-moz-opacity: 1;
	}
 
}