1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| .bouton_vert {
width:auto;
padding:8px 0;
text-align:center;
display: inline-block;
float:left;
margin:0 15px 15px 0;
font-size: 1.6em;
border-radius:7px;
box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
font-size: 0.85em;
width:120px;
color:#FFF;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
background: #91BD09;
background: -webkit-linear-gradient( #91BD09, #4E9939);
background: -moz-linear-gradient( #91BD09, #4E9939);
background: -ms-linear-gradient( #91BD09, #4E9939);
background: -o-linear-gradient( #91BD09, #4E9939);
background: linear-gradient( #91BD09, #4E9939);
}
.bouton_vert:hover{
background: #A3C416;
background: -webkit-linear-gradient( #A3C416, #55A53C);
background: -moz-linear-gradient( #A3C416, #55A53C);
background: -ms-linear-gradient( #A3C416, #55A53C);
background: -o-linear-gradient( #A3C416, #55A53C);
background: linear-gradient( #A3C416, #55A53C);
}
.bouton_vert:active{box-shadow: 1px 1px 10px #285419 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);} |
Partager