fixed navbar

source/_navbar.slim

@@ -1,3 +1,6 @@
-==link_to "Higgs-Boson", "/", :class => "navlink", :id => "sitelink", :title => "Startpage"
-==link_to "Impressum", "/impressum.html", :class => "navlink", :title => "Impressum"
-==link_to "About", "#about", :class => "navlink", :title => "About"
+==link_to "Higgs-Boson", "/", :id => "sitelink", :title => "Startpage"
+ul
+  li
+    ==link_to "Impressum", "/impressum.html", :class => "navlink", :title => "Impressum"
+  li
+    ==link_to "About", "#about", :class => "navlink", :title => "About"

source/humans.txt

@@ -7,7 +7,7 @@
   Twitter: @albert_sn
   Location: Germany
 
-  Programmer & Admin: Jörg Thalhheim
+  Programmer & Admin: Jörg Thalheim
   Twitter: @Mic_92
   Location: Germany
 
@@ -15,7 +15,7 @@
   Names (& URL):
 
 /* SITE */
-  Last update: 2012/06/17
+  Last update: 2012/08/10
   Standards: HTML5, CSS3
   Colors: solarized (http://ethanschoonover.com/solarized)
   Fonts: Lobster, Cabin

source/stylesheets/site.css.scss

@@ -19,10 +19,10 @@ body {
 }
 
 #sitelink {
-  float:left;
-  padding-left: 10px;
-  padding-right:10px;
+  float: left;
   font-size: 1.1em;
+  padding-right: 0.1em;
+  padding-left: 0.1em;
 }
 
 
@@ -38,6 +38,7 @@ body {
 
   /* Grid layout */
   #main {
+    margin-top: 50px;
     @include grid(12);
     @include clearfix;
   }
@@ -59,11 +60,23 @@ a {
 }
 
 header {
-  line-height: 190%;
-  a {
-    margin-right: 10px;
+  position: fixed;
+  line-height: 2em;
+  top: 0px;
+  right: 0px;
+  display: inline;
+  width: 100%;
+  padding: 0px;
+  li {
+    display: inline;
+    list-style: none;
+    padding: 5px;
+    text-align: center;
+  }
+  ul {
+    margin: 0px;
+    padding: 0px;
   }
-  margin-bottom: 1em;
 }
 
 footer {

source/stylesheets/solarized.css.scss

@@ -28,8 +28,10 @@ $green:     #859900;
   header {
     background-color: $rebase01;
     color: $rebase1;
+
     a.navlink, a:active.navlink, a:visited.navlink { color: $rebase1; }
     a:hover.navlink { background: transparent; color: $rebase02; }
+
     #sitelink { color: $rebase02; background-color: $rebase1 }
     a:hover#sitelink { font-weight: bold; }
   }