use normal pre styles for syntax highlighter

Instead of applying styles to syntax highlighter blocks and trying to
match verbatim sections to that, just use the normal <pre> styles.  This
simplifies the rules needed, and removes the need to extend the syntax
highlighter's css rules.

Author: haarg

root/static/less/SyntaxHighlighter/shCore.css renamed to root/static/css/shCore.css

@@ -140,7 +140,6 @@ $(function () {
             config.highlight = all_lines;
         }
 
-        $(source).unwrap();
         SyntaxHighlighter.highlight(config, source);
     });
 });

root/static/less/SyntaxHighlighter/shThemeDefault.css renamed to root/static/css/shThemeDefault.css

@@ -105,9 +105,6 @@ ul#index, #index ul { list-style-type: none; }
     overflow-y: hidden;
 }
 
-.nogutter, .pod pre {
-    padding-left: 10px;
-}
 .pod p.pod-error {
     border-left: 1px solid #f32;
     margin-left: -16px;

root/static/js/syntaxhighlighter.js

@@ -1,27 +1,21 @@
-@import (less) "SyntaxHighlighter/shCore.css";
-@import (less) "SyntaxHighlighter/shThemeDefault.css";
-
 body .syntaxhighlighter {
-  font-size: 90% !important;
-  *, * *, * * * {
-    font-family: @font-family-monospace !important;
-  }
+    font-size: 100% !important;
+    margin: 0 !important;
+    /* needs higher specificity than the syntax highligher's rules */
+    &, *, * *, * * *, * * * * {
+        font-family: inherit !important;
+    }
 }
 
-.pod pre.metacpan-verbatim {
-  &:extend(.syntaxhighlighter);
-  *:extend(.syntaxhighlighter a) {}
+.pod > pre {
+    margin-left: 0px;
 }
-
-.pod pre,
-.pod pre.metacpan-verbatim, /* keep the same specificity as shCore.css */
-.syntaxhighlighter {
-    border: 1px solid #e9e9e9;
-    width: auto !important;
-    overflow-y: hidden !important;
-    background-color: #fafafa;
+.pod pre {
     padding: 10px;
-    -webkit-text-size-adjust: 100%; /* for iPhone <code>, issue #107 */
+    overflow-y: auto;
+}
+pre code {
+  white-space: pre;
 }
 
 /* work around incompatibility between bootstrap and syntaxhighlighter
@@ -30,4 +24,3 @@ body .syntaxhighlighter {
 .syntaxhighlighter .container:after {
     content: none !important;
 }
-