summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDan McGee <dan@archlinux.org>2011-06-27 16:22:05 -0500
committerDan McGee <dan@archlinux.org>2011-06-27 16:22:05 -0500
commit8734d6ccdf10fd03ed3dfea5fb1028812d0ba8cd (patch)
treee182d15a838730f2fffce9c6d8eb65041199254b
parentc584ffc9b6bc9bdab1616b096ccaa1c1cd762f69 (diff)
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>
-rw-r--r--media/archweb.css3
1 files changed, 2 insertions, 1 deletions
diff --git a/media/archweb.css b/media/archweb.css
index fce88e21..85fdb610 100644
--- a/media/archweb.css
+++ b/media/archweb.css
@@ -20,8 +20,9 @@ body { min-width: 650px; background: #f6f9fc; color: #222; font: normal 100% san
p { margin: .33em 0 1em; }
ol, ul { margin-bottom: 1em; padding-left: 2em; }
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 code { display: block; background: none; }
blockquote { margin: 1.5em 2em; }
input { vertical-align: middle; }
select[multiple] { padding-top: 1px; padding-bottom: 1px; }