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
-
@inline-code
@ doesn’t seem to contrast enough against the background color. We can change thebackground-color
value in thecocos2dx_blue
theme’sapplication.css
toF6F6F6
(from#FAFAFA
)
http://files.cocos2d-x.org/themes/cocos2dx_blue/stylesheets/application.css?1364972389 line 20
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 a2px
padding.
<pre>
</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;
}
With a border added as above, you wouldn’t need to set thebackground-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