jmagee-ui-kit 0.0.1 → 0.0.2

data/app/assets/stylesheets/jmagee-ui-kit/base.sass

@@ -1,5 +1,7 @@
 
 @import "reset"
 @import "config"
+@import "util"
 @import "clearfix"
-@import "layout"
+@import "layout"
+@import "header"

data/app/assets/stylesheets/jmagee-ui-kit/header.sass

@@ -0,0 +1,100 @@
+.header
+  :padding 30px 0px
+  :background #232323
+  :border-bottom solid 1px #000
+  :border-top solid 15px #000
+  :color #fff
+  
+  .header-content
+  
+    .brand
+      :display inline
+      :float left
+    
+    .connect
+      :display inline
+      :float right
+      :position relative
+      :top 2px
+      :text-align center
+    
+      .connect-text, .connect-buttons
+        :display inline
+        :float left
+      
+      .connect-text
+        :font-size 30px
+        :font-weight 100
+        :margin-right 30px
+        :margin-top 7px
+            
+      .connect-buttons
+        img
+          :margin-right 10px
+
+.header-util
+  :position fixed
+  :width 100%
+  :height 33px
+  :z-index 2
+  :background #333
+  :color #fff
+  :border-bottom solid 1px #000
+  :border-top solid 8px #232323
+  :margin-bottom 2px
+  :box-shadow 0 0 1px rgba(0, 0, 0, 0.52)
+
+  a, a:hover, a:visited
+    :color #fff
+    :text-decoration none
+
+  .header-util-content
+
+    .brand
+      :float left
+      :display inline
+      a
+        :display block
+        :padding 0px 10px
+      a:hover
+        :background #232323
+        
+    .brand-links
+      :display inline
+      :float left
+      :margin-left 10px
+
+    .header-nav
+      :float right
+      :display inline
+      
+    ul.header-links
+      li
+        :display inline-block
+        :float left
+      
+      a.nl
+        :display inline-block
+        :padding 1px 10px 0px 10px
+        :vertical-align top
+        :font-size 12px
+        :color #ccc
+        :font-weight 500
+        :line-height 32px
+        
+        img 
+          @include round
+          :border solid 1px #000
+          :margin-top 4px
+        
+        &.img-nl
+          :line-height 16px
+          :padding 0px 5px
+    
+      li:hover
+        a.nl
+          :background-color #232323 !important
+          
+.after-header
+  :position relative
+  :top 44px

data/app/assets/stylesheets/jmagee-ui-kit/layout.sass

@@ -43,42 +43,32 @@ strong
   :width $UNIT_WIDTH
   :margin 0 auto  
 
-.header
-  :padding 30px 0px
-  :background #232323
-  :border-bottom solid 1px #000
-  :border-top solid 15px #000
-  :color #fff
-  
-  .header-content
-  
-    .brand
-      :display inline
-      :float left
-    
-    .connect
-      :display inline
-      :float right
-      :position relative
-      :top 2px
-      :text-align center
-    
-      .connect-text, .connect-buttons
-        :display inline
+.top-nav
+  :background #ddd url('/assets/jmagee-ui-kit/main-content-bg.gif') repeat-x
+  :border-bottom solid 1px #e0e0e0
+
+  .top-nav-content
+    :padding-left 0px !important
+    :padding-right 0px !important
+
+    ul 
+      li
+        :display inline-block
         :float left
-      
-      .connect-text
-        :font-size 30px
-        :font-weight 100
-        :margin-right 30px
-        :margin-top 7px
-      
-      
-      .connect-buttons
-        img
-          :margin-right 10px
+
+        a, a:visited
+          :display inline-block
+          :padding 8px 11px 7px
+          :vertical-align top
+          :font-size 12px
+          :text-shadow 0 1px 0 white
+          :color #666
+          :text-decoration none
+        a:hover
+          :color #333
 
 .main
   :background #ddd url('/assets/jmagee-ui-kit/main-content-bg.gif') repeat-x
   :min-height 400px
+  :border-top solid 1px #f7f7f7
   

data/app/assets/stylesheets/jmagee-ui-kit/util.sass

