form-validator.min.css

.js-form p{display:block;position:relative}.js-form label{display:inline-block;margin-bottom:.25em;font-weight:700}.js-form input,.js-form textarea{background:#fff;border:1px solid #ccc;border-radius:.5em;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);display:block;margin:0;padding:.5em 1em;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.js-form input:focus,.js-form textarea:focus{border-color:#60bcd9;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1),0 0 6px #acd7d1;-moz-box-shadow:0 1px 1px rgba(0,0,0,.1),0 0 6px #acd7d1;box-shadow:0 1px 1px rgba(0,0,0,.1),0 0 6px #acd7d1;outline:0}.js-form input[type=checkbox],.js-form input[type=number],.js-form input[type=radio]{display:inline-block}.js-form input[type=submit]{background:#60bdc9;border:none;color:#FFF;cursor:pointer;font-weight:700;font-size:1em;padding:1em 2em;text-shadow:0 1px 0 #25abba;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.js-form input[type=submit]:focus,.js-form input[type=submit]:hover{background:#25abba;color:#FFF;text-shadow:0 1px 0 #489ca5;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #acd7d1;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #acd7d1;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #acd7d1}.js-form-field-valid{background:#f1fcd9!important;border-color:#cedbad!important;color:#519548}.js-form-field-invalid{background:#ffe6e5!important;border-color:#edc6c4!important;color:#f67f77}.js-form-error-message{background:#f2fdff;border-left:5px solid #60bdc9;color:#888;display:inline-block;margin-bottom:1.5em;padding:1.5em 1em}.js-form-error-message-title{color:#60bdc9;display:block;font-size:1.25em;margin-bottom:.5em}.js-form-field-error{border-radius:.25em;color:#f67f77;display:block;font-size:.75em;margin-top:.5em}.js-form-field-error::before{background:#f67f77;color:#fff;content:'!';font-weight:700;margin-right:5px;padding:0 5px}