css-bootstrap/secure-pass.css

[roojs1] / css-bootstrap / secure-pass.css

.password-meter-grey {
    background: lightgrey; /* For browsers that do not support gradients */
    height: 10px;
}

.password-meter {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, green, red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, green, red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, green, red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, green, red); 

    font-size: 12px;     
}

.password-meter-tooweek {
    background: lightgrey;  
    height: 10px;        
}

.password-meter-weak {
    background: red;
    height: 10px;         
}

.password-meter-medium {
    background: yellow;
    height: 10px;          
}

.password-meter-strong {
    background: green;
    height: 10px;          
}

.password-meter-text { 
    padding-bottom:5px;
    margin-bottom:5px;    
    font-size: 12px;
    height: 10px;     
}