Skip to content

Instantly share code, notes, and snippets.

@kfrank
Last active September 30, 2015 19:58
Show Gist options
  • Save kfrank/d30d8bbfd6979c296ce4 to your computer and use it in GitHub Desktop.
Save kfrank/d30d8bbfd6979c296ce4 to your computer and use it in GitHub Desktop.
.wufoo {
font-family: Helvetica, sans-serif !important;
}
.wufoo .info {
display: none;
}
.wufoo table {
border-color: transparent;
border-collapse: collapse;
}
.wufoo .buttons .btTxt, .wufoo .buttons .link {
font-size: 16px;
font-weight: bold;
height: 50px;
line-height: 46px;
padding: 0 22px;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease;
border-radius: 4px;
outline: none;
}
.wufoo .btTxt {
background-color: #5fcf80;
border: 2px solid #5fcf80;
color: #fff;
}
.wufoo .btTxt.submit:hover {
cursor: pointer;
border-color: #3ac162;
color: #fff;
background-color: #3ac162;
}
.wufoo .link {
background-color: transparent;
border: 2px solid #d4d9dd;
color: #576366;
text-decoration: none;
}
.wufoo .likert {
margin-bottom: 5px;
}
.likert th, .likert td {
border-color: #EDEFF0;
}
.wufoo .likert thead td, .likert thead th {
background-color: transparent;
color: #798B8E;
}
.likert td {
border-left: none;
}
.likert tbody tr.alt td, .likert tbody tr.alt th {
background-color: transparent;
}
.likert tbody th label {
color: #596568;
}
.likert tbody th {
padding: 15px 10px;
}
.likert tbody tr:hover td, .likert tbody tr:hover th, .likert tbody tr:hover label {
background-color: #F9FAFA;
}
.likert tbody tr:hover td {
border-left: none;
}
.wufoo input.text, .wufoo textarea.textarea {
background: #e8ebed;
border: 2px solid #e8ebed;
border-radius: 5px;
color: #657380;
font-size: 14px;
padding: 11px 2%;
}
.wufoo textarea:focus, .wufoo input:focus, .wufoo select.select:focus {
outline: 0;
background: #FFF;
border-color: #d4d9dd;
}
.wufoo textarea.textarea, .wufoo input.text.large {
min-width: 95%;
max-width: 95%;
}
.wufoo caption, .wufoo label.desc, .wufoo li.focused label.desc, .wufoo legend.desc, .wufoo li.focused legend.desc {
color: #384047;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.wufoo li.focused {
background-color: transparent;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment