Skip to content

Instantly share code, notes, and snippets.

@gkobilansky
Created October 8, 2016 13:25
Show Gist options
  • Save gkobilansky/d3a296504a055da00890b5ce3e7f6ca9 to your computer and use it in GitHub Desktop.
Save gkobilansky/d3a296504a055da00890b5ce3e7f6ca9 to your computer and use it in GitHub Desktop.
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400';
form.wufoo {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}
label.desc, form li div label {
font-weight: 300;
width: 125px;
}
form input.text, form select.select {
font-weight: 300;
width: 280px;
height: 50px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
border-radius: 0;
padding: 6px 12px;
border: 1px solid #ccc;
margin-bottom: 15px;
}
form select, .safari .wufoo select.select {
background: url("http://139.59.183.185/assets/img/contact/arrow.png") 98% 50% no-repeat #fff;
background-size: 10px 10px;
}
form .submit {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
width: 280px;
height: 50px;
background-color: #14bec9;
text-transform: uppercase;
color: #fff;
border: none;
font-weight: 700;
font-size: 18px;
-webkit-font-smoothing: antialiased;
margin: 70px 0 90px;
padding: 0;
}
form .submit:hover, form .submit:focus {
background-color: #1098a0;
text-decoration: none;
color:#fff;
cursor: pointer;
}
@media (max-width: 400px) {
form.wufoo li {
padding: 0 !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment