|
/* from http://addyosmani.com/css3/ and http://jsfiddle.net/9TpHn/17/ */ |
|
.tutorial { |
|
font-size: 16px; |
|
font-weight: bold; |
|
border: 1px solid #2356a1; |
|
padding: 20px 25px; |
|
color: #fff; |
|
background-color:blue; |
|
-moz-border-radius: 5px; |
|
-webkit-border-radius: 5px; |
|
border-radius: 5px; |
|
text-shadow: 0 -1px 0 hsla(214,100%,0%,.5); |
|
background: #1161a0; |
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3fa0ff), color-stop(1, #2356a1) ); |
|
background: -moz-linear-gradient( center top, #3fa0ff 20%, #2356a1 100% ); |
|
-webkit-box-shadow: |
|
inset 0 1px 1px hsla(0,100%,100%,.4), |
|
inset 0 -1px 0 hsla(0,100%,100%,.3), |
|
0 4px 0 hsla(212,77%,26%,1), |
|
0 5px 2px hsla(214,100%,0%,.5); |
|
-moz-box-shadow: |
|
inset 0 1px 1px hsla(0,100%,100%,.4), |
|
inset 0 -1px 0 hsla(0,100%,100%,.3), |
|
0 4px 0 hsla(212,77%,26%,1), |
|
0 5px 2px hsla(214,100%,0%,.5); |
|
box-shadow: |
|
inset 0 1px 1px hsla(0,100%,100%,.4), |
|
inset 0 -1px 0 hsla(0,100%,100%,.3), |
|
0 4px 0 hsla(212,77%,26%,1), |
|
0 5px 2px hsla(214,100%,0%,.5); |
|
cursor: pointer; |
|
} |
|
|
|
.tutorial:hover { |
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3fa0ff), color-stop(1, #b8dcf5) ); |
|
background: -moz-linear-gradient( center top, #3fa0ff 20%, #b8dcf5 100% ); |
|
} |
