lib/epuber/server/basic.styl in epuber-0.3.6 vs lib/epuber/server/basic.styl in epuber-0.3.7

@@ -29,22 +29,26 @@
 normal_color = rgba(255, 255, 255, 0.82)
 selected_color = #6D3102
 left_align = 40px
 header_underline_height = 6px
 
-#header_bg
-  height 70px
-  width 100%
-  background-color #C5946C
-  float left
+header_height = 60px
 
 #header
-  height 70px
+  height header_height
   width 100%
+  position fixed
+  top 0px
+  z-index 10000
+
+  background-color #C5946C
+  box-shadow 1px 1px 10px rgba(0, 0, 0, 0.4)
+
+#header_content
+  height 100%
   max-width 1200px
   margin 0 auto
-  background-color #C5946C
   position relative
 
   ul
     padding 0
     margin 0 0 0 left_align
@@ -54,11 +58,11 @@
     li
       display inline
       list-style none
       padding 0
       margin 0 10px
-      font-size 36px
+      font-size (header_height / 1.8px)
       color normal_color
       border-bottom solid header_underline_height transparent
 
       a
         text-decoration inherit
@@ -83,10 +87,10 @@
   flex-flow row wrap
 
   max-width 1200px
 
   margin 0 auto
-  margin-top 20px
+  margin-top header_height + 20px
 
 #content
   flex 5
 
 .toc_content