Add support for Chroma highlight, remove old CSS and update codecaption to work with Chroma highlighting

4 files changed, 88 insertions, 534 deletions

diff --git a/README.md b/README.md
index 566ba71..0636d10 100644
--- a/README.md
+++ b/README.md
@@ -108,36 +108,25 @@ post = "/blog/:year-:month-:day-:title/"
 ```
 
 ## <a name="highlight"></a>Code highlight
-Octopress classic theme uses the pygments' `solarized dark` for highlighting. It is not installed by default. You can get it from https://github.com/john2x/solarized-pygment. It has three options:
-
-* solarized_light: default option after installation
-* solarized_dark: use this to re-create the Octopress classic theme highlighting
-* solarized_dark256
-
-As on Hugo 0.28 the built-in Chroma highlighter is used by default. It does not support solarized dark yet. To keep using the highlighting by CSS add `pygmentsUseClassic=true` to the config file.
+The theme now supports the built-in Chroma highlighter. However, Chroma does not support the pygments `solarized dark` style. It's added to the CSS instead and must be enabled with `pygmentsuseclasses = true` in the config file. To use the Chroma highlighter, you need to disable Pygments with `pygmentsUseClassic=false`.
 
 The following options control code highlighting:
 
 ``` toml
-[params]
-  # If nothing is set, then solarized_light is used
-  pygmentsstyle = "solarized_dark"
+# Highlight shortcode and code fences (```) will be treated similarly
+pygmentscodefences = true
 
-  # Use internal highlighter instead of Chroma
-  pygmentsUseClassic=true
+# Use CSS for highlighting
+pygmentsuseclasses = true
 
-  # Highlight shortcode and code fences (```) will be treated similarly
-  pygmentscodefences = true
-
-  # pygments options can be added here (and in the highlight shortcode in the markdown file)
-  # Hugo supports these pygments options: style, encoding, noclasses, hl_lines, linenos
-  # for example: pygmentsoptions = "linenos=true"
+# pygments options can be added here (and in the highlight shortcode in the markdown file)
+# Hugo supports these pygments options: style, encoding, noclasses, hl_lines, linenos
+# for example: pygmentsoptions = "linenos=true"
 ```
 
 For more information see [Syntax Highlighting](https://gohugo.io/extras/highlighting/) in Hugo's documentation.
 
 ## <a name="markdown"></a>Markdown options
-
 Blackfriday is Hugo's markdown engine. For a list of options see [Configure Blackfriday rendering](https://gohugo.io/overview/configuration/#configure-blackfriday-rendering). Blackfriday options can be set as follows:
 
 ``` toml
diff --git a/layouts/shortcodes/codecaption.html b/layouts/shortcodes/codecaption.html
index dca5d3f..6048378 100644
--- a/layouts/shortcodes/codecaption.html
+++ b/layouts/shortcodes/codecaption.html
@@ -12,6 +12,6 @@
   	<span>{{ .Get "title" }}</span>
   </figcaption>
   <div class="codewrapper">
-    {{ highlight .Inner (.Get "lang") "linenos=true" }}
+    {{ highlight (trim .Inner "\n\r") (.Get "lang") "linenos=true" }}
   </div>
 </figure>
diff --git a/sample-config.toml b/sample-config.toml
index 5c08f0e..fea4caa 100644
--- a/sample-config.toml
+++ b/sample-config.toml
@@ -12,18 +12,14 @@ disqusShortname = "Your disqus shortname"
 # Number of blog posts in each pagination page
 paginate = 6
 
-pygmentsstyle = "solarized_dark"
-
-# Use internal highlighter instead of Chroma
-pygmentsUseClassic=true
-
-# You need to install Solarized from https://github.com/john2x/solarized-pygment
-# Octopress classic theme uses Solarized_dark
-# Options are solarized_dark (octopress), solarized_dark256 and solarized_light
+# Code highlighting options
 
 # Highlight shortcode and code fences (```) will be treated similarly
 pygmentscodefences = true
 
