Adding extra styling, fixing unflattening code sample

Author: SteveWilkes

docs/src/Object-Unflattening.md

@@ -12,7 +12,7 @@ For example, this Dictionary:
 var dictionary = new Dictionary<string, object>
 {
     ["Name"] = "Mrs Customer"
-    ["Dob"] = * DateTime 1985/11/05 *
+    ["Dob"] = new DateTime(1985, 11, 05),
     ["Address.Line1"] = "1 Street"
     ["Address.Postcode"] = "XY3 8HW"
 };

docs/src/css/styles.css

@@ -52,3 +52,7 @@ li.current {
     border-top: 1px solid #010101;
     border-bottom: 1px solid #010101;
 }
+
+.hljs-type, .hljs-keyword, .hljs-title {
+    font-weight: normal;
+}

docs/src/scripts/docs.js

@@ -0,0 +1,24 @@
+$(document).ready(function () {
+    var hlCode = document.querySelectorAll('pre code.cs'),
+        i,
+        hlLength = hlCode.length,
+        mapperRegex = new RegExp('\\bMapper\\b', 'g'),
+        typeRegex = new RegExp('(new</span>\\W+|class</span> <span class="hljs-title">|&lt;)([A-Z][^&\\\( ]+)( |{|\\\(|&gt;)', 'g'),
+        genericTypeRegex = new RegExp('(IDictionary|Dictionary|IEnumerable|IReadOnlyCollection|Collection|List)&lt;', 'g'),
+        observer = new MutationObserver(function (mutations) {
+            for (var mutation of mutations) {
+                if (mutation.attributeName === 'class') {
+                    var innerHTML = mutation.target.innerHTML
+                        .replace(mapperRegex, '<span class="hljs-type">Mapper</span>')
+                        .replace(typeRegex, '$1<span class="hljs-type">$2</span>$3')
+                        .replace(genericTypeRegex, '<span class="hljs-type">$1</span>&lt;');
+                    mutation.target.innerHTML = innerHTML;
+                }
+            }
+        }),
+        config = { attributes: true };
+
+    for (i = 0; i < hlLength; ++i) {
+        observer.observe(hlCode[i], config);
+    }
+});

mkdocs.yml

@@ -10,6 +10,9 @@ extra_css:
     - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/vs2015.min.css
     - css/styles.css
 
+extra_javascript:
+    - scripts/docs.js
+
 nav:
     - General Use:
         - Member matching: Member-Matching.md