Back in Classic Black

[quote name='swiftcoder' timestamp='1296253357']
I like it. A Lot.
[/quote]
Thank you, and thank you for providing a handy post to include in the screenshot.

[quote name='Black Knight' timestamp='1296258676']
The bookmarklet doesn't work for me but the theme is really nice much better than the white version.
[/quote]
Sorry to hear that - I tried it in Firefox and IE. I'm not sure if these browsers provide ways to load custom stylesheets, though. A slightly more useful (yet still inelegant) approach is [url=http://members.gamedev.net/benryves/classic_black/gdnet-classic-black.user.js]this Firefox userscript[/url], which does the same thing as the bookmarklet but will run automatically on any *gamedev.net/* pages. Unfortunately, there'll be a brief flash of the default white theme before the additional stylesheet is applied, but it's the best I can think of in the short term!

Edit: Please see px's post below for better information for Firefox users.

January 29, 2011 12:40 AM

Koobs

Ahh, bliss. I was suffering along with a userscript that blackified a couple of things but this is much, [i]much [/i]better.

So, when do we get it as a theme selection?

January 29, 2011 01:51 AM

Firefox users rejoice!

Go to [url="https://addons.mozilla.org/en-US/firefox/addon/stylish"]https://addons.mozilla.org/en-US/firefox/addon/stylish[/url] and install the Styish add-on. Once installed you'll have a new icon in the bottom right corner if you Firefox window. Go to the gamedev (errr.... I guess you're already here...) and click the new icon. Select "Write new style..." then "For www.gamedev.net..." In the window that pops up give your script a name, then inside the { } copy&paste the code from [url="http://members.gamedev.net/benryves/classic_black/classic-black.css"]http://members.gamedev.net/benryves/classic_black/classic-black.css[/url] and hit save.

Yay black GD.net

Thanks benryves!

January 29, 2011 03:56 AM

Sweet, these colours bring back fond memories of days long gone. Thanks Ben!

January 29, 2011 09:57 AM

Just noticed it needs some work for the tracker and for Showcase... If I get a chance to figure it out, I'll post some CSS to tack on. No guarantees that I'll get around to it, though.

January 29, 2011 10:44 AM

Programmer16

Works wonderfully and I love it!

The only thing I've noticed so far is replies to status updates in profiles. The background and text are both white and the user's name is yellow, so you can't read it at all. 'status_mini_content' and 'status_action_right' I think are the DIV classes (not positive though.)

Thanks for this!

January 29, 2011 10:48 AM

ViLiO

This is so very awesome!

January 29, 2011 01:16 PM

Programmer16: Status updates look correct to me, I dunno what you're seeing.

January 29, 2011 08:08 PM

Sorry for the MediaFire links, but I can't find how to just upload to here. Anyway, I've made a few adjustments to take care of the things I was complaining about, and while it's not perfect, we're a little bit closer to complete coverage of the new version of the site. Anyway:

* [url="http://www.mediafire.com/download.php?04nf0qd711u12ap"][url="http://www.mediafire.com/download.php?4mq1oyp1e919sto"]Regular version[/url][/url] which replaces regular classic-black.css
* [url="http://www.mediafire.com/download.php?jvpnc213ub8s9wb"][url="http://www.mediafire.com/download.php?ao7d648pi3a01ua"]Userstyle[/url][/url] for people who have Stylish installed

Ben, feel free to host these yourself here, in fact I insist on it.

[b]UPDATED:[/b] Fixing the problem Programmer16 reported. New links.

January 29, 2011 08:40 PM

Many thanks, coldacid - I've replaced the file with your version and added a version for Stylish users.

Programmer16: If you have a screenshot (or a link to a page where the problem occurs) I'd be happy to look into it; I haven't been able to replicate the issue myself.

January 29, 2011 11:14 PM

doddzy39

Looks great!

For Chrome, the Stylebot extention seems to work fine with it - [url="https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha"]Stylebot[/url].

Just click the icon at the top while at a www.gamedev.net page, and then click 'edit css'. From there, just copy & paste the CSS file

January 29, 2011 11:55 PM

Tiffany_Smith

Brilliant stuff Ben (as usual), nice work!

