PDA

View Full Version : Awful Forum Colors.



T-6005
10-07-2010, 09:58 PM
Seriously, at first it started out alright. Acceptable, even - some larger fonts where there weren't any before, slightly different shades of grey and red. I didn't mind. Then a quick tightening around the edges - community instead of forums, as forums replaced bbs dot before it.

But this new one, with the MS Paint grey and reduced-to-black topic trees and buttons, paired with the at-least-it-wasn't-designed-by-a-fifth-grader rough Offspring background makes my eyes hurt.

Please don't make my eyes hurt.

WebDudette
10-07-2010, 10:15 PM
I really don't like the post reply/quote buttons. The like huge dark red and black buttons don't fit at all. I also don't like the new grey or the new post offspring skull things when you're looking at the different forums. Yeah, looking at a whole list of threads, the grey is even worse.

wheelchairman
10-07-2010, 10:23 PM
This is not nearly as offensive as it was 12 hours ago. (http://offspring.com/community/showthread.php?t=42792)

Unfortunately I didn't take a screenshot, so you'll have to trust my description of 'fleshy-pink-whatever on black'.

T-6005
10-07-2010, 10:25 PM
Well, perhaps it's not eye-ruiningly painful, but it's certainly bad enough.

I feel like an old person, resisting the color change.

wheelchairman
10-07-2010, 10:31 PM
Well according to randman it should be changing again as they're taking suggestions or something.

But yeah I know what you mean. I don't like change, and I don't like things that are different.

T-6005
10-07-2010, 10:36 PM
The horror of saying "I was on the red boards."

Harleyquiiinn
10-07-2010, 10:54 PM
This hurts. It's not that it's ugly, but it's too bright... at least a little darker sahde of grey would better...

This looks like 2001.

WebDudette
10-07-2010, 10:55 PM
Yeah, I was on earlier when they had a different color every 10 minutes, a lot of those were really, really bad. I figured they were just cycling through them though.

Outerspaceman21
10-08-2010, 12:45 AM
This new color really isn't bothering me. I guess they are trying to find something that will contrast the background well.

Mary 13
10-08-2010, 12:50 AM
n0 m0re s0lid c0l0rs? h0w ab0ut s0me ne0n c0l0rs! greenish to pinkish aka rainb0w brighte;) :rolleyes:

Llamas
10-08-2010, 01:17 AM
The grey is awful. It's too plain and too light. It clashes so badly with the background and with the reply/quote buttons. I'm all for changing the colors, but they should put more effort into making nice colors instead of plain, "MS paint grey", as someone described it. And I prefer white text on a darker background than black text on a light background.

Harleyquiiinn
10-08-2010, 01:53 AM
Aw, lamas, you're going to hurt the feelings of the intern who took care of that :(

disclaimer_07
10-08-2010, 01:56 AM
I agree, this looks so terrible... I think just a couple hours ago the forums were all black (or dark grey), they should've kept it that way. Anyway, they'd better stop playing around with the colors and do something about the misplaced menus and messed up profile pages.

JohnnyNemesis
10-08-2010, 05:26 AM
I like this grey.

dexterone
10-08-2010, 05:59 AM
everything is better than that old red color...

Free?
10-08-2010, 01:44 PM
I think we all can agree that whoever changes the boards' looks is no Christian Bale.
Even though I'm okay with grey, I find that it just doesn't fit the whole website color scheme, but I can live with that.

Dear administrator, you might ask (hire) Tijs to fix the bbs, I'm sure he'll be able to get everything work. ;)

I like, however, the http://offspring.com/community/images/buttons/newthread.gif button

dexter12296566
10-08-2010, 01:47 PM
the new one was alright... similar but i dont like this one... i think they shouldnt have changed the site in the first place....

My Name Was Taken
10-08-2010, 02:05 PM
Easy on the eyes? GRAY IS FUCKING PAINFUL! Especially when paired with lime green...

Rag Doll
10-08-2010, 03:58 PM
I actually don't mind this at all. *shrug*

