styling/printing

include/site/default.css

@@ -9,7 +9,7 @@ body > header, article > section {
     border-bottom: #F0F0F0 solid 1px;
     border-left: #E9E9E9 solid 1px;
     margin-bottom: 2px;
-    padding: 24px 34px 18px 34px;
+    padding: 24px 34px;
     position: relative;
     width: 640px;
 }
@@ -121,6 +121,12 @@ h2 {
     padding: 1px 0;
 }
 
+h2 small {
+    display: block;
+    font-size: 12px;
+    font-weight: normal;
+}
+
 h3 {
     border-bottom: #DEDEDE solid 1px;
     color: #393939;
@@ -137,7 +143,7 @@ h4 {
 }
 
 hr {
-    margin: 0 -2px;
+    margin: 0 -4px;
 }
 
 article > section .timeline {
@@ -151,12 +157,12 @@ section .timeline > * {
     margin-bottom: 4px;
 }
 
-    section.layout-post .timeline > *,
+    article.layout-post .timeline > *,
     section:hover .timeline > * {
         opacity: 1;
     }
 
-section.layout-post {
+article.layout-post section {
     padding-bottom: 12px;
 }
 
@@ -234,13 +240,17 @@ dl dd {
     padding: 27px 8px 0;
 }
 
-section.layout-post .meta.meta-social {
+article.layout-post .meta.meta-social {
     display: none;
 }
 
-section.layout-post section img {
+section.post-content img {
     background-color: #F3F3F3;
     border: #D8D8D8 solid 1px;
     border-radius: 1px;
     padding: 4px;
 }
+
+.print-only {
+    display: none;
+}

include/site/print.css

@@ -0,0 +1,61 @@
+.print-only {
+    display: block !important;
+}
+
+body.layout-default {
+    margin: 0;
+}
+
+body.layout-content,
+body.layout-post {
+    font-size: 12px;
+    margin: 0;
+}
+
+body > footer {
+    padding-bottom: 0;
+}
+
+body > header, article > section {
+    width: auto;
+}
+
+body > header {
+    margin-bottom: 0;
+    margin-left: 24px;
+    padding-bottom: 12px;
+    padding-top: 6px;
+}
+
+body.layout-content article > section,
+body.layout-post article > section {
+    border-left: 0;
+    margin: 0 12px;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+body.layout-default article > section {
+    margin-left: 25px;
+}
+
+body.layout-post section header .timeline {
+    display: none;
+}
+
+.screen-only {
+    display: none !important;
+}
+
+p, ul, ol, dl {
+    line-height: 20px;
+    margin: 6px 0;
+}
+
+h1 {
+    margin-top: 6px;
+}
+
+h3 {
+    margin-top: 24px;
+}