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;
}