borismus/markdown-preview — Issue #9: Style code to stand-out a little more
Author: mkraft
Created: 2011-12-22 23:58:52+00:00
State: open

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;
}