strengthify.css 984 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /**
  2. * Strengthify - show the weakness of a password (uses zxcvbn for this)
  3. * https://github.com/kabum/strengthify
  4. * Version: 0.3
  5. * License: The MIT License (MIT)
  6. * Copyright (c) 2013 Morris Jobke <morris.jobke@gmail.com>
  7. */
  8. .strengthify-wrapper > * {
  9. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  10. filter: alpha(opacity=0);
  11. opacity: 0;
  12. -webkit-transition:all .5s ease-in-out;
  13. -moz-transition:all .5s ease-in-out;
  14. transition:all .5s ease-in-out;
  15. }
  16. .strengthify-bg, .strengthify-container, .strengthify-wrapper, .strengthify-separator {
  17. height: 3px;
  18. }
  19. .strengthify-bg, .strengthify-container {
  20. display: block;
  21. position: absolute;
  22. width: 100%;
  23. }
  24. .strengthify-bg {
  25. background-color: #BBB;
  26. }
  27. .strengthify-separator {
  28. display: inline-block;
  29. position: absolute;
  30. background-color: #FFF;
  31. width: 1px;
  32. z-index: 10;
  33. }
  34. .password-bad {
  35. background-color: #C33;
  36. }
  37. .password-medium {
  38. background-color: #F80;
  39. }
  40. .password-good {
  41. background-color: #3C3;
  42. }