Permalink
Browse files

Hover and active states for navigation links

  • Loading branch information...
1 parent 87708d6 commit 92d4ca43af087bfe37bfef4940040a061752b8d6 Ryan DeStefano committed Nov 21, 2011
Showing with 15 additions and 2 deletions.
  1. BIN images/nav-sprite.png
  2. +15 −2 style.css
View
BIN images/nav-sprite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
17 style.css
@@ -58,6 +58,7 @@ nav {
width: 100%;
text-align: center;
margin: 0 auto;
+ padding: 0;
height: 27px;
z-index: 11;
border-top: solid 1px #C8C8C8;
@@ -82,15 +83,27 @@ nav:after { left: 100%; }
nav a {
display: inline-block;
+ height: 22px;
text-align: center;
text-decoration: none;
margin: 0 15px;
- padding: 3px 28px 0 28px;
+ padding: 2px 28px 3px 28px;
color: #636363;
text-shadow: 0 -1px 0 #eee;
+ background-image: url('images/nav-sprite.png');
+ background-repeat: repeat-x;
}
-nav a:hover { color: #333; }
+nav a:hover {
+ color: #fff;
+ background-position: 0 -28px;
+ text-shadow: 0 -1px 0 #188;
+}
+
+nav a:active {
+ color: #eee;
+ background-position: 0 -56px;
+}
/*** ARTICLES ***/
body > article {

0 comments on commit 92d4ca4

Please sign in to comment.