Improved styling

src/client/less/layout.less

@@ -36,5 +36,11 @@ table {
     width: auto;
     margin: 0 @contentMinMarginX;
   }
-
+}
+
+.breadcrumbs {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
 }

src/client/less/markdown.less

@@ -1,9 +1,10 @@
-.markdown-body {
+.content {
   font-size: 16px;
   color: @colorText;
   line-height: 1.4;
+  padding-top: 30px;
 
-  p, blockquote, ul, ol, dl, li, table, pre, h5, h6 {
+  p, h5, h6 {
     margin: 15px 0;
   }
 
@@ -11,20 +12,20 @@
     line-height: 1.2;
     color: #0d0d0d;
   }
-  h1, h2 {
+  h1, h2, h3 {
     font-weight: normal;
   }
   h1 {
-    margin: 80px 0 50px;
+    margin: 60px 0 40px;
-    font-size: 52px;
+    font-size: 40px;
   }
   h2 {
-    margin: 60px 0 40px;
+    margin: 45px 0 30px;
-    font-size: 42px;
+    font-size: 30px;
   }
   h3 {
-    margin: 40px 0;
+    margin: 38px 0 25px;
-    font-size: 28px;
+    font-size: 25px;
   }
   h4 {
     margin: 20px 0;
@@ -34,12 +35,17 @@
     font-size: 18px;
   }
   h6 {
-    font-size: 16px;
+    font-size: 18px;
+    font-weight: normal;
+    font-style: italic;
   }
 
   ul, ol {
     margin: 0 0 45px;
   }
+  li {
+    margin: 5px 0;
+  }
 
   blockquote {
     margin: 20px 0 20px 10px;
@@ -61,13 +67,14 @@
 
   pre {
     overflow: auto;
+    margin: 20px 0;
   }
 
   pre > code {
     display: block;
     border: 1px solid #CCCCCC;
     line-height: 1.2;
-    margin: 20px 0;
+    margin: 0;
     padding: 15px 10px;
   }
 

src/client/less/view.less

@@ -19,11 +19,6 @@ a:hover, a:active {
 // Views
 
 .breadcrumbs {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-
   background-color: white;
 
   .main-column {

src/server/layout/page.php

@@ -36,7 +36,7 @@
       $isFirst = false;
     }
   ?></div></nav>
-  <article class="markdown-body main-column"><?php echo $data['articleHtml']; ?></article>
+  <article class="content main-column"><?php echo $data['articleHtml']; ?></article>
 </body>
 
 <!-- build:js client/view.js -->