Fix menu bar and tweak styling of page header.

1 files changed, 4 insertions, 39 deletions

diff --git a/blog/css/main.scss b/blog/css/main.scss
index 8180956..a6abce1 100644
--- a/blog/css/main.scss
+++ b/blog/css/main.scss
@@ -3,6 +3,8 @@
 ---
 @import "config";
 @import "common";
+@import "header";
+@import "navbar";
 
 body {
     background-color: black;
@@ -18,9 +20,9 @@ body {
 }
 
 a {
-    color: #686;
+    color: $link-color;
     &:hover {
-        color: lighten(#686, 5%);
+        color: $link-hover-color;
     }
 }
 
@@ -114,40 +116,3 @@ a {
         }
     }
 }
-
-#logo {
-    position: relative;
-    font-size: 110%;
-    font-weight: 600;
-    width: 479px;
-    text-align: center;
-}
-
-#menu-bar, #next_prev_article {
-    margin-bottom: 1em;
-    background: {
-        color: $menu-bar-background;
-    }
-    font-size: 110%;
-    font-weight: 600;
-    @include round-corners;
-    ul {
-        li {
-            a {
-                color: $link-color;
-            }
-        }
-        .selected {
-            background-color: $nav-pills-active-link-hover-bg;
-        }
-        &.menu-flags {
-            float: right;
-        }
-    }
-}
-
-#banner-pos-1 {
-    position: absolute;
-    top: 1.5em;
-    right: 0;
-}