Style code to stand-out a little more

[mkraft]

I was thinking something like the following:

pre, code {
    font: 13px 'Bitstream Vera Sans Mono','Courier',monospace;
}
pre {
    margin: 1em 0;
    font-size: 13px;
    background-color: #EEE;
    border: 1px solid #DDD;
    padding: 5px;
    color: #444;
    overflow: auto;
    -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 2px inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
code {  
    font-size: 13px!important;
    background-color: ghostWhite!important;
    color: #444!important;
    padding: 0 .2em!important;
    border: 1px solid #DEDEDE!important;
}
pre code {
    padding: 0!important;
    font-size: 13px!important;
    background-color: #EEE!important;
    border: none!important;
}

[borismus]

Thanks for the request.

There's currently a code change in progress that allows custom CSS/stylesheets to be specified. Also, your code is littered with !important declarations, which is bad practice.

[mkraft]

Agreed: !important is bad practice. I copied it from Github's CSS and only tested it but didn't actually look at it much.

Just make whatever changes you want so that it suits you philosophically.