Changes

Updated theme to support 'figure' divs
Added shadows to images and code blocks in theme

Themes/Default/Destination/css/theme.css

@@ -244,7 +244,6 @@ dl:not(.docutils) {
 	margin-bottom: 24px;
 }
 
-
 figure {
 	margin: 0;
 }
@@ -323,7 +322,7 @@ img {
 	border: 0;
 	-ms-interpolation-mode: bicubic;
 	vertical-align: middle;
-	max-width: 100%;
+	box-shadow: 0px 0px 10px rgba(10,10,10,0.3);
 }
 
 input {
@@ -403,6 +402,7 @@ p {
 
 pre > code {
 	font-size: 13px;
+	box-shadow: 0px 0px 8px rgba(10,10,10,0.1);
 }
 
 q {
@@ -459,6 +459,19 @@ td {
 	visibility: hidden;
 }
 
+div.figure {
+	align-items: center;
+	text-align: center;
+}
+
+div.figure img {
+	margin: 0 auto;
+}
+
+div.figure p {
+	font-size: smaller;
+}
+
 .float-left {
 	float: left;
 }
@@ -467,6 +480,10 @@ td {
 	float: right;
 }
 
+.footnotes {
+	font-size:smaller;
+}
+
 .full-width {
 	width: 100%;
 }
@@ -525,9 +542,6 @@ td {
 	margin-bottom: 5px;
 }
 
-.footnotes {
-	font-size:smaller;
-}
 
 /* #endregion */
 

src/DocNet/Utils.cs

@@ -50,7 +50,7 @@ namespace Docnet
 							 DocNetMode = true,
 							 DocumentLocation = documentPath,
 							 DocumentRoot = siteRoot,
-							 HtmlClassTitledImages = "Figure",
+							 HtmlClassTitledImages = "figure",
 						 };
 
 			var toReturn = parser.Transform(toConvert);

src/MarkdownDeepTests/Utils.cs

@@ -130,7 +130,7 @@ namespace MarkdownDeepTests
 			md.AutoHeadingIDs = resourceName.IndexOf("(AutoHeadingIDs)") >= 0;
 			if(resourceName.IndexOf("(Titled)") >= 0)
 			{
-				md.HtmlClassTitledImages = "Figure";
+				md.HtmlClassTitledImages = "figure";
 			}
 
 			string actual = md.Transform(input);

src/MarkdownDeepTests/testfiles/mdtest11/Images(Titled).html

@@ -1,6 +1,6 @@
 <p><img src="/path/to/img.jpg" alt="Alt text" /></p>
 
-<div class="Figure">
+<div class="figure">
     <img src="/path/to/img.jpg" alt="Alt text" title="Optional title" />
     <p>Optional title</p>
 </div>