Harleyquiiinn
10-08-2010, 04:32 PM
Easy on the eyes? GRAY IS FUCKING PAINFUL! Especially when paired with lime green...

no... lime green is painful.

That shade of grey is way better than the one this morning.

My Name Was Taken
10-08-2010, 06:58 PM
I agree, this looks so terrible... I think just a couple hours ago the forums were all black (or dark grey), they should've kept it that way. Anyway, they'd better stop playing around with the colors and do something about the misplaced menus and messed up profile pages.

oh sad... you can barely see your signature!

Paint_It_Black
10-09-2010, 08:28 AM
I really, really liked the way this place used to look. I am resistant to change because I'm a grumpy old man but that's not the reason I dislike this particular change. I always found the old style particularly eye pleasing and easy to read. More than any other forum I've ever seen. And now it sucks like every other forum I've ever seen. It's not the worst, but it used to be the best.

Why do people decide to fix things that aren't broken? I was just reading about the redesigned logo for The Gap before I came here and saw this atrocity. What makes people wake up one day and decide to pointlessly change things? I don't get it.

Edit: The board is laggy as hell when I try to scroll now too. Whyyyyyyyyyyy? It's like the software updates we just got at work that turned our flawed but usable system into an unstable nightmare. Change is bad. BAD!

The Talking Pie
10-09-2010, 10:44 AM
I'd rather they fix the JavaScript/positioning problems than fucking with the colours.

I mean, really; fixing the actual problems require so little time. It actually baffles me how such a simple JS/CSS problem can be first missed and then ignored.

Blitz!
10-09-2010, 12:07 PM
On my arrival today, I'll confess that I had a WTF moment at the colour scheme but it has grown on me.


Anyway, they'd better stop playing around with the colors and do something about the misplaced menus and messed up profile pages.

+1

SuperKnux
10-09-2010, 12:21 PM
I'm just going to go ahead and state that I also do not like the grey. It's terrible.

Lord_Gabo
10-09-2010, 03:32 PM
with the new color , icons that appear in the main forum page seems are displayed wrong

Tijs
10-10-2010, 02:22 PM
I've overwritten the forum's CSS by my own, so for me it looks like this now:


http://i54.tinypic.com/x1k7ra.jpg (http://i51.tinypic.com/2dagj2p.jpg)

ThunderPX
10-10-2010, 03:45 PM
What's with the blurring? Is even the sight of buttons leading to mod functions too awesome for our fragile minds? :P

That reminds me, I just noticed the dropdown boxes at the top of a thread ("Thread tools," "Search this thread," etc.) don't work.

The Talking Pie
10-10-2010, 03:55 PM
Yes.

Tijs, that is awesome.

Little_Miss_1565
10-10-2010, 04:04 PM
Tijs, hook a bitch up? That shit is awesome.

Tijs
10-10-2010, 05:24 PM
I've also more-or-less fixed the popup when you click on a username:


http://i56.tinypic.com/sb31xw.jpg

and the profile pages:


http://i56.tinypic.com/fo0i8l.jpg


Tijs, hook a bitch up? That shit is awesome.

