Update styles so that rouge is considered.

Author: mblayman

css/main.css

@@ -53,20 +53,29 @@ ul li {
   margin-left: 1.55em;
 }
 
-blockquote {
-  background-color: #e9e9e9;
-  padding: 0.15em 2em;
+pre {
+  margin: 0.5em 0;
 }
 
-div.highlight {
-  background-color: #eee;
+/* code blocks */
+div.highlighter-rouge, blockquote {
+  background-color: #f9f9f9;
   border: 1px solid #ccc;
-  padding: 1em;
+  padding: 0.5em 1.5em;
   border-radius: 3px;
-  margin-bottom: 10px;
+  margin: 0.5em 0em 1.5em;
 }
 
-div.highlight pre {
+/* inline code highlights */
+code.highlighter-rouge {
+  color: #666;
+  background-color: #f9f9f9;
+  border: 1px solid #ccc;
+  padding: 0.5em;
+  border-radius: 3px;
+}
+
+.highlight {
   overflow: auto
 }
 

css/syntax.css

@@ -1,4 +1,3 @@
-.highlight  { background: #ffffff; }
 .highlight .c { color: #999988; font-style: italic } /* Comment */
 .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 .highlight .k { font-weight: bold } /* Keyword */