Merge pull request #5 from ryankee/master
Add hover/active states to links.
This commit is contained in:
commit
c235567084
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user