Code
Out of the box sample: parsley-b4.css
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
border-color: #28a745;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
border-color: #dc3545;
}
.parsley-errors-list {
margin: 2px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
color: #dc3545;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
opacity: 1;
}
With line numbers sample: parsley-b4.css
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
border-color: #28a745;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
border-color: #dc3545;
}
.parsley-errors-list {
margin: 2px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
color: #dc3545;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
opacity: 1;
}