Permalink
Browse files

Adding hover states for find your course, run a course.

  • Loading branch information...
1 parent 3dc8e83 commit c152bcbb8394666cd77590a4783a57d8084e32b3 @brianloveswords committed Jan 23, 2011
Showing with 14 additions and 0 deletions.
  1. +9 −0 css/main.css
  2. +5 −0 css/main.less
View
9 css/main.css
@@ -154,12 +154,21 @@ section[role="masthead"] nav a {
section[role="masthead"] nav a[role="find-course"] {
color: #fff;
background: url("/images/bg.find-your-course.png") no-repeat;
+ height: 138px;
+ margin-bottom: 5px;
+}
+section[role="masthead"] nav a[role="find-course"]:hover {
+ background-position: 0 -175px;
}
section[role="masthead"] nav a[role="run-course"] {
margin-left: 7px;
padding-left: 33px;
background: url("/images/bg.run-a-course.png") no-repeat;
color: #5a6579;
+ height: 84px;
+}
+section[role="masthead"] nav a[role="run-course"]:hover {
+ background-position: 0 -121px;
}
section[role="masthead"] h1 {
color: #a9b2c1;
View
5 css/main.less
@@ -142,12 +142,17 @@ section[role="masthead"] {
a[role="find-course"] {
color: #fff;
background: url("/images/bg.find-your-course.png") no-repeat;
+ height: 175px - 37px;
+ margin-bottom: 5px;
+ &:hover { background-position: 0 -175px; }
}
a[role="run-course"] {
margin-left: 7px;
padding-left: 33px;
background: url("/images/bg.run-a-course.png") no-repeat;
color: #5a6579;
+ height: 121px - 37px;
+ &:hover { background-position: 0 -121px; }
}
}
h1 {

0 comments on commit c152bcb

Please sign in to comment.