From af1753bad4d43c7c2a2e53fb1586e4b68172d8ac Mon Sep 17 00:00:00 2001 From: Jan-Erik Rediger Date: Fri, 2 Sep 2011 21:32:47 +0200 Subject: [PATCH] add kramdown & coderay --- _config.yml | 10 +++- _layouts/default.html | 1 + coderay.css | 112 ++++++++++++++++++++++++++++++++++++++++++ fnord.css | 18 +++---- 4 files changed, 127 insertions(+), 14 deletions(-) create mode 100644 coderay.css diff --git a/_config.yml b/_config.yml index 05db1b6..a1a6b43 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,11 @@ -pygments: true paginate: 5 permalink: pretty -markdown: rdiscount exclude: Rakefile +markdown: kramdown +kramdown: + use_coderay: true + + coderay: + coderay_line_numbers: + coderay_tab_width: 2 + coderay_css: class diff --git a/_layouts/default.html b/_layouts/default.html index 54a7f60..a2673cb 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,6 +4,7 @@ fnordig.de +
diff --git a/coderay.css b/coderay.css new file mode 100644 index 0000000..f1ea624 --- /dev/null +++ b/coderay.css @@ -0,0 +1,112 @@ +.CodeRay { + font-family: 'Courier New', 'Terminal', monospace; + color: #000; + margin: 5px; + margin-bottom: 10px; + box-shadow: 0px 0px 2px #666; +} +.CodeRay pre { margin: 0px } +div.CodeRay { } +span.CodeRay { white-space: pre; border: 0px; padding: 2px } +table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px } +table.CodeRay td { padding: 2px 4px; vertical-align: top } +.CodeRay .line_numbers, .CodeRay .no { + background-color: #def; + color: gray; + text-align: right; +} +.CodeRay .line_numbers tt { font-weight: bold } +.CodeRay .line_numbers .highlighted { color: red } +.CodeRay .line { display: block; float: left; width: 100%; } +.CodeRay .no { padding: 0px 4px } +.CodeRay .code { width: 100% } +ol.CodeRay { font-size: 10pt } +ol.CodeRay li { white-space: pre } +.CodeRay .code pre { overflow: auto } +.CodeRay .debug { color:white ! important; background:blue ! important; } +.CodeRay .af { color:#00C } +.CodeRay .an { color:#007 } +.CodeRay .at { color:#f08 } +.CodeRay .av { color:#700 } +.CodeRay .aw { color:#C00 } +.CodeRay .bi { color:#509; font-weight:bold } +.CodeRay .c { color:#888; } +.CodeRay .ch { color:#04D } +.CodeRay .ch .k { color:#04D } +.CodeRay .ch .dl { color:#039 } +.CodeRay .cl { color:#B06; font-weight:bold } +.CodeRay .cm { color:#A08; font-weight:bold } +.CodeRay .co { color:#036; font-weight:bold } +.CodeRay .cr { color:#0A0 } +.CodeRay .cv { color:#369 } +.CodeRay .de { color:#B0B; } +.CodeRay .df { color:#099; font-weight:bold } +.CodeRay .di { color:#088; font-weight:bold } +.CodeRay .dl { color:black } +.CodeRay .do { color:#970 } +.CodeRay .dt { color:#34b } +.CodeRay .ds { color:#D42; font-weight:bold } +.CodeRay .e { color:#666; font-weight:bold } +.CodeRay .en { color:#800; font-weight:bold } +.CodeRay .er { color:#F00; background-color:#FAA } +.CodeRay .ex { color:#C00; font-weight:bold } +.CodeRay .fl { color:#60E; font-weight:bold } +.CodeRay .fu { color:#06B; font-weight:bold } +.CodeRay .gv { color:#d70; font-weight:bold } +.CodeRay .hx { color:#058; font-weight:bold } +.CodeRay .i { color:#00D; font-weight:bold } +.CodeRay .ic { color:#B44; font-weight:bold } +.CodeRay .il { background: #ddd; color: black } +.CodeRay .il .il { background: #ccc } +.CodeRay .il .il .il { background: #bbb } +.CodeRay .il .idl { background: #ddd; font-weight: bold; color: #666 } +.CodeRay .idl { background-color: #bbb; font-weight: bold; color: #666; } +.CodeRay .im { color:#f00; } +.CodeRay .in { color:#B2B; font-weight:bold } +.CodeRay .iv { color:#33B } +.CodeRay .la { color:#970; font-weight:bold } +.CodeRay .lv { color:#963 } +.CodeRay .oc { color:#40E; font-weight:bold } +.CodeRay .of { color:#000; font-weight:bold } +.CodeRay .op { } +.CodeRay .pc { color:#038; font-weight:bold } +.CodeRay .pd { color:#369; font-weight:bold } +.CodeRay .pp { color:#579; } +.CodeRay .ps { color:#00C; font-weight:bold } +.CodeRay .pt { color:#074; font-weight:bold } +.CodeRay .r, .kw { color:#080; font-weight:bold } +.CodeRay .ke { color: #808; } +.CodeRay .ke .dl { color: #606; } +.CodeRay .ke .ch { color: #80f; } +.CodeRay .vl { color: #088; } +.CodeRay .rx { background-color:#fff0ff } +.CodeRay .rx .k { color:#808 } +.CodeRay .rx .dl { color:#404 } +.CodeRay .rx .mod { color:#C2C } +.CodeRay .rx .fu { color:#404; font-weight: bold } +.CodeRay .s { /*background-color:#fff0f0;*/ color: #D20; } +.CodeRay .s .s { background-color:#ffe0e0 } +.CodeRay .s .s .s { background-color:#ffd0d0 } +.CodeRay .s .k { } +.CodeRay .s .ch { color: #b0b; } +.CodeRay .s .dl { color: #710; } +.CodeRay .sh { background-color:#f0fff0; color:#2B2 } +.CodeRay .sh .k { } +.CodeRay .sh .dl { color:#161 } +.CodeRay .sy { color:#A60 } +.CodeRay .sy .k { color:#A60 } +.CodeRay .sy .dl { color:#630 } +.CodeRay .ta { color:#070 } +.CodeRay .tf { color:#070; font-weight:bold } +.CodeRay .ts { color:#D70; font-weight:bold } +.CodeRay .ty { color:#339; font-weight:bold } +.CodeRay .v { color:#036 } +.CodeRay .xt { color:#444 } +.CodeRay .ins { background: #afa; } +.CodeRay .del { background: #faa; } +.CodeRay .chg { color: #aaf; background: #007; } +.CodeRay .head { color: #f8f; background: #505 } +.CodeRay .ins .ins { color: #080; font-weight:bold } +.CodeRay .del .del { color: #800; font-weight:bold } +.CodeRay .chg .chg { color: #66f; } +.CodeRay .head .head { color: #f4f; } diff --git a/fnord.css b/fnord.css index f431ce5..71e6738 100644 --- a/fnord.css +++ b/fnord.css @@ -3,14 +3,12 @@ body { color: #1a1a1a; font-family: monospace; } - a { color: #06c; text-decoration: none; } a:hover { text-decoration: underline; } h1 a, .heading a { color: black; } h1 a:hover { text-decoration: none; } /*a:visited { color: green; }*/ .post .heading:before { content: "// "; } - .post h2 { margin: 0; } .post p.date { margin: 0; font-style: italic; } .post p.date:before { content: "/* "; } @@ -18,10 +16,8 @@ h1 a:hover { text-decoration: none; } .post p { word-wrap: break-word; } - .footer { padding-top: 0px; } .footer p { padding: 0; margin: 0;} - blockquote { margin-left: 10px; padding-left: 10px; @@ -31,9 +27,13 @@ pre { margin-left: 10px; background-color: #ddd; padding: 5px; - box-shadow: 0px 0px 2px #666; } - +p code { + background-color: ghostWhite; + color: #444; + padding: 0 .2em; + border: 1px solid #DEDEDE; +} .post { margin-bottom: 15px; padding: 20px; @@ -42,23 +42,17 @@ pre { background-color: white; box-shadow: 0px 0px 2px #666; } - .nav { margin-bottom: 10px; } .nav h1, .nav ul, .nav li { display: inline; } -.nav ul { -} - .content { width: 986px; margin: 0 auto; } - .paginator { margin-bottom: 10px; text-align: center; } -