1 files changed, 99 insertions, 6 deletions
diff --git a/css/garden.css b/css/garden.css
index c418ae6..e05fbfa 100644
--- a/css/garden.css
+++ b/css/garden.css
@@ -462,16 +462,22 @@ tbody tr td:nth-child(n+2) {
     border-left: 2px solid #fff;
 }
 
-img.icon {
-    display: block;
+.icon {
+    display: inline-block;
     width: 1.5rem;
     height: 1.5rem;
-    margin: 0 auto;
 }
 
-img.key {
-    width: 1.5rem;
-    height: 1.5rem;
+.icon-direct-sow {
+    background-image: url("../images/direct-sow.svg");
+}
+
+.icon-start-indoors {
+    background-image: url("../images/start-indoors.svg");
+}
+
+.icon-transplant {
+    background-image: url("../images/transplant.svg");
 }
 
 a {
@@ -554,3 +560,90 @@ h2.closed::after {
     content: " ▲";
     font-size: 75%;
 }
+
+/* Printer friendly styles */
+@media print {
+    body {
+        color: #000;
+        background-color: #fff;
+        font-size: 12pt;
+        font-family: 'Linux Libertine',serif;
+        line-height: 100%;
+        text-rendering: optimizeLegibility;
+    }
+
+    h1, h2, h3 {
+        line-height: 100%;
+        margin-top: 0.25em;
+        margin-bottom: 0.25em;
+    }
+
+    #instructions p {
+        margin: 0;
+    }
+
+    .container {
+        margin-left: 0;
+        margin-right: 0;
+    }
+
+    .table-container {
+        page-break-before: always;
+        page-break-after: always;
+    }
+
+    .crop {
+        text-decoration-line: none;
+    }
+
+    .icon {
+        width: 1.5em;
+        height: 1.5em;
+    }
+
+    .icon-direct-sow {
+        content: url("../images/direct-sow-print.svg");
+    }
+
+    .icon-start-indoors {
+        content: url("../images/start-indoors-print.svg");
+    }
+
+    .icon-transplant {
+        content: url("../images/transplant-print.svg");
+    }
+
+    table {
+        font-size: 100%;
+    }
+
+    tbody tr:nth-child(odd) {
+        background-color: #ccc;
+    }
+
+    thead tr:nth-child(1) th {
+        font-size: 80%;
+    }
+
+    tbody tr td:nth-child(n+2) {
+        border-left: none;
+    }
+
+    th {
+        font-size: 60%;
+        padding: 0.1em;
+    }
+
+    td {
+        font-size: 80%;
+        padding: 0.1em;
+    }
+
+    h2.open::after {
+        content: none;
+    }
+
+    h2.closed::after {
+        content: none;
+    }
+}