Tweak inline code and preformatted blocks

Adds a contrasting border to preformatted blocks (mainly for code blocks, but a few others), gives a subtle style to inline code elements in prose

Relates to #4193

Author: patrickhlauke

css/additional.css

@@ -5,7 +5,26 @@ body {
     }
 code { 
     font-family: monospace;
+    font-size: 0.85em;
     }
+
+/* preformatted blocks - generally contain code element */
+
+pre {
+    padding: 1em;
+    border: 1px solid #909090;
+    background: #fefefe;
+}
+
+/* inline code not in a preformatted block or link */
+
+:not(:is(pre, a)) > code {
+    font-size: 0.85em;
+    background: #ebebeb;
+    padding: 0 0.25em;
+    display: inline-block;
+}
+
 h3.section, h3.terms {font-weight: normal; margin-top: 1.5em; color: #000000; background: inherit;}
 h4 {font-weight: bold; margin-bottom: 0; color: #333; background: inherit;}