Remine/Forum CSS/theme

Hi

I like how StackOverflow strives to improve behavior on forums and focuses on high quality answers even from a readability and visual style point of view. To this effect, I’d like to suggest some visual tweaks to the CSS that’s being used along with Redmine to power the wiki/forums on cocos2d-x

    code {
      background-color: #F6F6F6;
      font-family: Consolas,"Liberation Mono",Courier,monospace;
    }

Set the same background-color for “dev.wiki pre” for consistency in multi-line <code> blocks wrapped in <pre>. This is in http://files.cocos2d-x.org/stylesheets/application.css

  • To further improve what @inline code@ looks like, the CSS below may be added. Though note that multi-line <code class="cpp"> type blocks inside a <pre> will have a second visible border on the outside(top, bottom and right) because “dev.wiki pre” has a 2px padding.
    <pre>
    code {
    border: 1px solid #DDDDDD;
    padding: 0 3px;
    /* With (default) display: inline; multiline code blocks will have a border above and below every “line” */
    display: inline-block;
    }
    </pre>
    With a border added as above, you wouldn’t need to set the background-color for “code” and “dev.wiki pre” to #F6F6F6. The border is similar to GitHub styles inline code.

Forum answers that are better formatted “out of the box” may lead to increased quality answers and readability benefits for the readers. What do you think?

See also: http://www.redmine.org/projects/redmine/wiki/RedmineTextFormatting