3 files changed, 141 insertions, 0 deletions
diff --git a/assets/stylesheets/book/body.less b/assets/stylesheets/book/body.less
new file mode 100644
index 0000000..731a0e3
--- /dev/null
+++ b/assets/stylesheets/book/body.less
@@ -0,0 +1,33 @@
+.book {
+   .book-body {
+        position: fixed;
+        top: 40px;
+        right: 0px;
+        left: 0px;
+        bottom: 0px;
+        overflow-y: auto;
+
+        .transition(left 0.5s ease);
+
+        background: #edece4;
+
+        .page-inner {
+            max-width: 800px;
+            margin: 0px auto;
+        
+            section {
+                margin: 10px 0px;
+                padding: 5px 15px;
+                background: #fff;
+            }
+        }
+    }
+
+    &.with-summary {
+        @media (min-width: 800px) {
+            .book-body {
+                left: 250px;
+            }
+        }
+    }
+}
+\ No newline at end of file
diff --git a/assets/stylesheets/book/header.less b/assets/stylesheets/book/header.less
new file mode 100644
index 0000000..d859b34
--- /dev/null
+++ b/assets/stylesheets/book/header.less
@@ -0,0 +1,48 @@
+.book .book-header {
+    position: fixed;
+    top: 0px;
+    right: 0px;
+    left: 0px;
+    z-index: 2;
+
+    height: 40px;
+
+    font-size: 0.85em;
+
+    background: #242628;
+    color: #e2edf2;
+
+    .btn {
+        display: block;
+        height: 40px;
+        padding: 0px 15px;
+        border-bottom: none;
+        color: #7d878a;
+        text-transform: uppercase;
+        line-height: 40px;
+
+        &:hover {
+            color: #e2edf2;
+            text-decoration: none;
+            position: relative;
+            background: #303436;
+            box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset;
+        }
+    }
+
+    h1 {
+        margin: 0px;
+        font-size: 20px;
+        text-align: center;
+        line-height: 40px;
+
+        a, a:hover {
+            color: inherit;
+            text-decoration: none;
+        }
+
+        @media (max-width: 600px) {
+            display: none;
+        }
+    }
+}
+\ No newline at end of file
diff --git a/assets/stylesheets/book/summary.less b/assets/stylesheets/book/summary.less
new file mode 100644
index 0000000..9ed73a8
--- /dev/null
+++ b/assets/stylesheets/book/summary.less
@@ -0,0 +1,60 @@
+.book {
+    .book-summary {
+        @width: 250px;
+
+        position: fixed;
+        top: 40px;
+        left: -@width;
+        bottom: 0px;
+        z-index: 1;
+
+        overflow-y: auto;
+
+        width: @width;
+        background: #2e3133;
+        color: #e2edf2;
+
+        .transition(all 0.5s ease);
+
+        ul.summary {
+            list-style: none;
+            margin: 0px;
+            padding: 0px;
+
+            li {
+                &.divider {
+                    height: 1px;
+                    margin: 7px 0;
+                    overflow: hidden;
+                    background: #35393b;
+                }
+                
+                a {
+                    display: block;
+                    height: 40px;
+                    padding: 11px 15px;
+                    border-bottom: none;
+                    text-transform: uppercase;
+                    color: #e2edf2;
+
+                    &:hover {
+                        background: #242628;
+                        text-decoration: none;
+                    }
+                }
+            }
+        }
+
+        @media (max-width: 600px) {
+            width: 100%;
+            bottom: 0px;
+            left: -100%;
+        }
+    }
+
+    &.with-summary {
+        .book-summary {
+            left: 0px;
+        }        
+    }
+}