fnordig/blog
1
Fork 0
Code Activity

add kramdown & coderay

Browse source
This commit is contained in:
Jan-Erik Rediger 2011-09-02 21:32:47 +02:00
parent 83eefb2afc
commit af1753bad4
4 changed files with 127 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
_config.yml
View file

@ -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

1
_layouts/default.html
View file

@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>fnordig.de</title>
<link rel="stylesheet" href="/fnord.css" type="text/css" />
<link rel="stylesheet" href="/coderay.css" type="text/css" />
</head>
<body>
<div class="content">

112
coderay.css Normal file
View file

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

18
fnord.css
View file

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