@@ -0,0 +1,38 @@
+
+@mixin round($degree: 5px)
+  :-moz-border-radius $degree
+  :-webkit-border-radius $degree
+  :-khtml-border-radius $degree
+  :border-radius $degree
+  
+@mixin no-top-round
+  :-webkit-border-top-left-radius 0px
+  :-webkit-border-top-right-radius 0px
+  :-moz-border-radius-topleft 0px
+  :-moz-border-radius-topright 0px
+  :border-top-left-radius 0px
+  :border-top-right-radius 0px
+
+@mixin no-bottom-round
+  :-webkit-border-bottom-left-radius 0px
+  :-webkit-border-bottom-right-radius 0px
+  :-moz-border-radius-bottomleft 0px
+  :-moz-border-radius-bottomright 0px
+  :border-bottom-left-radius 0px
+  :border-bottom-right-radius 0px
+
+@mixin no-left-round
+  :-webkit-border-top-left-radius 0px
+  :-webkit-border-bottom-left-radius 0px
+  :-moz-border-radius-topleft 0px
+  :-moz-border-radius-bottomleft 0px
+  :border-top-left-radius 0px
+  :border-bottom-left-radius 0px
+
+@mixin no-right-round
+  :-webkit-border-top-right-radius 0px
+  :-webkit-border-bottom-right-radius 0px
+  :-moz-border-radius-topright 0px
+  :-moz-border-radius-bottomright 0px
+  :border-top-right-radius 0px
+  :border-bottom-right-radius 0px

metadata

@@ -2,7 +2,7 @@
 name: jmagee-ui-kit
 version: !ruby/object:Gem::Version 
   prerelease: 
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors: 
 - Jeff Magee
@@ -10,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-03-16 00:00:00 Z
+date: 2012-03-19 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: rails
@@ -57,19 +57,27 @@ files:
 - app/assets/images/jmagee-ui-kit/avatar.jpg
 - app/assets/images/jmagee-ui-kit/favicon.png
 - app/assets/images/jmagee-ui-kit/main-content-bg.gif
-- app/assets/images/jmagee-ui-kit/social/facebook.png
-- app/assets/images/jmagee-ui-kit/social/github.png
-- app/assets/images/jmagee-ui-kit/social/gmail.png
-- app/assets/images/jmagee-ui-kit/social/linkedin.png
-- app/assets/images/jmagee-ui-kit/social/tumblr.png
-- app/assets/images/jmagee-ui-kit/social/twitter.png
+- app/assets/images/jmagee-ui-kit/social/full/facebook.png
+- app/assets/images/jmagee-ui-kit/social/full/github.png
+- app/assets/images/jmagee-ui-kit/social/full/gmail.png
+- app/assets/images/jmagee-ui-kit/social/full/linkedin.png
+- app/assets/images/jmagee-ui-kit/social/full/tumblr.png
+- app/assets/images/jmagee-ui-kit/social/full/twitter.png
+- app/assets/images/jmagee-ui-kit/social/thumb/facebook.png
+- app/assets/images/jmagee-ui-kit/social/thumb/github.png
+- app/assets/images/jmagee-ui-kit/social/thumb/gmail.png
+- app/assets/images/jmagee-ui-kit/social/thumb/linkedin.png
+- app/assets/images/jmagee-ui-kit/social/thumb/tumblr.png
+- app/assets/images/jmagee-ui-kit/social/thumb/twitter.png
 - app/assets/images/jmagee-ui-kit/social-bg.gif
 - app/assets/javascripts/jmagee-ui-kit/base.js
 - app/assets/stylesheets/jmagee-ui-kit/base.sass
 - app/assets/stylesheets/jmagee-ui-kit/clearfix.sass
 - app/assets/stylesheets/jmagee-ui-kit/config.sass
+- app/assets/stylesheets/jmagee-ui-kit/header.sass
 - app/assets/stylesheets/jmagee-ui-kit/layout.sass
 - app/assets/stylesheets/jmagee-ui-kit/reset.sass
+- app/assets/stylesheets/jmagee-ui-kit/util.sass
 - lib/jmagee-ui-kit/engine.rb
 - lib/jmagee-ui-kit/version.rb
 - lib/jmagee-ui-kit.rb