JSEDLAK » Blog Archive » Fixing The XNA/Creators Forums

Fixing The XNA/Creators Forums

If you hate reading the XNA Forums because of the low contrast and overly wide style, there is good news. I have managed to rewrite a bit of the CSS to drastically increase the readability of threads. As an added bonus, your overall experience on the forum will be better. The modifications were done using the Personalized Web plugin for Chrome, but it works just as well in similar plugins for Firefox (I was testing in the Web Developer plugin).

After installing the plugin, open the Options page (through the Extensions menu item in Chrome) and add a rule for the forums that matches the url, http://forums.xna.com/forums/. Add the following CSS into the appropriate textbox and click the Save button.

^?View Code CSS

body, * { color: #3d3d3d; }
.CommonPagingArea { color: #2d2d2d; }
.ForumPostHeader { display: none; }
.CommonDescription { margin-left: 0px; background: none; }
.XnaCgp_small_CreatorRollUp_Container { float: none; }
.XnaCgp_small_CreatorRollUp_Forums a { display: inline; }
ul.ForumPostUserPropertyList { width: 160px; }
ul.ForumPostUserPropertyList li { margin-left: 0px; }
a, a:link, a:visited, a:active  { color: #0A67A3; }
a:hover { color: #000; }
.XnaCgp_CSCommonTitle { background: #efefef; color: #000; }
div.XnaCgp_shell_wide_body { width: 960px; margin: 0px auto; }
div.ForumPostArea, div.ForumPostArea table tr, div.ForumPostArea table tr td { background: #efefef; }
.ForumPostUserArea { width: 150px; }
.ForumPostUserContent { width: 150px; }
td.ForumPostContentArea { background: #fefefe; }
td.ForumPostContentArea>table>tr>td { background: #fefefe; }
div.ForumPostBodyArea { background: #fefefe; }
div.ForumPostContentText { color: #3d3d3d; text-align: justify; background: #fefefe; font-size: 1.2em; }
div.ForumPostTitleArea { background: #fefefe; border: 0px; border-bottom: dashed 1px #8d8d8d; }
div.ForumPostTitleArea>h4 { font-size: 1.2em; color: #2d2d2d; }