I use the Stylish add-on for Firefox, but it's also available for Chrome (see my reply (http://www.offspring.com/community/showthread.php?p=1418732#post1418732) to Free? below to get it to work) and IE I think. So if you install that and enter the following style (Write New Style) it should look like on mine, though I haven't tested in other browsers or resolutions.


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://offspring.com/community/), url-prefix(http://www.offspring.com/community/) {
body {color:#D1D1D1 !important;font-size:14px !important;padding:0px !important;}

hr {border:0 !important;border-top:1px !important;border-style:dashed !important;color:#D1D1D1 !important;}
a:link, body_alink {color:#CD2626 !important;text-decoration:none !important;}
a:visited, body_avisited {color:#CD2626 !important;text-decoration:none !important;}
a:hover, a:active, body_ahover {color:#CD2626 !important;text-decoration:none !important;}
.page {background:transparent !important;color:#D1D1D1 !important;position:relative !important;}
td, th, p, li {font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;position:relative !important;}
.tborder {background:url(http://c0000636.cdn2.cloudfiles.rackspacecloud.com/blacknav.png) !important;color:#D1D1D1 !important;}
.tcat {background:transparent !important;color:#D1D1D1 !important;font:bold 13pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;position:relative !important;}
.tcat a:link, .tcat_alink {color:#D1D1D1 !important;text-decoration:none !important;}
.tcat a:visited, .tcat_avisited {color:#D1D1D1 !important;text-decoration:none !important;}
.tcat a:hover, .tcat a:active, .tcat_ahover {color:#D1D1D1 !important;text-decoration:none !important;}
.thead {background:url(http://c0000636.cdn2.cloudfiles.rackspacecloud.com/blacknav.png) !important;color:#D1D1D1 !important;font-size:14px !important;position:relative !important;text-align:left !important;}
.thead a:link, .thead_alink {color:#eaf3f8 !important;}
.thead a:visited, .thead_avisited {color:#eaf3f8 !important;}
.thead a:hover, .thead a:active, .thead_ahover {color:#CD2626 !important;}
.tfoot {color:#D1D1D1 !important;vertical-align:-2em !important;}
.tfoot a:link, .tfoot_alink {color:#CD2626 !important;}
.tfoot a:visited, .tfoot_avisited {color:#CD2626 !important;}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover {color:#CD2626 !important;}
.alt1, .alt1Active {background:transparent !important;color:#D1D1D1 !important;}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink {color:#CD2626 !important;text-decoration:none !important;}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited {color:#CD2626 !important;text-decoration:none !important;}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover {color:#CD2626 !important;text-decoration:underline !important;}
.alt2, .alt2Active {background:transparent !important;color:#D1D1D1 !important;}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink {color:#CD2626 !important;text-decoration:none !important;}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited {color:#CD2626 !important;text-decoration:none !important;}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover {color:#CD2626 !important;text-decoration:none !important;}
.inlinemod {background:#FFFFCC !important;color:#000000 !important;}
.wysiwyg {background:#F5F5FF !important;color:#000000 !important;font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;margin:5px 10px 10px 10px !important;padding:0px !important;}
.wysiwyg a:link, .wysiwyg_alink {color:#22229C !important;}
.wysiwyg a:visited, .wysiwyg_avisited {color:#22229C !important;}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {color:#CD2626 !important;}
textarea, .bginput {font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.bginput option, .bginput optgroup {font-size:10pt !important;font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.button {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
select {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
option, optgroup {font-size:11px !important;font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.smallfont {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.time {color:#D1D1D1 !important;}
.navbar {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.highlight {background:#CD2626 !important;font-weight:bold !important;}
.fjsel {background:#000000 !important;color:#ccc !important;}
.fjdpth0 {background:#000000 !important;color:#ccc !important;}
.panel {color:#D1D1D1 !important;padding:10px !important;}
.panelsurround {color:#D1D1D1 !important;}
legend {color:#D1D1D1 !important;font:11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.vbmenu_control {background:url(http://c0000636.cdn2.cloudfiles.rackspacecloud.com/blacknav.png) !important;color:#D1D1D1 !important;font:bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;padding:3px 6px 3px 6px !important;white-space:nowrap !important;position:relative !important;}
.vbmenu_control a:link, .vbmenu_control_alink {color:#D1D1D1 !important;text-decoration:none !important;}
.vbmenu_control a:visited, .vbmenu_control_avisited {color:#D1D1D1 !important;text-decoration:none !important;}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_popup {background:#000000 !important;color:#D1D1D1 !important;margin-left:-250px !important;position:absolute !important;left:40% !important;top:85px !important;border:1px solid #CD2626 !important;}
.vbmenu_option {background:#000 !important;color:#D1D1D1 !important;font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;white-space:nowrap !important;cursor:pointer !important;}
.vbmenu_option a:link, .vbmenu_option_alink {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_option a:visited, .vbmenu_option_avisited {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_hilite {background:#000000 !important;color:#CD2626 !important;font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;white-space:nowrap !important;cursor:pointer !important;}
.vbmenu_hilite a:link, .vbmenu_hilite_alink {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {color:#D1D1D1 !important;text-decoration:none !important;}
.vbmenu_popup .thead {font-weight:bold !important;}

#content_container #content {width:695px !important;color:#D1D1D1 !important;position:absolute !important;}
#message_list {max-height:400px !important;overflow-y:auto;border-bottom:1px dashed !important;border-top:1px dashed !important;width:675px !important;}

img[src$="images/statusicon/forum_new.gif"] {width:0 !important;height:25px !important;padding-left:30px !important;background-image:url(http://www.offspring.com/images/forward_enabled.png);background-repeat:no-repeat;background-position:center;}
img[src$="images/statusicon/forum_old.gif"] {width:0 !important;height:25px !important;padding-left:30px !important;background-image:url(http://www.offspring.com/images/forward_disabled.png);background-repeat:no-repeat;background-position:center;}
}

cool 2 hate 681
10-10-2010, 05:32 PM
thank you Tijs it works great:)

My Name Was Taken
10-11-2010, 05:18 AM
Tijs, hook a bitch up? That shit is awesome.

LIL MISS!!!! UR NOT A BITCH! (Sorry.... just makes me sad when girls say stuff like this)

Tijs! You need to like, call up Dexter Holland(Or whoever sets this place up [┐Cuz you guys are alowed to do that?]) and get him to do this for us!

Tijs
10-11-2010, 05:29 AM
If you want, you can add these two lines to the code to replace the icons on the forum index, so they'll look like this:


http://i55.tinypic.com/2cf46ms.jpg http://i53.tinypic.com/aue5gk.jpg

So just add these two lines at the very end (but before the last "}" )of the earlier given style:


img[src$="images/statusicon/forum_new.gif"] {width:0 !important;height:25px !important;padding-left:30px !important;background-image:url(http://www.offspring.com/images/forward_enabled.png);background-repeat:no-repeat;background-position:center;}
img[src$="images/statusicon/forum_old.gif"] {width:0 !important;height:25px !important;padding-left:30px !important;background-image:url(http://www.offspring.com/images/forward_disabled.png);background-repeat:no-repeat;background-position:center;}


Tijs! You need to like, call up Dexter Holland(Or whoever sets this place up [┐Cuz you guys are alowed to do that?]) and get him to do this for us!
Ha yeah I should huh :p But I don't think it will take the admin long to see how I changed it, so he can decide for himself if he wants it like this or not. Thanks for the positive reactions!

Free?
10-11-2010, 05:52 AM
Can't get to work it on my Chrome. :( Installed/enabled the addon, added new style, copied the code, saved, everything is still the same. Should the code be identical for all browsers?

@-moz-document url-prefix(http://offspring.com/community/), Shouldn't -moz- be something else?

Tijs
10-11-2010, 06:13 AM
Yeah I just checked, but got it to work this way. So to simplify my explanation, just delete the style you added before.

Now:
A) Add new style
B) Name it and enable it
C) Enter this for code:

body {color:#D1D1D1 !important;font-size:14px !important;padding:0px !important;}

hr {border:0 !important;border-top:1px !important;border-style:dashed !important;color:#D1D1D1 !important;}
a:link, body_alink {color:#CD2626 !important;text-decoration:none !important;}
a:visited, body_avisited {color:#CD2626 !important;text-decoration:none !important;}
a:hover, a:active, body_ahover {color:#CD2626 !important;text-decoration:none !important;}
.page {background:transparent !important;color:#D1D1D1 !important;position:relative !important;}
td, th, p, li {font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;position:relative !important;}
.tborder {background:url(http://c0000636.cdn2.cloudfiles.rackspacecloud.com/blacknav.png) !important;color:#D1D1D1 !important;}
.tcat {background:transparent !important;color:#D1D1D1 !important;font:bold 13pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;position:relative !important;}
.tcat a:link, .tcat_alink {color:#D1D1D1 !important;text-decoration:none !important;}
.tcat a:visited, .tcat_avisited {color:#D1D1D1 !important;text-decoration:none !important;}
.tcat a:hover, .tcat a:active, .tcat_ahover {color:#D1D1D1 !important;text-decoration:none !important;}
.thead {background:url(http://c0000636.cdn2.cloudfiles.rackspacecloud.com/blacknav.png) !important;color:#D1D1D1 !important;font-size:14px !important;position:relative !important;text-align:left !important;}
.thead a:link, .thead_alink {color:#eaf3f8 !important;}
.thead a:visited, .thead_avisited {color:#eaf3f8 !important;}
.thead a:hover, .thead a:active, .thead_ahover {color:#CD2626 !important;}
.tfoot {color:#D1D1D1 !important;vertical-align:-2em !important;}
.tfoot a:link, .tfoot_alink {color:#CD2626 !important;}
.tfoot a:visited, .tfoot_avisited {color:#CD2626 !important;}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover {color:#CD2626 !important;}
.alt1, .alt1Active {background:transparent !important;color:#D1D1D1 !important;}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink {color:#CD2626 !important;text-decoration:none !important;}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited {color:#CD2626 !important;text-decoration:none !important;}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover {color:#CD2626 !important;text-decoration:underline !important;}
.alt2, .alt2Active {background:transparent !important;color:#D1D1D1 !important;}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink {color:#CD2626 !important;text-decoration:none !important;}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited {color:#CD2626 !important;text-decoration:none !important;}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover {color:#CD2626 !important;text-decoration:none !important;}
.inlinemod {background:#FFFFCC !important;color:#000000 !important;}
.wysiwyg {background:#F5F5FF !important;color:#000000 !important;font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;margin:5px 10px 10px 10px !important;padding:0px !important;}
.wysiwyg a:link, .wysiwyg_alink {color:#22229C !important;}
.wysiwyg a:visited, .wysiwyg_avisited {color:#22229C !important;}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {color:#CD2626 !important;}
textarea, .bginput {font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.bginput option, .bginput optgroup {font-size:10pt !important;font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.button {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
select {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
option, optgroup {font-size:11px !important;font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.smallfont {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.time {color:#D1D1D1 !important;}
.navbar {font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.highlight {background:#CD2626 !important;font-weight:bold !important;}
.fjsel {background:#000000 !important;color:#ccc !important;}
.fjdpth0 {background:#000000 !important;color:#ccc !important;}
.panel {color:#D1D1D1 !important;padding:10px !important;}
.panelsurround {color:#D1D1D1 !important;}
legend {color:#D1D1D1 !important;font:11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;}
.vbmenu_control {background:url(http://c0000636.cdn2.cloudfiles.rackspacecloud.com/blacknav.png) !important;color:#D1D1D1 !important;font:bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;padding:3px 6px 3px 6px !important;white-space:nowrap !important;position:relative !important;}
.vbmenu_control a:link, .vbmenu_control_alink {color:#D1D1D1 !important;text-decoration:none !important;}
.vbmenu_control a:visited, .vbmenu_control_avisited {color:#D1D1D1 !important;text-decoration:none !important;}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_popup {background:#000000 !important;color:#D1D1D1 !important;margin-left:-250px !important;position:absolute !important;left:40% !important;top:85px !important;border:1px solid #CD2626 !important;}
.vbmenu_option {background:#000 !important;color:#D1D1D1 !important;font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;white-space:nowrap !important;cursor:pointer !important;}
.vbmenu_option a:link, .vbmenu_option_alink {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_option a:visited, .vbmenu_option_avisited {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_hilite {background:#000000 !important;color:#CD2626 !important;font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;white-space:nowrap !important;cursor:pointer !important;}
.vbmenu_hilite a:link, .vbmenu_hilite_alink {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {color:#CD2626 !important;text-decoration:none !important;}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {color:#D1D1D1 !important;text-decoration:none !important;}
.vbmenu_popup .thead {font-weight:bold !important;}

#content_container #content {width:695px !important;color:#D1D1D1 !important;position:absolute !important;}
#message_list {max-height:400px !important;overflow-y:auto;border-bottom:1px dashed !important;border-top:1px dashed !important;width:675px !important;}

img[src$="images/statusicon/forum_new.gif"] {width:0 !important;height:25px !important;padding-left:30px !important;background-image:url(http://www.offspring.com/images/forward_enabled.png);background-repeat:no-repeat;background-position:center;}
img[src$="images/statusicon/forum_old.gif"] {width:0 !important;height:25px !important;padding-left:30px !important;background-image:url(http://www.offspring.com/images/forward_disabled.png);background-repeat:no-repeat;background-position:center;}

D) Enter the following to two "Applies to"
- URLs starting with -> http://offspring.com/community
- URLs starting with -> http://www.offspring.com/community
E) Save.

That did it for me.

Free?
10-11-2010, 06:23 AM
Yeah, it's definitely not grey anymore. Thank you, Sir!

Rooster
10-11-2010, 09:47 AM
I actually don't really give a damn about the color change. It's different yes, but you can get used to it. And it still does the job, you can still read and post replies, so that's what matters. There are a few bugs, but i'm sure they'll get fixed in time.



I mean, it's not like this (the new color scheme) is the most important thing in the world. Or is it?

The Talking Pie
10-11-2010, 10:12 AM
Tijs: Fuck yeah, this is awesome.

It's funny; I've never been so offended by the colours of a website as to want to actually change the CSS until now.

The Talking Pie
10-11-2010, 12:41 PM
I found one thing to change in the CSS (I dunno if you missed this or if you prefer it this way; this is just my personal preference).


.vbmenu_control a:visited, .vbmenu_control_avisited {color:#D1D1D1 !important;text-decoration:none !important;}

So visited links on the 'control' menu bar aren't black/unreadable against the background.

Tijs
10-11-2010, 01:06 PM
Nope, just missed it. Thanks!

This CSS overwriting is fun. After seeing Lizardus' giant king picture in the photo album I added this to my CSS:

div.page div div table.tborder tbody tr td.alt1 div img {max-width:920px !important;}

No more page-stretching photos!

For Real
10-11-2010, 07:38 PM
fuck! WHAT is this grey shit?!?

uggghh!

sheesh! might as well make it 1980's IBM green phosphorous screenish. Now THAT would be a change! LOL!

but leave the font like this already! It's fine now!! :p

holland25
10-12-2010, 04:44 AM
Shut up, I like the colours.

Harleyquiiinn
10-12-2010, 07:34 AM
Tijs, this works perfectly on Chrome. Thank you very much :)

disclaimer_07
10-12-2010, 11:24 AM
Tijs, thank you. This is soo much easier on the eyes. And the profile pages are fixed too. Good job. They should totally make it official.

Paint_It_Black
10-12-2010, 10:52 PM
Tijs, you're awesome. Unfortunately I mostly visit this place from public computers and I don't want to mess with their settings at all. The admin should just make your version official since it seems everyone approves.

For Real
10-17-2010, 11:24 AM
Shut up, I like the colours.

uumpff, that's because your computer probably converts the colors to something more palatable! :p

T-6005
10-17-2010, 05:49 PM
I am so glad I made this thread because then Tijs came along and saved my life.

Tijs
10-18-2010, 11:58 AM
Saving lifes. That is what I'm here for.

http://i55.tinypic.com/2vv01vn.jpg

Harleyquiiinn
10-19-2010, 03:36 AM
From now on, there will be two kind of people on that BBS: Those who Tijed it and those who didn't.

Blitz!
10-19-2010, 04:35 AM
From now on, there will be two kind of people on that BBS: Those who Tijs'ed it and those who didn't.

That's not fair, I also wanna be Tijs'ed :(

Fat Boy Samsam
10-20-2010, 01:58 PM
pretty nice, actually dude - that red shite sucked. The power of now - stop thinking and start feeling, you bacon!

Little_Miss_1565
10-21-2010, 12:01 PM
Now the whole forum looks Tijs-eriffic by default!

Tijs
10-21-2010, 12:21 PM
That's not fair, I also wanna be Tijs'ed :(Everyone got Tijs'd now :) cool.

Bants36c
10-21-2010, 12:55 PM
Love the change

Rooster
10-21-2010, 01:03 PM
Tijs'd

This would be a cool name for a TV prank show or something like that...


Cool change :). I didn't really mind the previous look aside from a few bugs, but this is better.

Jojan
10-21-2010, 02:21 PM
The only thing that I do not like is the
-----------------------------------------------------------------------------------------------------------------------------------------------------------

Outerspaceman21
10-21-2010, 02:26 PM
I fucking love this change. It's perfect. Nice job.

Gustavo
10-21-2010, 03:04 PM
Oh, yeah! Now we talkin'.

This is awesome, congrats to whoever did this.

For Real
10-21-2010, 07:26 PM
Okay, this is a change for the better - in background color, that is.

HOWEVER . . .

There is difficulty in visually separating the posts on any given thread - they just all seem to run together. Perhaps a red border around posts would solve this problem? Just a suggestion.



ugggghhhh, actually other areas of the forum need borders too - borders provide definition and help group items so the human eye doesn't have to work so hard (especially after already working hard at work). TIA.

Tijs
10-21-2010, 08:34 PM
Yeah there's some things that can be improved. I'll see if I can come up with something, and maybe the admin could be so friendly to adapt the changes as well.

jacknife737
10-21-2010, 10:26 PM
Like the look of this one: even more than the update they did for RAFRAG.

Paint_It_Black
10-21-2010, 10:41 PM
Now the whole forum looks Tijs-eriffic by default!

This is awesome. I'm impressed that this actually got done, and so quickly. Great work Tijs and anyone else involved.

T-6005
10-21-2010, 10:56 PM
Yeah? Well I got Tijs'ed before it was popular.

Then Tijs' changed and sold out to the man.

SuperKnux
10-22-2010, 12:02 AM
Sweetness! The forum looks fantastic and much more presentable! Hell, I like more than the RAFRAG red and black color scheme.

Good job, ya'll!

samseby
10-22-2010, 04:27 AM
The profile page has been fixed too. Great. Thanks. :)

Little_Miss_1565
10-22-2010, 06:57 AM
Yeah? Well I got Tijs'ed before it was popular.

Then Tijs' changed and sold out to the man.

PUNK IS DED.

:mad: :mad: :mad: :mad:

Free?
10-22-2010, 07:51 AM
Whole world shall be baptijsed.

Jojan
10-22-2010, 08:13 AM
Whole world shall be baptijsed.

;-) http://open.spotify.com/track/5AAJVgxrDCVYWguruAvX8z

Blitz!
10-22-2010, 01:14 PM
The only thing that I do not like is the
-----------------------------------------------------------------------------------------------------------------------------------------------------------

I lovin' the new design but have to agree with this.

Outerspaceman21
10-22-2010, 06:57 PM
I'm curious to know if anyone else sees the homepage as a little off. It's like everything is shifted to the left and the whole right side is blank.

Administrator
10-22-2010, 07:21 PM
Everyone thank Tijs

I know there are still a few bugs

hold tight

Administrator
10-22-2010, 07:25 PM
If any one wants to take a stab at new graphics for the forums send them my way!

We need to change the "new thread", "post reply" , ect buttons

Lets see what we can come up with

admin@offspring.com

holland25
10-23-2010, 02:49 AM
Yes, now it looks like a decent BBS.

0r4ng3
10-23-2010, 06:42 AM
While I do agree that the forum looks a lot better, is there a way to fix the drop-down menus appearing way over there?

http://imgur.com/jh1EX.png

My Name Was Taken
10-25-2010, 03:20 PM
RADIO IS BACK!
Although I can only see it on the home page :/

_Lost_
10-25-2010, 03:25 PM
Boards are great! Thanks for the fix Tijs!

disclaimer_07
10-25-2010, 03:33 PM
While I do agree that the forum looks a lot better, is there a way to fix the drop-down menus appearing way over there?

http://imgur.com/jh1EX.png

When I'm using the style as an add-on, the menus seem to be working just fine. But not anymore if I switch it off...

Jojan
10-26-2010, 01:23 PM
Got to go to bed now. See you tomorrow.