January 29, 2011 11:57 PM

Ravyne

Looks nice! Any chance we can get the proper authorities to add it to the official style selector?

January 30, 2011 03:59 AM

Alpha_ProgDes

[quote name='Ravyne' timestamp='1296359986']
Looks nice! Any chance we can get the proper authorities to add it to the official style selector?
[/quote]
I second this notion!

January 30, 2011 05:15 AM

Programmer16

[img]http://www.p16games.com/trash/BlackGDNetBug.PNG[/img]

Sorry, I didn't think about posting an image.

January 30, 2011 06:56 AM

Fixed. Updated the links in my older post for the version that doesn't have a white background on status comments.

January 30, 2011 09:27 AM

Dwarf King

Oi! I was so sad to see this theme gone with the new site launched! Thanks a lot for bringing it back

January 30, 2011 10:15 AM

Thank you for all the kind comments!

Cheers for fixing that issue, coldacid: I've uploaded your fixes and also added another one for the weird-looking "Community Links" box on the "Community" page.

January 30, 2011 02:33 PM

Josh Klint

I like it a lot.

January 31, 2011 02:16 AM

BronzeBeard

any way we can get this as an official sheet? gamedev as it is, is nearly unusable for me, and i don't feel like dicking around with my browser settings to get this to work.

January 31, 2011 02:23 AM

Awesome. I noticed it wasn't working for the user profiles Latest Visitors and Comments on Status Updates (or at least not in Chrome). Added the Following:
[code]...
body#ipboard_body .general_box li.row1 {
background-color: #2C2C30 !important;
}
/***** ADDED THIS FOR ROW2 ****/
body#ipboard_body .general_box li.row2 {
background-color: #252525 !important;
}
/* Tab bars */
...[/code]

Then also this:
[code]...
/***** ADDED THIS TO THE END OF PROFILE ****/

body#ipboard_body .status_profile_actions .row1 {
background-color: #2C2C30 !important;
}
body#ipboard_body .status_profile_actions .row2 {
background-color: #252525 !important;
}
/* Galleries */
...[/code]

Colours may not match up with the profile yet (I just randomly picked a darker colour for row2).

January 31, 2011 05:23 AM

And judging by the nasty colours in the code blocks I'd also recommend something a little more readable there:

[code]...

body#ipboard_body pre.prettyprint {
color: #333 !important;
}
/****** ADD SOME PRETTY PRINT COLOURS *******/
body#ipboard_body pre.prettyprint .com {
color: #D00 !important;
}
body#ipboard_body pre.prettyprint .pun {
color: #00D !important;
}
/* Polls */
...[/code]

January 31, 2011 05:36 AM

Many thanks, dwarfsoft, I've added your fixes to the above linked files. I'm also glad to see that the code highlighter is capable of detecting and highlighting puns.

January 31, 2011 09:59 AM

Matt Carr

Wow, very well done. I'm blown away at how well it works. This definitely should be added as an official style. It feels like classic GameDev but newer and cleaner, exactly what the site redesign should have invoked in the first place.

January 31, 2011 10:56 AM

[quote name='benryves' timestamp='1296467997']
Many thanks, dwarfsoft, I've added your fixes to the above linked files. I'm also glad to see that the code highlighter is capable of detecting and highlighting puns.
[/quote]

Lol, I thought that too. Not sure why the class is pun... The above code has pln, com and pun classes, but the pln is all hidden (and only seems to contain ...'s) . Not quite sure what that is all about.

January 31, 2011 11:49 AM

Additional Changes... So you can +1 reputation on a forum post:

[code]...
body#ipboard_body .post_block .rep_bar {
bottom: -6px !important;
right: auto !important;
left: 148px !important;
border: none !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
/**** MOVE THE REPUTATION SPAN TO AFTER PROMOTE THIS ARTICLE ***/
left: 275px !important;
}
body#ipboard_body .post_block .rep_bar .reputation {
...[/code]

Also, moderators out there might like to have the following added as well (I know I did

):

[code]body#ipboard_body .post_wrap h3 span.ip {
color: #CCC !important;
position: absolute;
right: 60px;
margin-top: -4px;
}
body#ipboard_body .post_wrap h3 span.ip a {
color: #EE8 !important;
}[/code]

