Forum Styles

[DrowsworD]

Many of the forum styles are a mess, especially in the profile and posting areas. Very often, I am shown a white box with near white text (search for recent messages from a player to see what I mean). Even as I type this, the message Title is black on a gray background. Are you guys using Macs? That is the one PC type I haven't tested this on that might explain why the CSS styling for sections of the Forum site are often unreadable.

So, knowing all you guys are busy fixing bugs, creating new content and playing DDO, I took some time to go through parts of the forum and find and FIX some of the contrast issues. My tools for this were Firefox, Inspect Element, and the Stylish add-on for FireFox. Stylish allows me to add a custom style sheet to a site so when I go to that site, my custom sheet overrides the site styles. This way I can see what my changes will do.

Here are some of the style changes I came up with to make the Settings part of the forum more readable:
---------------------------------------------------------------------------
#usercp_nav .blockrow .active {
background-color: #747371;
}

#usercp_nav .blockrow * a:hover {
background-color: #747371;
}
.blocksubhead, #usercp_nav .blocksubhead {
color:#C0C0C0;
}
.textbox, textarea, select {
color:#DEDEDE;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead, .postbit .postdate .time {
color:#FFF;
}
.postbit .userinfo, .postbit .userinfo_noavatar {
background: #222222 none repeat scroll 0% 0%;
}
.postbit .postbody {
background: #535353 none repeat scroll 0% 0%;
}
#pagination_top {
top: -4em;
}
body {
background-attachment: fixed;
}
------------------------------------------------------
I only included the styles that I changed and did not optimize or coordinate any of the colors except to make as little of a change as possible to make the area visible. Your web savvy folks would have to go in a implement the changes correctly in the proper style sheets.

At least for now, for me, I can read my screen and do searches without having to highlight the white, or gay, text box to see the text hiding inside.

If you use Firefox, get the Stylish add-on and cut paste this CSS code into it. You will see how it slightly changes areas of the forums that were once unreadable. You can modify the colors as you wish.

And of course, YMMV.