From 44aa1f08eaad1b94996f7b597c900f5f5b266368 Mon Sep 17 00:00:00 2001 From: Pete Date: Thu, 28 Jul 2016 21:52:32 -0500 Subject: [PATCH 1/3] add styling to code blocks with line nums Kept styling the same for code blocks without line nums, added similar styling for code blocks with line nums --- css/main.css | 40 ++++++++++++++++++++++++++++++++-------- 1 file changed, 32 insertions(+), 8 deletions(-) diff --git a/css/main.css b/css/main.css index dead653..f26aac0 100644 --- a/css/main.css +++ b/css/main.css @@ -586,18 +586,42 @@ table tr td :last-child { } /* --- Code blocks --- */ - pre { font-size: 16px; line-height: 1.5em; - background: #FAFAFA; - background-image: linear-gradient(#FAFAFA 50%, #FDFDFD 50%); - background-position: 0px 10px; - background-repeat: repeat; - background-size: 3em 3em; - border-left: 7px solid #444; } - pre code { white-space: pre; } +pre.highlight, .highlight > pre, td.code pre { + background: #FAFAFA; + background-image: linear-gradient(#F9F9F9 50%, #FDFDFD 50%); + background-repeat: repeat; + background-size: 3em 3em; + background-position: 0px 10px; + border-left: 7px solid #444; +} +.highlight > pre { + padding: 0; + margin: 0; +} +td.code pre { + border: none; + border-left: 2px solid #444; + border-radius: 0; + background: transparent!; +} +td.gutter pre { + border: none; +} +td.gutter { + padding-top: 3px; +} +code table { + border-collapse: collapse; + border: none; +} +code table td, code table th, code table tbody, code table tr { + padding: 0; + border: none; +} From 841a247664a8046f6c1608faf59ce0101ca49a8e Mon Sep 17 00:00:00 2001 From: Pete Date: Fri, 29 Jul 2016 17:10:26 -0500 Subject: [PATCH 2/3] clean up the css --- _posts/2015-02-20-test-markdown.md | 9 +++++++++ css/main.css | 26 ++++++++++---------------- 2 files changed, 19 insertions(+), 16 deletions(-) diff --git a/_posts/2015-02-20-test-markdown.md b/_posts/2015-02-20-test-markdown.md index 5f3ebc1..7f0308e 100644 --- a/_posts/2015-02-20-test-markdown.md +++ b/_posts/2015-02-20-test-markdown.md @@ -39,3 +39,12 @@ var foo = function(x) { } foo(3) ``` + +And here is some more with line numbers + +{% highlight python linenos %} +def bar(x): + return x * 2 + +print bar(2) +{% endhighlight %} diff --git a/css/main.css b/css/main.css index f26aac0..9a7a33b 100644 --- a/css/main.css +++ b/css/main.css @@ -586,8 +586,9 @@ table tr td :last-child { } /* --- Code blocks --- */ + pre { - font-size: 16px; + font-size: 16px !important; line-height: 1.5em; } pre code { @@ -601,27 +602,20 @@ pre.highlight, .highlight > pre, td.code pre { background-position: 0px 10px; border-left: 7px solid #444; } +code table, code table td, code table th, code table tbody, code table tr, +td.gutter pre { + padding: 0; + border: none; +} .highlight > pre { padding: 0; - margin: 0; } td.code pre { - border: none; - border-left: 2px solid #444; + border-width: 0 0 0 2px; + border-style: solid; + border-color: #444; border-radius: 0; - background: transparent!; -} -td.gutter pre { - border: none; } td.gutter { padding-top: 3px; } -code table { - border-collapse: collapse; - border: none; -} -code table td, code table th, code table tbody, code table tr { - padding: 0; - border: none; -} From da54dfd21a0f40f199c957e2e06c39e5db1c75b7 Mon Sep 17 00:00:00 2001 From: Pete Date: Fri, 29 Jul 2016 22:26:26 -0500 Subject: [PATCH 3/3] remove imp --- css/main.css | 2 +- css/pygment_highlights.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/main.css b/css/main.css index 9a7a33b..914987b 100644 --- a/css/main.css +++ b/css/main.css @@ -588,7 +588,7 @@ table tr td :last-child { /* --- Code blocks --- */ pre { - font-size: 16px !important; + font-size: 16px; line-height: 1.5em; } pre code { diff --git a/css/pygment_highlights.css b/css/pygment_highlights.css index 3904a9c..411bfeb 100644 --- a/css/pygment_highlights.css +++ b/css/pygment_highlights.css @@ -1,5 +1,5 @@ /* .highlight { background: #ffffff; } Dean commented out */ -.highlight pre { background-color: #fff; font-size: 16px } +/* .highlight pre { background-color: #fff; font-size: 16px } */ .highlight .c { color: #999988; font-style: italic } /* Comment */ .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ .highlight .k { font-weight: bold } /* Keyword */