Changing formatting to be more tolerant

lib/gollum/frontend/public/css/template.css

@@ -16,25 +16,9 @@
 #template p {
   font-size: 1.4em;
   line-height: 1.6em;
+  margin: 0.5em 0 0.5em 0;
 }
 
-  /* See http://webtypography.net/Rhythm_and_Proportion/ */
-  #template p + p {
-    margin: -0.75em 0 0;
-    text-indent: 1em;
-  }
-  
-  /* Everybody loves type ornaments */
-  #template p:last-child:after {
-    color: #999;
-    content: " ❈";
-    font-size: 0.8em;
-  }
-  
-  #template blockquote p:last-child:after {
-    content: none;
-  }
-
 #template a:link {
   color: #4183c4;
   text-decoration: none;
@@ -48,15 +32,24 @@
   margin: 1.0em 0 0 2.0em;
   list-style-position: outside;
   padding: 0;
-  
 }
 
+#template dl {
+  margin: 1.0em 0 0 0.5em;
+}
+
+  #template dl * dl {
+    margin: 0.5em 0 0 0.5em;
+  }
+
 #template p + ul, #template p + ol,
-#template ul li > ul, #template ol li > ol {
+#template ul li > ul, #template ol li > ol,
+#template ul > ul, #template ol > ol {
   margin-top: 0;
 }
 
-#template ul li > ul, #template ol li > ol {
+#template ul li > ul, #template ol li > ol,
+#template ul > ul, #template ol > ol {
   margin-left: 0;
 }
 
@@ -64,35 +57,75 @@
     list-style-type: square;
   }
   
-  #template ol li > ol li {
+  #template ul li > ul,
+  #template ul > ul {
+    padding-left: 1em;
+  }
+  
+  #template ul li > ul li,
+  #template ul li > ol li,
+  #template ol li > ol li,
+  #template ol li > ul li {
     font-size: 1.0em !important;
+  }
+  
+  #template ol li > ol li,
+  #template ol > ol li {
     list-style-type: lower-roman;
     list-style-position: inside;
   }
   
-  #template ol li > ol li > ol li {
+  #template ol li > ol li > ol li,
+  #template ol > ol > ol li {
     list-style-type: lower-alpha;
   }
   
-  #template ol li > ol li > ol li > ol li {
+  #template ol li > ol li > ol li > ol li,
+  #template ol > ol > ol > ol li {
     list-style-type: lower-greek;
   }
 
-#template ul li, #template ol li {
+#template ul li, #template ol li, #template dl dt, #template dl dd {
   font-size: 1.4em;
   line-height: 1.6em;
   padding-top: 0.1em; /* Line up ordinals */
 }
 
+#template dl dt {
+  font-weight: bold;
+}
+
+#template dl dd {
+  padding: 1em 0;
+}
+
+#template ul li p, #template ol li p {
+  font-size: 1.0em;
+}
+
 #template blockquote {
+  font-size: 1.4em;
+  line-height: 1.6em;
   margin: 0 4.0em 0 2.0em;
   padding: 0;
 }
 
-  #template blockquote p {
+  #template blockquote p,
+  #template blockquote > blockquote {
     color: #888;
+    font-size: 1.0em;
+    line-height: 1.0em;
     font-style: italic;
   }
+  
+  #template blockquote pre {
+    font-size: 1.0em;
+    line-height: 1.0em;
+  }
+  
+  #template blockquote > blockquote {
+    margin: 1em 4em 1em 2em;
+  }
 
 
 /* Headings */
@@ -137,10 +170,59 @@
 
 
 /* Code-related */
-#template p code {
+#template p code, #template p tt,
+#template dl dt tt, #template ul li tt, #template ol li tt {
   background-color: #f7f7f7;
   border: 1px solid #ddd;
   color: #222; /* This is a little heavy when #000 */
+  font-size: 1.0em;
   font-family: Consolas, Monaco, "Courier New", monospace;
   padding: 0.15em 0.3em;
-}
+}
+
+#template pre {
+  padding-left: 0.5em;
+}
+
+#template tt, #template pre {
+  color: #222;
+  font-size: 1.5em;
+  font-family: Consolas, Monaco, "Courier New", monospace;
+}
+
+#template dl dt tt, #template dl dd tt, 
+#template ul li tt, #template ol li tt,
+#template dl dt p, #template dl dd p,
+#template dl dt pre, #template dl dd pre,
+#template ul li pre, #template ol li pre,
+#template ul li > dl dt, #template ol li > dl dt,
+#template ul li > dl dd, #template ol li > dl dd,
+#template dl dd > * li, #template dl dt > * li,
+#template dl dd > * dd, #template dl dt > * dt, 
+#template dl * dt, #template dl * dd,
+#template pre tt {
+  font-size: 1.0em;
+}
+
+#template table {
+  margin: 1em 0;
+  padding: 0.5em;
+  border-collapse: collapse;
+  border: 1px solid #ddd;
+}
+
+#template table tr {
+  margin: 0;
+}
+
+#template table tr td,
+#template table tr th {
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  font-size: 1.4em; 
+  padding: 0.5em 0.5em;
+}
+
+#template table tr:nth-child(2n) {
+  background-color: #f9f9f9;
+}