Remine/Forum CSS/theme

Remine/Forum CSS/theme
0.0 0



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 “ pre” for consistency in multi-line <code> blocks wrapped in <pre>. This is in

  • 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 “ pre” has a 2px padding.
    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;
    With a border added as above, you wouldn’t need to set the background-color for “code” and “ 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: