You are here

Home » API reference » Password Strength 6

password_strength.css in Password Strength 6

Same filename and directory in other branches
  1. 5 password_strength.css
input.password-field {
  margin-left: 10px;
  margin-right: inherit;
}
input.password-confirm {
  margin-left: 10px;
  margin-right: inherit;
}
.warning {
  color: #e09010;
}
div.warning {
  border: 1px solid #f0c020;
}
.ok {
  color: #008000;
}
div.ok {
  border: 1px solid #00aa00;
}
div.ok, tr.ok {
  background: #dfd;
  color: #020;
  padding: 2px;
}

/*
** Password strength indicator
*/
span.password-strength {
  visibility: hidden;
}
span.password-title {
  font-weight: bold;
}
input.password-field {
  margin-right: 10px; /* LTR */
}
div.password-description {
  padding: 0 2px;
  margin: 4px 0 0 0;
  font-size: 0.85em;
  max-width: 500px;
}
div.password-description ul {
  margin-bottom: 0;
}
.password-parent {
  margin: 0 0 0 0;
}
/*
** Password confirmation checker
*/
input.password-confirm {
  margin-right: 10px; /* LTR */
}
.confirm-parent {
  margin: 5px 0 0 0;
}
span.password-confirm {
  visibility: hidden;
  font-weight: bold;
}
span.password-confirm span {
  font-weight: normal;
}

File

password_strength.css
View source 
  1. 

  2. input.password-field {

  3.   margin-left: 10px;

  4.   margin-right: inherit;

  5. }

  6. input.password-confirm {

  7.   margin-left: 10px;

  8.   margin-right: inherit;

  9. }

  10. .warning {

  11.   color: #e09010;

  12. }

  13. div.warning {

  14.   border: 1px solid #f0c020;

  15. }

  16. .ok {

  17.   color: #008000;

  18. }

  19. div.ok {

  20.   border: 1px solid #00aa00;

  21. }

  22. div.ok, tr.ok {

  23.   background: #dfd;

  24.   color: #020;

  25.   padding: 2px;

  26. }

  27. 

  28. /*

  29. ** Password strength indicator

  30. */

  31. span.password-strength {

  32.   visibility: hidden;

  33. }

  34. span.password-title {

  35.   font-weight: bold;

  36. }

  37. input.password-field {

  38.   margin-right: 10px; /* LTR */

  39. }

  40. div.password-description {

  41.   padding: 0 2px;

  42.   margin: 4px 0 0 0;

  43.   font-size: 0.85em;

  44.   max-width: 500px;

  45. }

  46. div.password-description ul {

  47.   margin-bottom: 0;

  48. }

  49. .password-parent {

  50.   margin: 0 0 0 0;

  51. }

  52. /*

  53. ** Password confirmation checker

  54. */

  55. input.password-confirm {

  56.   margin-right: 10px; /* LTR */

  57. }

  58. .confirm-parent {

  59.   margin: 5px 0 0 0;

  60. }

  61. span.password-confirm {

  62.   visibility: hidden;

  63.   font-weight: bold;

  64. }

  65. span.password-confirm span {

  66.   font-weight: normal;

  67. }