webform-toolkit/dist/webform-toolkit.min.css

Create a HTML form with field validation and custom errors.

.webform fieldset{border:none;margin:5px 10px}.webform fieldset div{display:inline-block;margin:5px}.webform fieldset div label{display:inline-block;width:150px}.webform fieldset div input,.webform fieldset div textarea{box-shadow:none;outline:0}.webform fieldset div input.error-on,.webform fieldset div textarea.error-on{border:1px solid red;color:red}.webform fieldset div input.error-off,.webform fieldset div textarea.error-off{border:1px solid #ddd;border-bottom:1px solid #bbb;border-left:1px solid #aaa}.webform fieldset div input[type=file],.webform fieldset div input[type=password],.webform fieldset div input[type=text]{border:1px solid #ddd;border-bottom:1px solid #bbb;border-left:1px solid #aaa;width:200px}.webform fieldset div input[type=password],.webform fieldset div input[type=text]{height:20px}.webform fieldset div input[type=file]{border:1px solid transparent;margin:5px 0}.webform fieldset div input[type=button],.webform fieldset div input[type=submit]{display:block;margin:0 auto;padding:2px}.webform fieldset div select{box-shadow:none}.webform fieldset div textarea{border:1px solid #ddd;border-bottom:1px solid #bbb;border-left:1px solid #aaa;height:50px;width:200px}.webform fieldset div p{font-size:12px;padding:5px;text-align:center}.webform fieldset div p.description{border-bottom:1px solid #eee;border-top:1px solid #eee;margin-top:5px}.webform fieldset div p.error-message{background-color:#f7f7f7;border:1px solid #ccc;border-top:1px solid #eee;display:none;margin-bottom:20px}.webform fieldset div .checkbox,.webform fieldset div .radios{display:inline-block}.webform fieldset div .checkbox input,.webform fieldset div .checkbox span{display:inline-block}.webform fieldset div .checkbox span{padding-left:5px;vertical-align:middle}.webform fieldset legend{font-weight:700}.webform .form-submit{padding:10px 0}