Vários estilos de mini botões

#botão-bpd{
background: #e8e1e7;
box-shadow: inset 0 0 4px #d6c8d5, 3px 3px 0 #f7f7f7;
border-radius: 2px;
padding: 5px;
font-family: "PF Arma Five";
font-size: 8px;
text-transform: lowercase;
color: #d2c3d1;
text-shadow: 1px 1px #f1ecf1;
}
#botão-bpd{
padding: 4px;
background: #dbe3e8;
background: -moz-linear-gradient(top,  hsla(203,22%,89%,1) 47%, hsla(204,28%,93%,1) 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,hsla(203,22%,89%,1)), color-stop(50%,hsla(204,28%,93%,1)));
background: -webkit-linear-gradient(top,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
background: -o-linear-gradient(top,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
background: -ms-linear-gradient(top,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
background: linear-gradient(to bottom,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe3e8', endColorstr='#e8eef2',GradientType=0 );
box-shadow: inset 0 0 4px #b3c1cc, 0 0 3px #f1f1f1;
font-family: arial;
font-size: 10px;
letter-spacing: .1em;
color: #fff;
text-shadow: 1px 1px 0 #ced8e0;
}
#botão-bpd{
background: #ffeaee;
box-shadow: inset 0 0 4px #ffcdd7, 0 0 2px #f2f2f2;
border: 1px solid #ffced8;
outline: solid 1px #fff7f9;
outline-offset: -2px;
text-shadow: 1px 1px #fff9fa;
padding: 5px;
font-family: "mack";
font-size: 8px;
text-transform: lowercase;
letter-spacing: .1em;
color: #ffbecb;
}
 #botão-bpd{
background: #e0d5c0;
background: -moz-linear-gradient(top,  #e0d5c0 75%, #e4dccb 77%, #e4dccb 77%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#e0d5c0), color-stop(77%,#e4dccb), color-stop(77%,#e4dccb));
background: -webkit-linear-gradient(top,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
background: -o-linear-gradient(top,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
background: -ms-linear-gradient(top,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
background: linear-gradient(to bottom,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d5c0', endColorstr='#e4dccb',GradientType=0 );
box-shadow: inset 1px 1px 0 #ede7dd;
border: 1px solid #cfc0a5;
padding: 4px;
font-family: "arial";
font-size: 10px;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #cbbc9f;
}
#botao-bpd{
padding: 3px 5px 3px 5px;
border-top: 1px solid #cfd8e0;
border-bottom: 1px solid #cfd8e0;
border-left: 3px solid #cfd8e0;
border-right: 3px solid #cfd8e0;
text-align: center;
box-shadow: inset 1px 1px 0 #f4f6f8;
background: #eaeef1;
color: #c2cbd2;
text-shadow: 1px 1px 0 #f4f6f8;
background: -moz-linear-gradient(top, #eaeef1 44%, #e1e8ed 82%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#eaeef1), color-stop(82%,#e1e8ed));
background: -webkit-linear-gradient(top, #eaeef1 44%,#e1e8ed 82%);
background: -o-linear-gradient(top, #eaeef1 44%,#e1e8ed 82%);
background: -ms-linear-gradient(top, #eaeef1 44%,#e1e8ed 82%);
background: linear-gradient(to bottom, #eaeef1 44%,#e1e8ed 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef1', endColorstr='#e1e8ed',GradientType=0 );
padding: 3px 4px 1px 4px;
display: block;
margin-top: 1px;
letter-spacing: .1em;
font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: lowercase;
margin-bottom: 2px;
}

0 comentários:

Postar um comentário

Obrigada por comentar, deixe seu blog no comentário para eu retribuir *-*