You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
@import "compass/css3/gradient";
|
|
|
|
|
@import "compass/css3/border-radius";
|
|
|
|
|
@import "compass/css3/box-shadow";
|
|
|
|
|
|
|
|
|
|
@mixin cupid-green {
|
|
|
|
|
@include background(linear-gradient(top, #7fbf4d, #63a62f));
|
|
|
|
|
border: 1px solid #63a62f;
|
|
|
|
|
border-bottom: 1px solid #5b992b;
|
|
|
|
|
@include border-radius(3px);
|
|
|
|
|
@include box-shadow(inset 0 1px 0 0 #96ca6d);
|
|
|
|
|
color: #fff;
|
|
|
|
|
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
padding: 7px 0 8px 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-shadow: 0 -1px 0 #4c9021;
|
|
|
|
|
width: 150px;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
@include background(linear-gradient(top, #76b347, #5e9e2e));
|
|
|
|
|
@include box-shadow(inset 0 1px 0 0 #8dbf67);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
border: 1px solid #5b992b;
|
|
|
|
|
border-bottom: 1px solid #538c27;
|
|
|
|
|
@include box-shadow(inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee);
|
|
|
|
|
}
|
|
|
|
|
}
|
