This is a redesign of this forum that you can use on firefox with the stylish](https://addons.mozilla.org/en-US/firefox/addon/2108/) plugin. I’ve been using stylish for years. It is safe and stable.
What this style does:
- fix nicknames left shifted (I hope so)
- suppress the right sidebar
- set a more approriate column width in forum pages
- get rid of the grey gradient
- increase font size to 14px on the home page
- reduce icon size to 32x32 on homepage
- customize colors
- replace the ugly icons
Feel free to take what you like from this style by commenting out what you don’t want (using CSS comments /* … */ ), set the font size according to your eyes and replace the colors according to your tastes - like pink, yellow purple … and post the result here. lol! … and let’s hope the forum designer(s) won’t change the CSS next week (as the style won’t work then).
I don’t post the whole style here, as it has some icons encoded in base64. This is uninteresting and too long. But you can see the entire code on userstyles.com: openSUSE forum redesigned. You’ll also use this link to install it. Once it is installed in stylish, you can enable/disable it any time.
The styles are stored in a single sqlite file in your firefox profile: stylish.sqlite. Stylish puts its stuff in ~/.mozilla/firefox/<profile>/extensions/{46551EC9-40F0-4e47-8E18-8E5CF550CFB8}
Here’s the CSS code (except for the icons):
/* openSUSE Forum - redesigned (readable again) */
/* by Agnelo de la Crotche - 03.01.2011 - http://www.unixversal.com */
/* - fix nicknames left shifted */
/* - suppress the right sidebar */
/* - set a more approriate column width in forum pages */
/* - get rid of grey gradient */
/* - increase font size to 14 px on the home page */
/* - reduce icon size to 32x32 on homepage */
/* - customize some colors */
/* - replace the ugly icons */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(forums.opensuse.org) {
* { -moz-appearance: none !important; }
/* **** FIX NICKNAMES LEFT SHIFTED BUG ***************************** */
.username_container * { left: 0px !important }
/* ***************************************************************** */
/* ************** SIDEBAR *************************************** */
/* removing right sidebar */
#sidebar_container { display: none !important; }
#content_container, #content { margin-right: 0px !important; }
/* ***************************************************************** */
/* ************** COLUMN WIDTH ********************************** */
/* Changing column width in forums */
.threadlisthead span.threadinfo {width: 70% !important}
.threadlisthead span.threadstats {width: 10% !important}
.threadlisthead span.threadlastpost {width: 10% !important}
.threadbit .threadinfo {width: 70% !important}
.threadbit .threadstats {width: 10% !important}
.threadbit .threadlastpost, .threadbit .threaddeleted {width: 10% !important}
/* ***************************************************************** */
/* ************** FONT SIZE ************************************* */
/* increasing fontsize on homepage (14px) */
.forumbit_nopost * {font-size: 14px !important;}
/* ***************************************************************** */
/* ************** ICON SIZE ************************************* */
/* reducing icon size on homepage (32x32) */
.forumicon { width: 32px !important }
/* ***************************************************************** */
/* ************** REMOVE GREY GRADIENT *************************** */
/* and set white background to forum headers */
.forumdata, .forumrow {background: transparent !important}
.forumrow {background-color: #ffffff !important}
.threadbit .threadinfo, .threadbit .threadstats, .threadbit .threadlastpost,
.threadbit .sticky, .threadbit .nonsticky {
background: transparent !important; background-color: #ffffff !important}
/* ************** MISC COLORS ************************************ */
/* Changing some colors for fun */
html {background-color: #e6ffe6 !important}
.body_wrapper {background-color: #e6ffe6 !important}
.forumhead {background-color: #123a17 !important}
.forumhead h2 span {color: #daf0dc !important}
.subforumdescription {background-color: #DEEBBB !important}
.threadlisthead {background-color: #87B987 !important}
.thread_controls {background-color: #BAD695!important}
.postbit {background-color: #ABDE67 !important }
.posthead {background-color: #D0DEBC !important}
.postfoot * {background-color: #D0DEBC !important}
.bbcode_code {background-color: #FFFDBB !important}
.bbcode_quote {background-color: #E4FF9F !important}
/* info box title bars */
.wgo_block h2 span {background-color: #1F4921 !important}
.forum_info .optiontitle {background-color: #1F4921 !important}
.thread_info .optiontitle {background-color: #1F4921 !important}
/* links colors */
.forumhead .forumtitle a {color: #80ff01 !important}
.forumhead .forumtitle a:hover {color: #ffffff !important}
a.title { color: #29509D !important}
a.title:visited { color: #466195 !important; font-weight: normal !important}
a.title:hover { color: #464a95 !important}
.threadlisthead a, h2.searchlisthead a {color: #000000 !important}
.threadlisthead a:hover, h2.searchlisthead a:hover {color: #000340 !important}
/* ***************************************************************** */
}
You might also use only the part above - withouth the icons.
Some screenshots:
http://img545.imageshack.us/img545/4712/opensuseforum1.th.png](http://img545.imageshack.us/img545/4712/opensuseforum1.png)…http://img508.imageshack.us/img508/4079/opensuseforum2.th.png](http://img508.imageshack.us/img508/4079/opensuseforum2.png)
If you don’t like the green, just change the RRGGBB values in the color section or comment out this section. I didn’t spend too much time choosing colors.
