Added new lighter code theme and added cache busting with ?v

1 files changed, 122 insertions, 4 deletions

diff --git a/src/static/style.css b/src/static/style.css
index 3cb585a..b7fe7f7 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -84,10 +84,6 @@ p.modified {
     color: #000;
 }
 
-code[class*=language-] {
-    font-size: 14px !important;
-}
-
 @media only screen and (max-width:480px) {
     main {
         padding: 20px;
@@ -128,3 +124,125 @@ code[class*=language-] {
         font-size: 160%;
     }
 }
+
+/* prism theme */
+
+/**
+ * GHColors theme by Avi Aryan (http://aviaryan.in)
+ * Inspired by Github syntax coloring
+ */
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+     color: #393A34;
+     font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+     direction: ltr;
+     text-align: left;
+     white-space: pre;
+     word-spacing: normal;
+     word-break: normal;
+     font-size: .75em;
+     line-height: 1.2em;
+
+     -moz-tab-size: 4;
+     -o-tab-size: 4;
+     tab-size: 4;
+
+     -webkit-hyphens: none;
+     -moz-hyphens: none;
+     -ms-hyphens: none;
+     hyphens: none;
+ }
+
+ pre > code[class*="language-"] {
+     font-size: 1em;
+ }
+
+ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+ code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+     background: #b3d4fc;
+ }
+
+ pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+ code[class*="language-"]::selection, code[class*="language-"] ::selection {
+     background: #b3d4fc;
+ }
+
+ /* Code blocks */
+ pre[class*="language-"] {
+     padding: 1em;
+     margin: .5em 0;
+     overflow: auto;
+     border: 1px solid #dddddd;
+     background-color: white;
+ }
+
+ /* Inline code */
+ :not(pre) > code[class*="language-"] {
+     padding: .2em;
+     padding-top: 1px; padding-bottom: 1px;
+     background: #f8f8f8;
+     border: 1px solid #dddddd;
+ }
+
+ .token.comment,
+ .token.prolog,
+ .token.doctype,
+ .token.cdata {
+     color: #999988; font-style: italic;
+ }
+
+ .token.namespace {
+     opacity: .7;
+ }
+
+ .token.string,
+ .token.attr-value {
+     color: #e3116c;
+ }
+ .token.punctuation,
+ .token.operator {
+     color: #393A34; /* no highlight */
+ }
+
+ .token.entity,
+ .token.url,
+ .token.symbol,
+ .token.number,
+ .token.boolean,
+ .token.variable,
+ .token.constant,
+ .token.property,
+ .token.regex,
+ .token.inserted {
+     color: #36acaa;
+ }
+
+ .token.atrule,
+ .token.keyword,
+ .token.attr-name,
+ .language-autohotkey .token.selector {
+     color: #00a4db;
+ }
+
+ .token.function,
+ .token.deleted,
+ .language-autohotkey .token.tag {
+     color: #9a050f;
+ }
+
+ .token.tag,
+ .token.selector,
+ .language-autohotkey .token.keyword {
+     color: #00009f;
+ }
+
+ .token.important,
+ .token.function,
+ .token.bold {
+     font-weight: bold;
+ }
+
+ .token.italic {
+     font-style: italic;
+ }