Improve style of text in `backticks`

dossist / moinmoin-memodump

MoinMoin theme based on Twitter Bootstrap

52 stars 23 forks source link

Improve style of text in `backticks` #35

Open chtaube opened 10 years ago

chtaube commented 10 years ago

I added this definition to my memodump.css to improve the presentation of text in backticks (used in MoinMoin for small code snippets, filenames, …)

.backtick {
    background-color: #f9f2f4;
    border-radius: 4px 4px 4px 4px;
    color: #c7254e;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap;
}

The result looks like this:

memodump_backtick

The definition is actually taken from a bootstrap theme for dokuwiki, but it looks great in MoinMoin/memodump, too!

dossist commented 10 years ago

Hi, thanks for your attention! Thanks for pointing this out. I will add it to the css.

dossist commented 10 years ago

Styles are added in 4e5b178928f6e7dbcce657603c9cd71f0ebecae3.

It seems that there are two ways to display monospaced texts, {{{something}}} and something. According to help page, triple brackets are described as codes, and backticks are just described as monospaced texts. But in real uses they seem to be mixed up. So I decided to apply the style to tags rather than limiting it to .backtick class.