ProSilver - CSS hack for xkcd fora

A place to discuss the implementation and style of computer programs.

Moderators: phlip, Moderators General, Prelates

User avatar
umbrae
Posts: 336
Joined: Sat Sep 09, 2006 2:44 pm UTC
Contact:

ProSilver - CSS hack for xkcd fora

Postby umbrae » Tue Oct 02, 2007 12:57 am UTC

Wasn't sure where to put this (mods, feel free to move)...

I like the ProSilver theme for phpBB3, but I didn't like the way avatars were on the right - so I just whipped up this little bit of CSS to stick em on the left. Thought others might be interested.

To install this, you gotta be using firefox, and use the stylish extension, which you can get here: https://addons.mozilla.org/en-US/firefox/addon/2108

In sum, install the extension, click on the little paper on the bottom right after restart, and write a blank style. Save this:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://forums.xkcd.com/viewtopic.php"), url-prefix("http://fora.xkcd.com/viewtopic.php") {

ul.profile-icons {
   margin-right: 45px !important;
}

.postprofile {
   border-left-width: 0px !important;
   border-right: 1px solid #FFFFFF !important;
   float: left !important;
}

.postbody {
   float: right !important;
}

}


Feel free to add onto this. Specifically, I'm not happy with the quote/edit buttons on each post, but the 'online' banner gets in the way. Just wasn't worth more than 10 minutes to me.

User avatar
b.i.o
Green is the loneliest number
Posts: 2519
Joined: Fri Jul 27, 2007 4:38 pm UTC
Location: Hong Kong

Re: ProSilver - CSS hack for xkcd fora

Postby b.i.o » Tue Oct 02, 2007 2:03 pm UTC

Excellent, thank you :D


Return to “Coding”

Who is online

Users browsing this forum: No registered users and 6 guests