From 876d6634e0c10f99b14c074ac95eebce0ea5267a Mon Sep 17 00:00:00 2001
From: Nathan Breit <nabreit@gmail.com>
Date: Tue, 18 Feb 2014 16:33:30 -0800
Subject: [PATCH] Making printed document take up full page

---
 index.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/index.html b/index.html
index b02de4c..a7f4635 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,25 @@
   #hinted:before{content: '\e816';}
 
   #fork{position:fixed;right:0;top:0;}
+  
+  /*
+  When the webpage is printed
+  this media query hides extra elements,
+  and makes the text content fit the page.
+  */
+  @media print {
+    #fork, #toolbar {
+        display: none;
+    }
+    body {
+        width: 94%;
+        padding-top: 1em;
+        font-size: 12px;
+    }
+    html {
+        border-top: 0;
+    }
+  }
   </style>
   <link rel="stylesheet" href="src/pen.css" />
 </head>