Adjust CSS to make front page news look better

A code element inside a pre block looked like ass, which is how markdown
generates indented code blocks. Drop the bright yellow from these code
elements, and while we are at it, also lighten up the yellow a bit as it
stands out way too much.

Signed-off-by: Dan McGee <dan@archlinux.org>
This commit is contained in:
Dan McGee 2011-06-27 16:22:05 -05:00
parent c584ffc9b6
commit 8734d6ccdf

View File

@ -20,8 +20,9 @@ body { min-width: 650px; background: #f6f9fc; color: #222; font: normal 100% san
p { margin: .33em 0 1em; } p { margin: .33em 0 1em; }
ol, ul { margin-bottom: 1em; padding-left: 2em; } ol, ul { margin-bottom: 1em; padding-left: 2em; }
ul { list-style: square; } ul { list-style: square; }
code { font: 1.2em monospace; background: #ffa; padding: 0.15em 0.25em; } code { font: 1.2em monospace; background: #ffd; padding: 0.15em 0.25em; }
pre { font: 1.2em monospace; border: 1px solid #bdb; background: #dfd; padding: 0.5em; margin: 0.25em 2em; } pre { font: 1.2em monospace; border: 1px solid #bdb; background: #dfd; padding: 0.5em; margin: 0.25em 2em; }
pre code { display: block; background: none; }
blockquote { margin: 1.5em 2em; } blockquote { margin: 1.5em 2em; }
input { vertical-align: middle; } input { vertical-align: middle; }
select[multiple] { padding-top: 1px; padding-bottom: 1px; } select[multiple] { padding-top: 1px; padding-bottom: 1px; }