1 files changed, 112 insertions, 0 deletions
diff --git a/theme/stylesheets/website/header.less b/theme/stylesheets/website/header.less
new file mode 100755
index 0000000..39d49c3
--- /dev/null
+++ b/theme/stylesheets/website/header.less
@@ -0,0 +1,112 @@
+.book {
+    .book-header {
+        font-family: @font-family-sans;
+
+        position: absolute;
+        overflow: visible;
+        top: 0px;
+        right: 0px;
+        left: 0px;
+        height: @header-height;
+        z-index: 2;
+
+        font-size: 0.85em;
+        color: @header-color;
+        background: @header-background;
+        border-bottom: 1px solid @header-border;
+
+        .btn {
+            display: block;
+            height: @header-height;
+            padding: 0px 15px;
+            border-bottom: none;
+            color: @header-button-color;
+            text-transform: uppercase;
+            line-height: @header-height;
+            .box-shadow(none) !important;
+            position:relative;
+
+            &:hover {
+                position: relative;
+                text-decoration: none;
+                color: @header-button-hover-color;
+                background: @header-button-hover-background;
+            }
+        }
+
+        h1 {
+            margin: 0px;
+            font-size: 20px;
+            text-align: center;
+            line-height: @header-height;
+
+            padding-left: 200px;
+            padding-right: 200px;
+            .transition(margin-left 0.5s ease);
+
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            a, a:hover {
+                color: inherit;
+                text-decoration: none;
+            }
+
+            @media (max-width: 1000px) {
+                display: none;
+            }
+
+            i {
+                display: none;
+            }
+        }
+    }
+
+    &.is-loading {
+        .book-header h1 {
+            i {
+                display: inline-block;
+            }
+            a {
+                display: none;
+            }
+        }
+    }
+    &.with-summary {
+        .book-header h1 {
+            margin-left: 250px;
+        }
+    }
+    &.without-animation {
+        .book-header h1 {
+            .transition(none) !important;
+        }
+    }
+    &.color-theme-1{
+        .book-header{
+            color: @header-color-1;
+            background: @header-background-1;
+            .btn {
+                color: @header-button-color-1;
+                &:hover {
+                    color: @header-button-hover-color-1;
+                    background: @header-button-hover-background-1;
+                }
+            }
+        }
+    }
+    &.color-theme-2{
+        .book-header{
+            color: @header-color-2;
+            background: @header-background-2;
+            .btn {
+                color: @header-button-color-2;
+                &:hover {
+                    color: @header-button-hover-color-2;
+                    background: @header-button-hover-background-2;
+                }
+            }
+        }
+    }
+}