Permalink
Browse files

Clobber crappy spacing on github logo, and fix header for easy nav

  • Loading branch information...
1 parent 28a6d77 commit d8eef659d5fa1d9cebb1db30da5f58d7459d0a58 @bsheldon bsheldon committed Nov 2, 2012
Showing with 13 additions and 9 deletions.
  1. +1 −1 index.html
  2. +4 −4 stylesheets/sass/site.scss
  3. +8 −4 stylesheets/site.css
View
@@ -20,7 +20,7 @@
$(document).on('ready', function(){
$('#lineup span').on('click', function(e){
el = $(this).attr('data-jump')
- $.scrollTo($("[rel='" + el + "']"), 1200);
+ $.scrollTo($("[rel='" + el + "']"), 1200, {offset: -60});
});
})
</script>
@@ -4,10 +4,10 @@
body { margin: 0; padding: 0; background-color: #201e23; background-image: url('/images/wallpaper.png'); }
a { text-decoration: none; color: inherit; }
#shell { width: 1200px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); margin: 0 auto; }
-#showcase { height: 550px; width: 1200px; margin: 0 auto; background-image: url('/images/moonshine_moonlight_back_b.jpg'); background-repeat: no-repeat; background-size: 1200px; background-position: center 36%;
+#showcase { height: 550px; width: 1200px; padding-top: 60px; margin: 0 auto; background-image: url('/images/moonshine_moonlight_back_b.jpg'); background-repeat: no-repeat; background-size: 1200px; background-position: center 36%;
box-shadow:inset 0 0 200px black;
}
-#top-nav { height: 60px; background-color: rgba(0,0,0,0.4); width: 100%; padding-top: 2px; padding-bottom: 1px;
+#top-nav { height: 60px; background-color: rgba(0,0,0,0.9); width: 100%; padding-top: 2px; padding-bottom: 1px; width: 1200px; position: fixed; z-index: 1000;
#lineup { margin: 5px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; height: 50px; font-family: 'Arbutus Slab', sans-serif; font-size: 18px;
#nav-ico { float: left; background-image: url('/images/m_nav_icon.png'); background-repeat: no-repeat; background-position: center; width: 60px; height: 48px; background-fill: contain; margin-right: 20px;
border-top: 1px solid black; border-bottom: 1px solid black;
@@ -19,8 +19,8 @@ a { text-decoration: none; color: inherit; }
&:hover { color: #bbb; }
}
#fork-us { float: right; margin-top: 15px; margin-right: 30px; color: #333;
- b { font-weight: normal; margin-top: 2px; text-transform: none; font-family: 'socialicoregular'; font-size: 42px; color: #333; text-shadow: 0 0 1px #000; position: relative; cursor: pointer;
- margin-right: 10px; float: left; top: -7px; }
+ b { font-weight: normal; text-transform: none; font-family: 'socialicoregular'; font-size: 42px; color: #333; text-shadow: 0 0 1px #000; position: relative; cursor: pointer;
+ margin-right: 10px; float: left; top: -7px; line-height: 90%; }
&:hover { color: #ddd; }
}
}
View
@@ -96,6 +96,7 @@ a {
#showcase {
height: 550px;
width: 1200px;
+ padding-top: 60px;
margin: 0 auto;
background-image: url("/images/moonshine_moonlight_back_b.jpg");
background-repeat: no-repeat;
@@ -105,10 +106,13 @@ a {
#top-nav {
height: 60px;
- background-color: rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.9);
width: 100%;
padding-top: 2px;
- padding-bottom: 1px; }
+ padding-bottom: 1px;
+ width: 1200px;
+ position: fixed;
+ z-index: 1000; }
#top-nav #lineup {
margin: 5px 0;
border-top: 1px solid #333;
@@ -152,7 +156,6 @@ a {
color: #333; }
#top-nav #lineup #fork-us b {
font-weight: normal;
- margin-top: 2px;
text-transform: none;
font-family: 'socialicoregular';
font-size: 42px;
@@ -162,7 +165,8 @@ a {
cursor: pointer;
margin-right: 10px;
float: left;
- top: -7px; }
+ top: -7px;
+ line-height: 90%; }
#top-nav #lineup #fork-us:hover {
color: #ddd; }

0 comments on commit d8eef65

Please sign in to comment.