From e1347feab9269e81d5481c00e736e357c3d18a2f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B6rg=20Thalheim?= Date: Fri, 10 Aug 2012 23:00:25 +0200 Subject: [PATCH] fixed navbar --- source/_navbar.slim | 9 ++++++--- source/humans.txt | 4 ++-- source/stylesheets/site.css.scss | 27 ++++++++++++++++++++------- source/stylesheets/solarized.css.scss | 2 ++ 4 files changed, 30 insertions(+), 12 deletions(-) diff --git a/source/_navbar.slim b/source/_navbar.slim index c9906f5..a3f52f8 100644 --- a/source/_navbar.slim +++ b/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" diff --git a/source/humans.txt b/source/humans.txt index bc34472..437cb4d 100644 --- a/source/humans.txt +++ b/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 diff --git a/source/stylesheets/site.css.scss b/source/stylesheets/site.css.scss index cf3ee19..88eb234 100644 --- a/source/stylesheets/site.css.scss +++ b/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 { diff --git a/source/stylesheets/solarized.css.scss b/source/stylesheets/solarized.css.scss index 11e5a50..c9fd75c 100644 --- a/source/stylesheets/solarized.css.scss +++ b/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; } }