jquery-strength.css 997 B

1234567891011121314151617181920212223242526272829303132333435
  1. .strength-container {
  2. position: relative; }
  3. .strength-container .strength-input {
  4. width: 100%;
  5. padding-right: 20px; }
  6. .strength-container .strength-meter {
  7. position: absolute;
  8. top: 15%;
  9. right: 6px;
  10. width: 4px;
  11. height: 70%;
  12. overflow: hidden;
  13. background-color: #ccc;
  14. border-radius: 1px; }
  15. .strength-container .strength-score {
  16. position: absolute;
  17. bottom: 0;
  18. width: 100%;
  19. height: 0;
  20. color: transparent;
  21. transition: width .6s ease 0s; }
  22. .strength-container .show-password-wrap {
  23. position: absolute; }
  24. .strength-container .strength-invalid.strength-score {
  25. height: 25%;
  26. background-color: #ff4c52; }
  27. .strength-container .strength-weak.strength-score {
  28. height: 50%;
  29. background-color: #eb6709; }
  30. .strength-container .strength-good.strength-score {
  31. height: 75%;
  32. background-color: #0bb2d4; }
  33. .strength-container .strength-strong.strength-score {
  34. height: 100%;
  35. background-color: #11c26d; }