+# Use CSS for highlighting
+pygmentsuseclasses = true
+
 # pygments options can be added here (and in the highlight shortcode in the markdown file)
 # Hugo supports these pygments options: style, encoding, noclasses, hl_lines, linenos
 # for example: pygmentsoptions = "linenos=true"
diff --git a/static/css/hugo-octopress.css b/static/css/hugo-octopress.css
index 37d8845..c35f357 100644..100755
--- a/static/css/hugo-octopress.css
+++ b/static/css/hugo-octopress.css
@@ -1167,8 +1167,6 @@ article>footer p.meta {
     clear: both;
     overflow: hidden
 }
-.blog-index article+article {
-}
 #content .blog-index {
     padding-top: 0;
     padding-bottom: 0
@@ -1259,120 +1257,7 @@ p.meta+.sharing {
 #fb-root {
     display: none
 }
-.highlighttable,
-html .gist .gist-file .gist-syntax .gist-highlighttable {
-    border-left: 1px solid #05232b !important;
-
-}
-.highlighttable table td.code,
-html .gist .gist-file .gist-syntax .gist-highlighttable table td.code {
-    width: 100%;
 
-}
-.highlighttable .line-numbers,
-html .gist .gist-file .gist-syntax .highlighttable .line_numbers {
-    text-align: right;
-    font-size: 13px;
-    line-height: 1.45em;
-    background: #073642 top left !important;
-    border-right: 1px solid #00232c !important;
-    -webkit-box-shadow: #083e4b -1px 0 inset;
-    -moz-box-shadow: #083e4b -1px 0 inset;
-    box-shadow: #083e4b -1px 0 inset;
-    text-shadow: #021014 0 -1px;
-    padding: .8em !important;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    -ms-border-radius: 0;
-    -o-border-radius: 0;
-    border-radius: 0
-}
-.highlighttable .line-numbers span,
-html .gist .gist-file .gist-syntax .highlighttable .line_numbers span {
-    color: #586e75 !important
-}
-figure.code,
-.gist-file,
-pre {
-    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px
-}
-figure.code .highlighttable pre,
-.gist-file .highlighttable pre,
-pre .highlighttable pre {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none
-}
-.gist .highlighttable *::-moz-selection,
-figure.code .highlighttable *::-moz-selection {
-    background: #386774;
-    color: inherit;
-    text-shadow: #002b36 0 1px;
-}
-.gist .highlighttable *::-webkit-selection,
-figure.code .highlighttable *::-webkit-selection {
-    background: #386774;
-    color: inherit;
-    text-shadow: #002b36 0 1px
-}
-.gist .highlighttable *::selection,
-figure.code .highlighttable *::selection {
-    background: #386774;
-    color: inherit;
-    text-shadow: #002b36 0 1px
-}
-/*html .gist .gist-file {
-    margin-bottom: 1.8em;
-    position: relative;
-    border: none;
-    padding-top: 26px !important
-}
-html .gist .gist-file .highlighttable {
-    margin-bottom: 0
-}
-html .gist .gist-file .gist-syntax {
-    border-bottom: 0 !important;
-    background: none !important
-}
-html .gist .gist-file .gist-syntax .gist-highlighttable {
-    background: #002b36 !important
-}
-html .gist .gist-file .gist-syntax .highlighttable pre {
-    padding: 0
-}
-html .gist .gist-file .gist-meta {
-    padding: .6em 0.8em;
-    border: 1px solid #083e4b !important;
-    font-size: 100%;
-    color: #586e75;
-    font-size: .7em !important;
-    line-height: 1.5em
-}
-html .gist .gist-file .gist-meta a {
-    color: #75878b !important;
-    text-decoration: none
-}
-html .gist .gist-file .gist-meta a:hover {
-    text-decoration: underline
-}
-html .gist .gist-file .gist-meta a:hover {
-    color: #93a1a1 !important
-}
-html .gist .gist-file .gist-meta a[href*='#file'] {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: -10px;
-    color: #474747 !important
-}
-html .gist .gist-file .gist-meta a[href*='#file']:hover {
-    color: #1863a1 !important
-}
-html .gist .gist-file .gist-meta a[href*=raw] {
-    top: .4em
-}*/
 pre {
     background: #002b36 top left;
     -webkit-border-radius: 0.0em;
@@ -1419,17 +1304,6 @@ li pre code {
     border: none
 }
 
-/*.pre-code,
-html .gist .gist-file .gist-syntax .highlighttable pre,
-.highlighttable code {
-    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important;
-    overflow: scroll;
-    overflow-y: hidden;
-    overflow-x: auto;
-    line-height: 1.45em;
-    color: #93a1a1 !important
-}*/
-
 /* Fix codecaption and the new Chroma highlighter */
 
 div.highlight > pre > code,
@@ -1449,300 +1323,6 @@ div.linenodiv > pre > code
 
 /* End fix codecaption and the new Chroma highlighter */
 
-.pre-code span,
-html .gist .gist-file .gist-syntax .highlighttable pre span,
-.highlighttable code span {
-    font-style: normal !important;
-    font-weight: normal !important
-}
-.pre-code .c,
-html .gist .gist-file .gist-syntax .highlighttable pre .c,
-.highlighttable code .c {
-    color: #586e75 !important;
-    font-style: italic !important
-}
-.pre-code .cm,
-html .gist .gist-file .gist-syntax .highlighttable pre .cm,
-.highlighttable code .cm {
-    color: #586e75 !important;
-    font-style: italic !important
-}
-.pre-code .cp,
-html .gist .gist-file .gist-syntax .highlighttable pre .cp,
-.highlighttable code .cp {
-    color: #586e75 !important;
-    font-style: italic !important
-}
-.pre-code .c1,
-html .gist .gist-file .gist-syntax .highlighttable pre .c1,
-.highlighttable code .c1 {
-    color: #586e75 !important;
-    font-style: italic !important
-}
-.pre-code .cs,
-html .gist .gist-file .gist-syntax .highlighttable pre .cs,
-.highlighttable code .cs {
-    color: #586e75 !important;
-    font-weight: bold !important;
-    font-style: italic !important
-}
-.pre-code .err,
-html .gist .gist-file .gist-syntax .highlighttable pre .err,
-.highlighttable code .err {
-    color: #dc322f !important;
-    background: none !important
-}
-.pre-code .k,
-html .gist .gist-file .gist-syntax .highlighttable pre .k,
-.highlighttable code .k {
-    color: #cb4b16 !important
-}
-.pre-code .o,
-html .gist .gist-file .gist-syntax .highlighttable pre .o,
-.highlighttable code .o {
-    color: #93a1a1 !important;
-    font-weight: bold !important
-}
-.pre-code .p,
-html .gist .gist-file .gist-syntax .highlighttable pre .p,
-.highlighttable code .p {
-    color: #93a1a1 !important
-}
-.pre-code .ow,
-html .gist .gist-file .gist-syntax .highlighttable pre .ow,
-.highlighttable code .ow {
-    color: #2aa198 !important;
-    font-weight: bold !important
-}
-.pre-code .gd,
-html .gist .gist-file .gist-syntax .highlighttable pre .gd,
-.highlighttable code .gd {
-    color: #93a1a1 !important;
-    background-color: #372c34 !important;
-    display: inline-block
-}
-.pre-code .gd .x,
-html .gist .gist-file .gist-syntax .highlighttable pre .gd .x,
-.highlighttable code .gd .x {
-    color: #93a1a1 !important;
-    background-color: #4d2d33 !important;
-    display: inline-block
-}
-.pre-code .ge,
-html .gist .gist-file .gist-syntax .highlighttable pre .ge,
-.highlighttable code .ge {
-    color: #93a1a1 !important;
-    font-style: italic !important
-}
-.pre-code .gh,
-html .gist .gist-file .gist-syntax .highlighttable pre .gh,
-.highlighttable code .gh {
-    color: #586e75 !important
-}
-.pre-code .gi,
-html .gist .gist-file .gist-syntax .highlighttable pre .gi,
-.highlighttable code .gi {
-    color: #93a1a1 !important;
-    background-color: #1a412b !important;
-    display: inline-block
-}
-.pre-code .gi .x,
-html .gist .gist-file .gist-syntax .highlighttable pre .gi .x,
-.highlighttable code .gi .x {
-    color: #93a1a1 !important;
-    background-color: #355720 !important;
-    display: inline-block
-}
-.pre-code .gs,
-html .gist .gist-file .gist-syntax .highlighttable pre .gs,
-.highlighttable code .gs {
-    color: #93a1a1 !important;
-    font-weight: bold !important
-}
-.pre-code .gu,
-html .gist .gist-file .gist-syntax .highlighttable pre .gu,
-.highlighttable code .gu {
-    color: #6c71c4 !important
-}
-.pre-code .kc,
-html .gist .gist-file .gist-syntax .highlighttable pre .kc,
-.highlighttable code .kc {
-    color: #859900 !important;
-    font-weight: bold !important
-}
-.pre-code .kd,
-html .gist .gist-file .gist-syntax .highlighttable pre .kd,
-.highlighttable code .kd {
-    color: #268bd2 !important
-}
-.pre-code .kp,
-html .gist .gist-file .gist-syntax .highlighttable pre .kp,
-.highlighttable code .kp {
-    color: #cb4b16 !important;
-    font-weight: bold !important
-}
-.pre-code .kr,
-html .gist .gist-file .gist-syntax .highlighttable pre .kr,
-.highlighttable code .kr {
-    color: #d33682 !important;
-    font-weight: bold !important
-}
-.pre-code .kt,
-html .gist .gist-file .gist-syntax .highlighttable pre .kt,
-.highlighttable code .kt {
-    color: #2aa198 !important
-}
-.pre-code .n,
-html .gist .gist-file .gist-syntax .highlighttable pre .n,
-.highlighttable code .n {
-    color: #268bd2 !important
-}
-.pre-code .na,
-html .gist .gist-file .gist-syntax .highlighttable pre .na,
-.highlighttable code .na {
-    color: #268bd2 !important
-}
-.pre-code .nb,
-html .gist .gist-file .gist-syntax .highlighttable pre .nb,
-.highlighttable code .nb {
-    color: #859900 !important
-}
-.pre-code .nc,
-html .gist .gist-file .gist-syntax .highlighttable pre .nc,
-.highlighttable code .nc {
-    color: #d33682 !important
-}
-.pre-code .no,
-html .gist .gist-file .gist-syntax .highlighttable pre .no,
-.highlighttable code .no {
-    color: #b58900 !important
-}
-.pre-code .nl,
-html .gist .gist-file .gist-syntax .highlighttable pre .nl,
-.highlighttable code .nl {
-    color: #859900 !important
-}
-.pre-code .ne,
-html .gist .gist-file .gist-syntax .highlighttable pre .ne,
-.highlighttable code .ne {
-    color: #268bd2 !important;
-    font-weight: bold !important
-}
-.pre-code .nf,
-html .gist .gist-file .gist-syntax .highlighttable pre .nf,
-.highlighttable code .nf {
-    color: #268bd2 !important;
-    font-weight: bold !important
-}
-.pre-code .nn,
-html .gist .gist-file .gist-syntax .highlighttable pre .nn,
-.highlighttable code .nn {
-    color: #b58900 !important
-}
-.pre-code .nt,
-html .gist .gist-file .gist-syntax .highlighttable pre .nt,
-.highlighttable code .nt {
-    color: #268bd2 !important;
-    font-weight: bold !important
-}
-.pre-code .nx,
-html .gist .gist-file .gist-syntax .highlighttable pre .nx,
-.highlighttable code .nx {
-    color: #b58900 !important
-}
-.pre-code .vg,
-html .gist .gist-file .gist-syntax .highlighttable pre .vg,
-.highlighttable code .vg {
-    color: #268bd2 !important
-}
-.pre-code .vi,
-html .gist .gist-file .gist-syntax .highlighttable pre .vi,
-.highlighttable code .vi {
-    color: #268bd2 !important
-}
-.pre-code .nv,
-html .gist .gist-file .gist-syntax .highlighttable pre .nv,
-.highlighttable code .nv {
-    color: #268bd2 !important
-}
-.pre-code .mf,
-html .gist .gist-file .gist-syntax .highlighttable pre .mf,
-.highlighttable code .mf {
-    color: #2aa198 !important
-}
-.pre-code .m,
-html .gist .gist-file .gist-syntax .highlighttable pre .m,
-.highlighttable code .m {
-    color: #2aa198 !important
-}
-.pre-code .mh,
-html .gist .gist-file .gist-syntax .highlighttable pre .mh,
-.highlighttable code .mh {
-    color: #2aa198 !important
-}
-.pre-code .mi,
-html .gist .gist-file .gist-syntax .highlighttable pre .mi,
-.highlighttable code .mi {
-    color: #2aa198 !important
-}
-.pre-code .s,
-html .gist .gist-file .gist-syntax .highlighttable pre .s,
-.highlighttable code .s {
-    color: #2aa198 !important
-}
-.pre-code .sd,
-html .gist .gist-file .gist-syntax .highlighttable pre .sd,
-.highlighttable code .sd {
-    color: #2aa198 !important
-}
-.pre-code .s2,
-html .gist .gist-file .gist-syntax .highlighttable pre .s2,
-.highlighttable code .s2 {
-    color: #2aa198 !important
-}
-.pre-code .se,
-html .gist .gist-file .gist-syntax .highlighttable pre .se,
-.highlighttable code .se {
-    color: #dc322f !important
-}
-.pre-code .si,
-html .gist .gist-file .gist-syntax .highlighttable pre .si,
-.highlighttable code .si {
-    color: #268bd2 !important
-}
-.pre-code .sr,
-html .gist .gist-file .gist-syntax .highlighttable pre .sr,
-.highlighttable code .sr {
-    color: #2aa198 !important
-}
-.pre-code .s1,
-html .gist .gist-file .gist-syntax .highlighttable pre .s1,
-.highlighttable code .s1 {
-    color: #2aa198 !important
-}
-.pre-code div .gd,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gd,
-.highlighttable code div .gd,
-.pre-code div .gd .x,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gd .x,
-.highlighttable code div .gd .x,
-.pre-code div .gi,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gi,
-.highlighttable code div .gi,
-.pre-code div .gi .x,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gi .x,
-.highlighttable code div .gi .x {
-    display: inline-block;
-    width: 100%
-}
-.highlighttable,
-.gist-highlighttable {
-    margin-bottom: 1.8em;
-    background: #002b36;
-    overflow-y: hidden;
-    overflow-x: auto
-}
-
 pre::-webkit-scrollbar,
 .highlighttable::-webkit-scrollbar,
 .gist-highlighttable::-webkit-scrollbar {
@@ -1774,7 +1354,6 @@ figure.code .highlighttable {
     width: 100%;
 }
 .code-title,
-/*html .gist .gist-file .gist-meta a[href*='#file'],*/
 h3.filename,
 figure.code figcaption { /* figcaption changes */
     text-align: center;
@@ -1790,7 +1369,6 @@ figure.code figcaption { /* figcaption changes */
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;
     background: #aaa top repeat-x;
-/*    font-family: "Helvetica Neue",Arial,"Lucida Grande","Lucida Sans Unicode",Lucida,sans-serif;*/
     border: 1px solid #565656;
     border-top-color: #cbcbcb;
     border-left-color: #a5a5a5;
@@ -1799,7 +1377,6 @@ figure.code figcaption { /* figcaption changes */
     font-size: 90%; /* change size of font in figcaption */
 }
 .download-source,
-/*html .gist .gist-file .gist-meta a[href*=raw],*/
 figure.code figcaption a {
     position: absolute;
     right: .8em;
@@ -1811,7 +1388,6 @@ figure.code figcaption a {
     padding-left: 3em
 }
 .download-source:hover,
-/*html .gist .gist-file .gist-meta a[href*=raw]:hover,*/
 figure.code figcaption a:hover {
     text-decoration: underline
 }
@@ -1992,14 +1568,7 @@ aside.sidebar:hover a {
 aside.sidebar:hover a:hover {
     color: #0181eb
 }
-.aside-alt-link,
-#pinboard_linkroll .pin-tag {
-    color: #7e7e7e
-}
-.aside-alt-link:hover,
-#pinboard_linkroll .pin-tag:hover {
-    color: #0181eb
-}
+
 @media only screen and (min-width: 768px) {
     .toggle-sidebar {
         outline: none;
@@ -2059,52 +1628,7 @@ aside.sidebar:hover a:hover {
         background: none
     }
 }
-.googleplus h1 {
-    -moz-box-shadow: none !important;
-    -webkit-box-shadow: none !important;
-    -o-box-shadow: none !important;
-    box-shadow: none !important;
-    border-bottom: 0px none !important
-}
-.googleplus a {
-    text-decoration: none;
-    white-space: normal !important;
-    line-height: 32px
-}
-.googleplus a img {
-    float: left;
-    margin-right: 0.5em;
-    border: 0 none
-}
-.googleplus-hidden {
-    position: absolute;
-    top: -1000em;
-    left: -1000em
-}
-#pinboard_linkroll .pin-title,
-#pinboard_linkroll .pin-description {
-    display: block;
-    margin-bottom: .5em
-}
-#pinboard_linkroll .pin-tag {
-    text-decoration: none
-}
-#pinboard_linkroll .pin-tag:hover {
-    text-decoration: underline
-}
-#pinboard_linkroll .pin-tag:after {
-    content: ','
-}
-#pinboard_linkroll .pin-tag:last-child:after {
-    content: ''
-}
-.delicious-posts a.delicious-link {
-    margin-bottom: .5em;
-    display: block
-}
-.delicious-posts p {
-    font-size: 1em
-}
+
 body>footer {
     font-size: 1em; /* increase font size for footer */
     color: #888;
@@ -2152,7 +1676,7 @@ th {
     text-align: center;
 }
 
-/* Taken from hyde-x.css to format labels (categories) as octopress doesn't have  */
+/* Taken from hyde-x.css to format labels (categories) as Octopress doesn't have  */
 
 .label {
   display: inline;
@@ -2252,7 +1776,7 @@ h6 {
     margin-top: 0.8em;
 }
 
-/* side bar code from hyde-x */
+/* side bar code from hyde-x - start */
 
 /*
  * Sidebar
@@ -2297,7 +1821,9 @@ h6 {
   }
 }
 
-/* Start - Making the gist work */
+/* side bar code from hyde-x - end */
+
+/* making the gist work - start */
 .gist .gist-meta {
     font-size: 90% !important;
     color: #586069 !important;
@@ -2374,11 +1900,11 @@ h6 {
     font-family: Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace !important;
 }
 
-/* End credit gist */
+/* credit gist - end*/
 
-/* End - Making the gist work */
+/* making the gist work - end */
 
-/* Hugo Figure shortcode */
+/* Hugo Figure shortcode - start */
 
 figure figcaption {
     background: #fff;
@@ -2400,25 +1926,68 @@ figure a {
     white-space: nowrap;
 }
 
-/*figure figcaption h4  {
-    text-align: center;
-    line-height: 2em;
-    text-shadow: #cbcccc 0 1px 0;
-    color: #474747;
-    font-weight: normal;
-    margin-bottom: 0;
-    -moz-border-radius-topleft: 5px;
-    -webkit-border-top-left-radius: 5px;
-    border-top-left-radius: 5px;
-    -moz-border-radius-topright: 5px;
-    -webkit-border-top-right-radius: 5px;
-    border-top-right-radius: 5px;
-    background: #aaa top repeat-x;
-    border: 1px solid #565656;
-    border-top-color: #cbcbcb;
-    border-left-color: #a5a5a5;
-    border-right-color: #a5a5a5;
-    border-bottom: 0;
-    font-size: 90%;
-    margin: 0px;
-}*/
\ No newline at end of file
+/* Hugo Figure shortcode - end */
+
+/* Chroma - start */
+
+/* Background */ .chroma { color: #93a1a1; background-color: #002b36 }
+/* Other */ .chroma .x { color: #cb4b16 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%; }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* Keyword */ .chroma .k { color: #719e07 }
+/* KeywordConstant */ .chroma .kc { color: #cb4b16 }
+/* KeywordDeclaration */ .chroma .kd { color: #268bd2 }
+/* KeywordNamespace */ .chroma .kn { color: #719e07 }
+/* KeywordPseudo */ .chroma .kp { color: #719e07 }
+/* KeywordReserved */ .chroma .kr { color: #268bd2 }
+/* KeywordType */ .chroma .kt { color: #dc322f }
+/* NameBuiltin */ .chroma .nb { color: #b58900 }
+/* NameBuiltinPseudo */ .chroma .bp { color: #268bd2 }
+/* NameClass */ .chroma .nc { color: #268bd2 }
+/* NameConstant */ .chroma .no { color: #cb4b16 }
+/* NameDecorator */ .chroma .nd { color: #268bd2 }
+/* NameEntity */ .chroma .ni { color: #cb4b16 }
+/* NameException */ .chroma .ne { color: #cb4b16 }
+/* NameFunction */ .chroma .nf { color: #268bd2 }
+/* NameTag */ .chroma .nt { color: #268bd2 }
+/* NameVariable */ .chroma .nv { color: #268bd2 }
+/* LiteralString */ .chroma .s { color: #2aa198 }
+/* LiteralStringAffix */ .chroma .sa { color: #2aa198 }
+/* LiteralStringBacktick */ .chroma .sb { color: #586e75 }
+/* LiteralStringChar */ .chroma .sc { color: #2aa198 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #2aa198 }
+/* LiteralStringDouble */ .chroma .s2 { color: #2aa198 }
+/* LiteralStringEscape */ .chroma .se { color: #cb4b16 }
+/* LiteralStringInterpol */ .chroma .si { color: #2aa198 }
+/* LiteralStringOther */ .chroma .sx { color: #2aa198 }
+/* LiteralStringRegex */ .chroma .sr { color: #dc322f }
+/* LiteralStringSingle */ .chroma .s1 { color: #2aa198 }
+/* LiteralStringSymbol */ .chroma .ss { color: #2aa198 }
+/* LiteralNumber */ .chroma .m { color: #2aa198 }
+/* LiteralNumberBin */ .chroma .mb { color: #2aa198 }
+/* LiteralNumberFloat */ .chroma .mf { color: #2aa198 }
+/* LiteralNumberHex */ .chroma .mh { color: #2aa198 }
+/* LiteralNumberInteger */ .chroma .mi { color: #2aa198 }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #2aa198 }
+/* LiteralNumberOct */ .chroma .mo { color: #2aa198 }
+/* Operator */ .chroma .o { color: #719e07 }
+/* OperatorWord */ .chroma .ow { color: #719e07 }
+/* Comment */ .chroma .c { color: #586e75 }
+/* CommentHashbang */ .chroma .ch { color: #586e75 }
+/* CommentMultiline */ .chroma .cm { color: #586e75 }
+/* CommentSingle */ .chroma .c1 { color: #586e75 }
+/* CommentSpecial */ .chroma .cs { color: #719e07 }
+/* CommentPreproc */ .chroma .cp { color: #719e07 }
+/* CommentPreprocFile */ .chroma .cpf { color: #719e07 }
+/* GenericDeleted */ .chroma .gd { color: #dc322f }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericError */ .chroma .gr { color: #dc322f; font-weight: bold }
+/* GenericHeading */ .chroma .gh { color: #cb4b16 }
+/* GenericInserted */ .chroma .gi { color: #719e07 }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #268bd2 }
+
+/* Chroma - end */
\ No newline at end of file