1
0
mirror of synced 2024-11-24 07:30:14 +01:00

Merge pull request #5 from ryankee/master

Add hover/active states to links.
This commit is contained in:
Steve Smith 2012-04-15 06:00:34 -07:00
commit c235567084

View File

@ -38,6 +38,10 @@ a {
text-decoration:none;
}
a:hover {
color:#069;
}
a small {
font-size:11px;
color:#777;
@ -45,6 +49,10 @@ a small {
display:block;
}
a:hover small {
color:#777;
}
.wrapper {
width:860px;
margin:0 auto;
@ -128,6 +136,14 @@ header li {
height:40px;
}
header li:first-child a {
border-radius:5px 0 0 5px;
}
header li:last-child a {
border-radius:0 5px 5px 0;
}
header ul a {
line-height:1;
font-size:11px;
@ -135,7 +151,23 @@ header ul a {
display:block;
text-align:center;
padding-top:6px;
height:40px;
height:34px;
}
header ul a:hover {
color:#999;
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%);
background: -o-linear-gradient(top, #fff 0%,#ddd 100%);
background: -ms-linear-gradient(top, #fff 0%,#ddd 100%);
background: linear-gradient(top, #fff 0%,#ddd 100%);
}
header ul a:active {
-webkit-box-shadow: inset 0px 2px 2px 0px #ddd;
-moz-box-shadow: inset 0px 2px 2px 0px #ddd;
box-shadow: inset 0px 2px 2px 0px #ddd;
}
strong {