|
|
|
<p> |
|
<a target="_blank" href="http://igormerlin.justclick.ru/order/ysilitel-1/ " class="reg_button shadow_wt">Кнопка</a> |
|
</p> |
|
|
|
/* start style css */ |
|
|
|
.reg_button { |
|
letter-spacing: 1px; |
|
cursor: pointer; |
|
text-transform: uppercase; |
|
width:60%; |
|
margin:20px auto; |
|
display: block; |
|
background-color: transparent; |
|
border: medium none; |
|
line-height: 3.0; |
|
color: #FFF; |
|
font-size: 1.5rem; |
|
text-decoration:none; |
|
text-align:center; |
|
border:none; |
|
-webkit-border-radius:10px; |
|
-moz-border-radius:10px; |
|
border-radius: 10px; |
|
background-color:#e0042d; |
|
background-image: -moz-linear-gradient(top, #e0042d 0%, #9c0624 100%); |
|
background-image: -webkit-linear-gradient(top, #e0042d 0%, #9c0624 100%); |
|
background-image: -o-linear-gradient(top, #e0042d 0%, #9c0624 100%); |
|
background-image: -ms-linear-gradient(top, #e0042d 0% ,#9c0624 100%); |
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c0624', endColorstr='#9c0624',GradientType=0 ); |
|
background-image: linear-gradient(top, #e0042d 0% ,#9c0624 100%); |
|
-webkit-box-shadow:3px 3px 3px #363434; -moz-box-shadow: 3px 3px 3px #363434; box-shadow:3px 3px 3px #363434; |
|
-webkit-transition: all 0.06s ease; |
|
-moz-transition: all 0.06s ease; |
|
-o-transition: all 0.06s ease; |
|
transition: all 0.06s ease; |
|
font-family: Georgia; |
|
|
|
} |
|
|
|
.reg_button:hover { |
|
text-decoration: none; |
|
color: #FFF; |
|
border:none; |
|
-webkit-border-radius:10px; |
|
-moz-border-radius:10px; |
|
border-radius: 10px; |
|
background-color:#ea2950; |
|
background-image: -moz-linear-gradient(top, #ea2950 0%, #ac2c43 100%); |
|
background-image: -webkit-linear-gradient(top, #ea2950 0%, #ac2c43 100%); |
|
background-image: -o-linear-gradient(top, #ea2950 0%, #ac2c43 100%); |
|
background-image: -ms-linear-gradient(top, #ea2950 0% ,#ac2c43 100%); |
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac2c43', endColorstr='#ac2c43',GradientType=0 ); |
|
background-image: linear-gradient(top, #ea2950 0% ,#ac2c43 100%); |
|
-webkit-box-shadow:3px 3px 3px #363434; -moz-box-shadow: 3px 3px 3px #363434; box-shadow:3px 3px 3px #363434; |
|
} |
|
|
|
.reg_button:active, |
|
.reg_button:focus { |
|
color: #FFF; |
|
border:none; |
|
-webkit-border-radius:10px; |
|
-moz-border-radius:10px; |
|
border-radius: 10px; |
|
background-color:#ce2040; |
|
background-image: -moz-linear-gradient(top, #ce2040 0%, #76041b 100%); |
|
background-image: -webkit-linear-gradient(top, #ce2040 0%, #76041b 100%); |
|
background-image: -o-linear-gradient(top, #ce2040 0%, #76041b 100%); |
|
background-image: -ms-linear-gradient(top, #ce2040 0% ,#76041b 100%); |
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76041b', endColorstr='#76041b',GradientType=0 ); |
|
background-image: linear-gradient(top, #ce2040 0% ,#76041b 100%); |
|
-webkit-box-shadow:2px 2px 2px #363434, inset 0px 1px 0px #ce2040; |
|
-moz-box-shadow: 2px 2px 2px #363434, inset 0px 1px 0px #ce2040; |
|
box-shadow:2px 2px 2px #363434, inset 0px 1px 0px #ce2040; |
|
} |
|
|
|
/* end style css */ |