Otherwise I get overlapping text on date/time posted in a forum post.

January 31, 2011 01:08 PM

Are both of those moderator-specific fixes? I don't see "Promote this article" on [url=http://members.gamedev.net/benryves/classic_black/topic-post.png]forum posts[/url]. I suppose the button could be moved back to the right; I just moved it to the left as that's where the "Rate this user" link used to be.

January 31, 2011 01:42 PM

ah, I see now. yes.. promote this article is a moderator one... unfortunately it appears to be the third in the ul->li.report, li.report, li.report list. Nasty. :/ I'll have a play

January 31, 2011 02:05 PM

Well, this won't work in all browsers, but for the moment this is the best I can do:
[code]...
/********* insert the following for the Promote this Article button *******/
body#ipboard_body .post_block .post_controls .report:nth-child(3) {
margin-left: +45px !important;
}
/******** continue with existing css ***************/
body#ipboard_body .post_block .post_controls li,
...[/code]
As it's for moderators and staff I doubt compatibility will be a big issue though.

January 31, 2011 02:28 PM

Also more for Profile (Posts):

[code]body#ipboard_body .post_body {
color: white !important;
}[/code]

Status Updates require color:
[code]body#ipboard_body .status_main_content {
font-size: 11px !important;
color: white !important;
}[/code]

The Profile text such as "Name, Posts, Groups" etc.
[code]div#profile_overview .info dt {
color: white !important;
}
div#profile_overview .info dd {
color: #EEE !important;
}[/code]

Slowly working through different pages and fixing as well as I can

February 01, 2011 02:58 AM

And to fix up other Profile Boxes:
[code].general_box dt {
color: white !important;
}

.general_box dd {
color: #EEE !important;
}[/code]

February 01, 2011 03:41 AM

Also this to fix up the zebra comment numbers from the forum index page: [url="http://www.gamedev.net/index"]http://www.gamedev.net/index[/url]
[code].row1 .altrow {
color: white !important;
}[/code]

or even better:
[code].row1 .altrow,
.row2 .altrow {
color: #C0C0C0 !important;
}
[/code]

or to make the stats at the bottom of the page visible:
[code].row1 .altrow,
.row2 .altrow,
.personal_info, .general_box {
color: #C0C0C0 !important;
}[/code]

February 01, 2011 04:01 AM

And to fix the extremely nasty all statuses page (gah! Avert your eyes [url="http://www.gamedev.net/statuses/all/"]http://www.gamedev.net/statuses/all/[/url]) :

[code]div#status_standalone_page {
background-color: #707070 !important;
}
body#ipboard_body .status_main_content .status_mini_wrap
{
-webkit-box-shadow: #707070 2px 2px 2px !important;
background: #707070 !important;
background-color: #707070 !important;
}[/code]

February 01, 2011 05:02 AM

Many thanks for all your hard work! I've updated the uploaded files with your recent fixes. Sorry for taking so long!

February 01, 2011 04:20 PM

superpig

Mind if I pretty much replace the present GDNet Black theme with this?

February 02, 2011 11:17 AM

Not at all, if you're happy with it.

February 02, 2011 12:20 PM

zerotri

Thanks for the userstyle benryves, I may make some modifications to this myself.

As an alternative to the method you're currently using for generating the css, what about using
[url="http://lesscss.org/"]LESS[/url], which you can find a compiler for in JavaScript form, as a Ruby gem (run as 'lessc' in a terminal), or even [url="http://leafo.net/lessphp/"]LESSPHP[/url]. I use the PHP code in a project of mine and it has reduced the time needed to write and edit css quite drastically.

-Wynter Woods

February 07, 2011 02:29 AM

Thanks, zerotri! LESS certainly looks very interesting, I'll have to research it in more detail.

February 08, 2011 02:37 AM

Alpha_ProgDes

I would be great if you could fix the atrocious font colors for quotes and code snippets.

Also, some of the buttons (or images that act as buttons) don't show unless you mouseover them. An example is the Show All and Add Comment buttons for the editor.

February 19, 2011 09:05 PM