Added basic print support in the stylesheet. Forced background color for code blocks in chrome, has to be tested in firefox and others. #41

src/theme/book.css

@@ -3,8 +3,8 @@ html, body {
     color: #333;
 }
 
-
-.sidebar {
+@media only screen {
+    .sidebar {
         position: absolute;
         left: 0;
         top: 0;
@@ -24,9 +24,9 @@ html, body {
         -o-transition: left 0.5s; /* Opera */
         -moz-transition: left 0.5s; /* Mozilla Firefox */
         transition: left 0.5s;
-}
+    }
 
-.page-wrapper {
+    .page-wrapper {
         position: absolute;
         overflow-y: auto;
         left: 315px;
@@ -44,9 +44,9 @@ html, body {
         -o-transition: left 0.5s; /* Opera */
         -moz-transition: left 0.5s; /* Mozilla Firefox */
         transition: left 0.5s;
-}
+    }
 
-.page {
+    .page {
         position: absolute;
         top: 0;
         right: 0;
@@ -55,60 +55,60 @@ html, body {
 
         padding-right: 15px;
         overflow-y: auto;
-}
+    }
 
-.content {
+    .content {
         margin-left: auto;
         margin-right:auto;
         max-width: 750px;
         padding-bottom: 50px;
-}
+    }
 
-.chapter {
+    .chapter {
         list-style: none outside none;
         padding-left: 0;
         line-height: 30px;
-}
+    }
 
-.section {
+    .section {
         list-style: none outside none;
         padding-left: 20px;
         line-height: 40px;
-}
+    }
 
-.section li {
+    .section li {
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
-}
+    }
 
-.chapter li {
+    .chapter li {
         color: #AAA;
-}
+    }
 
-.chapter li a {
+    .chapter li a {
         color: #333;
         padding: 5px 0;
         text-decoration: none;
-}
+    }
 
-.chapter li .active {
+    .chapter li .active {
         color: #008cff;
-}
+    }
 
-.chapter li a:hover {
+    .chapter li a:hover {
         /* Animate color change */
         color: #008cff;
         text-decoration: none;
-}
+    }
 
-.menu-bar {
+    .menu-bar {
         position: relative;
         height: 50px;
         color: #CCC;
-}
+    }
 
-.menu-bar i {
+    .menu-bar i {
         position: relative;
         z-index: 10;
         line-height: 50px;
@@ -116,18 +116,18 @@ html, body {
         -o-transition: color 0.5s; /* Opera */
         -moz-transition: color 0.5s; /* Mozilla Firefox */
         transition: color 0.5s;
-}
+    }
 
-.menu-bar :hover {
+    .menu-bar :hover {
         /* Animate color change */
         color: #333;
-}
+    }
 
-.menu-bar i:hover {
+    .menu-bar i:hover {
         cursor: pointer;
-}
+    }
 
-.menu-title {
+    .menu-title {
         color: #7E7E7E;
         display: inline-block;
         font-weight: 200;
@@ -146,34 +146,34 @@ html, body {
         -o-transition: opacity 0.5s ease-in-out; /* Opera */
         -moz-transition: opacity 0.5s ease-in-out; /* Mozilla Firefox */
         transition: opacity 0.5s ease-in-out;
-}
+    }
 
-.menu-bar:hover .menu-title {
+    .menu-bar:hover .menu-title {
         color: #7E7E7E;
         opacity: 1;
-}
+    }
 
-.left {
+    .left {
         float: left;
-}
+    }
 
-.right {
+    .right {
         float: right;
-}
+    }
 
-/* Content */
+    /* Content */
 
-.content a {
+    .content a {
         color: #4183c4;
         text-decoration: none;
-}
+    }
 
-.content a:hover {
+    .content a:hover {
         text-decoration: underline;
-}
+    }
 
-/* Nav icons */
-.nav-chapters {
+    /* Nav icons */
+    .nav-chapters {
         color: #CCC;
         font-size: 40px;
         text-align: center;
@@ -194,21 +194,22 @@ html, body {
         -o-transition: color 0.5s; /* Opera */
         -moz-transition: color 0.5s; /* Mozilla Firefox */
         transition: color 0.5s;
-}
+    }
 
-.mobile-nav-chapters { display: none; }
+    .mobile-nav-chapters { display: none; }
 
-.nav-chapters:hover {
+    .nav-chapters:hover {
         color: #333;
         text-decoration: none;
-}
+    }
 
-.previous {
+    .previous {
         left: 0;
-}
+    }
 
-.next {
+    .next {
         right: 0;
+    }
 }
 
 
@@ -258,3 +259,30 @@ html, body {
         float: left;
     }
 }
+
+@media only print {
+    .sidebar, .menu-bar, .nav-chapters, .mobile-nav-chapters {
+      display: none;
+    }
+
+    .page-wrapper {
+      left: 0;
+    }
+
+    .content {
+      max-width: 100%;
+    }
+
+    code {
+      background-color: #666666;
+      border-radius: 5px;
+
+      /* Force background to be printed in Chrome */
+      -webkit-print-color-adjust: exact;
+    }
+
+    a, a:visited, a:active, a:hover {
+      color: #4183c4;
+      text-decoration: none;
+    }
+}