Formulário de contato personalizado - para sidebar

Views:
/* Formulário de contato personalizado */
.contact-form-widget {
width: 350px;
max-width: 90%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8; /* COR DE FUNDO DO FORMULÁRIO */
color: #000;
border: 1px solid #C1C1C1; /* COR DA BORDA */
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); /* SOMBRA, APAGUE SE PREFERIR */
border-radius: 10px; /* GRAU DE ARREDONDAMENTO DO FORMULÁRIO */
}

/* Arquivo, não altere */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Estilo do botão Enviar */
.contact-form-button-submit {
background: #f60347; /* COR DE FUNDO DO BOTÃO */
color: #ffffff; /* COR DA FONTE DO BOTÃO */
width: 50%; /* LARGURA DO BOTÃO */
max-width: 50%;
margin-bottom: 10px;
padding-bottom: 5px;
margin-left: 25%;
font-size: 14px;
border: none;
}

/* Envio de boton mouseover */
.contact-form-button-submit:hover{
background: #000000; /* COR DE FUNDO DO BOTÃO HOVER*/
color: #ffffff; /* COR DA FONTE DO BOTÃO HOVER*/
width: 50%; /* LARGURA DO BOTÃO */
max-width: 50%;
margin-bottom: 10px;
padding-bottom: 5px;
margin-left: 25%;
font-size: 14px;
border: none;
}


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage