Add hover/active states to buttons
This commit is contained in:
parent
5478a64581
commit
4205b193ba
@ -128,6 +128,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 +143,22 @@ header ul a {
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:40px;
|
||||
height:34px;
|
||||
}
|
||||
|
||||
header ul a:hover {
|
||||
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