Skip to content

Instantly share code, notes, and snippets.

@thulioph
Created August 21, 2013 00:32
Show Gist options
  • Save thulioph/6289097 to your computer and use it in GitHub Desktop.
Save thulioph/6289097 to your computer and use it in GitHub Desktop.
A CodePen by Thulio Philipe.
<form id="form-contato" action="javascript:;">
<div class="inputs-contato">
<input type="text" placeholder="Nome">
<input type="email" placeholder="Email">
<input type="text" placeholder="Assunto">
</div>
<textarea placeholder="Mensagem"></textarea>
<input type="submit" value="enviar">
</form>
::-webkit-input-placeholder{
color: #000000;
}
::-moz-placeholder{
color: #000000;
}
::-moz-placeholder{
color: #000000;
}
:-ms-input-placeholder{
color: #000000;
}
#form-contato{
margin-top: 10px;
float: left;
}
.inputs-contato{
width: 350px;
float: left;
}
#form-contato input[type="text"],
#form-contato input[type="email"]{
width: 330px;
height: 55px;
background-color: #f2f2f2;
border: 1px solid #b9b9b9;
margin-bottom: 10px;
color: #000000;
padding: 0 15px;
font-family: calibri;
font-family: 16px;
}
#form-contato textarea{
resize:none;
width: 330px;
height: 160px;
background-color: #f2f2f2;
border: 1px solid #b9b9b9;
margin-left: 20px;
padding: 15px;
font-family: calibri;
font-family: 16px;
/*float: left;*/
}
#form-contato input[type="submit"]{
width: 220px;
height: 60px;
background-color: #ea353d;
outline: none;
border: none;
font-weight: bold;
cursor: pointer;
color: #ffffff;
float: left;
margin: 5px 0 0 162px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment