From f254c5f4a3f6a2d3035b6b33c848782bd2ed9178 Mon Sep 17 00:00:00 2001 From: Thomas FORGIONE Date: Fri, 24 Apr 2015 15:21:07 +0200 Subject: [PATCH] Added css for syntax highlighting --- _layouts/main.html | 1 + static/css/syntax.css | 136 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 137 insertions(+) create mode 100644 static/css/syntax.css diff --git a/_layouts/main.html b/_layouts/main.html index eca9886..61982d8 100644 --- a/_layouts/main.html +++ b/_layouts/main.html @@ -5,6 +5,7 @@ +
diff --git a/static/css/syntax.css b/static/css/syntax.css new file mode 100644 index 0000000..e1e1886 --- /dev/null +++ b/static/css/syntax.css @@ -0,0 +1,136 @@ +pre { margin: 0px; } +.highlight .hll { background-color: #333333 } +.highlight { + + background: #111111; + + color: #ffffff ; + + padding: 0.2em 0.9em; + margin-bottom: 1em; + /* font: normal normal normal 115%/normal 'Monaco', 'Courier New', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace !important; */ + line-height: 1.1em; + overflow: auto; + font-size: 1.0em; + border: 1px solid #CCC; + + -moz-border-radius:7px; + -webkit-border-radius:7px; + border-radius:7px; + + +} + +p > code, p > a > code, li > code, h3 > code +{ + + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + color: #C5CBD0; + /*color: white*/ + background-image: url(/images/opaque_20.png); + font-family: Consolas, "Courier New", Courier, "Liberation Mono", monospace; + font-size: 1.1em; + /*height: 0px; + image-rendering: auto; + left: auto; + list-style-type: disc;*/ +padding-bottom: 2px; +padding-left: 4px; +padding-right: 4px; +padding-top: 2px; +text-decoration: none; +text-indent: 0px; +text-shadow: none; +text-transform: none; +top: auto; + +} + + +p > a > code +{ + color: #95be7d; +} + +code, pre { + font-family: "Consolas", "Courier New", "Courier", "FreeMono", monospace; + font-size:0.95em; + margin: 1em 0 1.5em 0; +} + +.highlight span +{ + font-family: "Consolas", "Courier New", "Courier", "FreeMono", monospace; + font-size:1em; +} + +.highlight .hll { background-color: #49483e } +.highlight { /*background: #272822;*/ color: #f8f8f2 } +.highlight .c { color: #75715e } /* Comment */ +.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ +.highlight .k { color: #66d9ef } /* Keyword */ +.highlight .l { color: #ae81ff } /* Literal */ +.highlight .n { color: #f8f8f2 } /* Name */ +.highlight .o { color: #f92672 } /* Operator */ +.highlight .p { color: #f8f8f2 } /* Punctuation */ +.highlight .cm { color: #75715e } /* Comment.Multiline */ +.highlight .cp { color: #75715e } /* Comment.Preproc */ +.highlight .c1 { color: #75715e } /* Comment.Single */ +.highlight .cs { color: #75715e } /* Comment.Special */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .kc { color: #66d9ef } /* Keyword.Constant */ +.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ +.highlight .kn { color: #f92672 } /* Keyword.Namespace */ +.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ +.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ +.highlight .kt { color: #66d9ef } /* Keyword.Type */ +.highlight .ld { color: #e6db74 } /* Literal.Date */ +.highlight .m { color: #ae81ff } /* Literal.Number */ +.highlight .s { color: #e6db74 } /* Literal.String */ +.highlight .na { color: #a6e22e } /* Name.Attribute */ +.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ +.highlight .nc { color: #a6e22e } /* Name.Class */ +.highlight .no { color: #66d9ef } /* Name.Constant */ +.highlight .nd { color: #a6e22e } /* Name.Decorator */ +.highlight .ni { color: #f8f8f2 } /* Name.Entity */ +.highlight .ne { color: #a6e22e } /* Name.Exception */ +.highlight .nf { color: #a6e22e } /* Name.Function */ +.highlight .nl { color: #f8f8f2 } /* Name.Label */ +.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ +.highlight .nx { color: #a6e22e } /* Name.Other */ +.highlight .py { color: #f8f8f2 } /* Name.Property */ +.highlight .nt { color: #f92672 } /* Name.Tag */ +.highlight .nv { color: #f8f8f2 } /* Name.Variable */ +.highlight .ow { color: #f92672 } /* Operator.Word */ +.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ +.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ +.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ +.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ +.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ +.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ +.highlight .sc { color: #e6db74 } /* Literal.String.Char */ +.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ +.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ +.highlight .se { color: #ae81ff } /* Literal.String.Escape */ +.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ +.highlight .sx { color: #e6db74 } /* Literal.String.Other */ +.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ +.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ +.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ +.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +/* Make line numbers unselectable: excludes line numbers from copy-paste user ops */ +.highlight .lineno {-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;} +.lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */ +.lineno::selection {background-color: transparent;} /* Other major browsers */ + +.highlight .lineno { color: #333; display:inline-block; padding: 0 5px; border-right:1px solid #333; } +.highlight pre code { display: block; white-space: pre; overflow-x: auto; word-wrap: normal; }