diff --git a/djblets/static/djblets/css/config-forms.less b/djblets/static/djblets/css/config-forms.less
index 02aa953e8c8351b1dee99ced5cfbea27e61068fb..a8b0b987df3c3c1b95742a9da29f02aacea004cc 100644
--- a/djblets/static/djblets/css/config-forms.less
+++ b/djblets/static/djblets/css/config-forms.less
@@ -1,3 +1,5 @@
+@import (reference) "defs.less";
+
 @img-base: '../images/config-forms';
 
 @config-forms-box-bg: #EEEEEE;
@@ -5,13 +7,6 @@
 @config-forms-box-border-radius: 6px;
 
 
-.border-radius (...) {
-  -moz-border-radius: @arguments;
-  -webkit-border-radius: @arguments;
-  border-radius: @arguments;
-}
-
-
 .ellipsize() {
   /* Ellipsize the text contents. */
   overflow: hidden;
diff --git a/djblets/static/djblets/css/defs.less b/djblets/static/djblets/css/defs.less
new file mode 100644
index 0000000000000000000000000000000000000000..40daacb5660066d9e45a63cfcdeddfa8ee0f54e0
--- /dev/null
+++ b/djblets/static/djblets/css/defs.less
@@ -0,0 +1,13 @@
+.border-radius (...) {
+  -moz-border-radius: @arguments;
+  -webkit-border-radius: @arguments;
+  border-radius: @arguments;
+}
+
+.pre-wrap() {
+  white-space: pre-wrap;      /* CSS 3 */
+  white-space: -moz-pre-wrap; /* Mozilla, 1999+ */
+  white-space: -pre-wrap;     /* Opera 4-6 */
+  white-space: -o-pre-wrap;   /* Opera 7 */
+  word-wrap: break-word;      /* IE 5.5+ */
+}
diff --git a/djblets/static/djblets/css/mixins/markdown.less b/djblets/static/djblets/css/mixins/markdown.less
index de9be53ad0a473cd2e4aca13d49114f947d388bf..4bc6ffe70abff05b32cb3205d459867c761ae69d 100644
--- a/djblets/static/djblets/css/mixins/markdown.less
+++ b/djblets/static/djblets/css/mixins/markdown.less
@@ -1,3 +1,15 @@
+@import (reference) "../defs.less";
+
+
+.codeblock() {
+  background-color: #fbfaf8;
+  .border-radius(3px);
+  border: 1px solid #ccc;
+  margin: -3px;
+  padding: 2px;
+}
+
+
 /*
  * A mixin to add styles for the Markdown WYSIWYG extension's output.
  *
@@ -136,16 +148,17 @@
   }
 
   code {
-    color: #4444cc;
+    .codeblock();
+    color: #dd4444;
   }
 
   pre {
-    .pre-wrap;
+    .pre-wrap();
     font-size: inherit;
     margin-left: 2.5em;
 
     * {
-      .pre-wrap;
+      .pre-wrap();
     }
   }
 
@@ -158,4 +171,13 @@
   hr {
     border: 1px solid #ddd;
   }
+
+  .codehilite {
+    .codeblock();
+
+    pre {
+      margin-left: 0;
+      padding: 0.2em 0.5em;
+    }
+  }
 }