|
.button { |
|
display: inline-block; |
|
outline: none; |
|
cursor: pointer; |
|
text-align: center; |
|
text-decoration: none; |
|
font: 14px/100% Arial, Helvetica, sans-serif; |
|
padding: .5em 2em .55em; |
|
text-shadow: 0 1px 1px rgba(0,0,0,.3); |
|
-webkit-border-radius: .5em; |
|
-moz-border-radius: .5em; |
|
border-radius: .5em; |
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); |
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); |
|
box-shadow: 0 1px 2px rgba(0,0,0,.2); |
|
} |
|
.button:hover { |
|
text-decoration: none; |
|
} |
|
.button:active { |
|
position: relative; |
|
top: 1px; |
|
} |
|
|
|
.black { |
|
color: #d7d7d7; |
|
border: solid 1px #333; |
|
background: #333; |
|
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); |
|
background: -moz-linear-gradient(top, #666, #000); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); |
|
} |
|
.black:hover { |
|
background: #000; |
|
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); |
|
background: -moz-linear-gradient(top, #444, #000); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); |
|
} |
|
.black:active { |
|
color: #666; |
|
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); |
|
background: -moz-linear-gradient(top, #000, #444); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); |
|
} |
