user.css

Same filename in this branch
  1. 10 core/profiles/demo_umami/themes/umami/css/components/user/user.css
Same filename in other branches
  1. 7.x modules/user/user.css
  2. 9 core/profiles/demo_umami/themes/umami/css/components/user/user.css
  3. 9 core/themes/seven/css/components/user.css
  4. 9 core/themes/bartik/css/components/user.css
  5. 9 core/themes/starterkit_theme/css/components/user.css
  6. 9 core/themes/classy/css/components/user.css
  7. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/user.css
  8. 8.9.x core/themes/seven/css/classy/components/user.css
  9. 8.9.x core/themes/bartik/css/classy/components/user.css
  10. 8.9.x core/themes/classy/css/components/user.css
  11. 11.x core/profiles/demo_umami/themes/umami/css/components/user/user.css
  12. 11.x core/themes/starterkit_theme/css/components/user.css

Theme styling for user module.

File

core/themes/starterkit_theme/css/components/user.css

View source
  1. /**
  2. * @file
  3. * Theme styling for user module.
  4. */
  5. /* Visual styling for the Password strength indicator */
  6. .password-strength__meter {
  7. margin-top: 0.5em;
  8. background-color: #ebeae4;
  9. }
  10. .password-strength__indicator {
  11. -webkit-transition: width 0.5s ease-out;
  12. transition: width 0.5s ease-out;
  13. background-color: #77b259;
  14. }
  15. .password-strength__indicator.is-weak {
  16. background-color: #e62600;
  17. }
  18. .password-strength__indicator.is-fair {
  19. background-color: #e09600;
  20. }
  21. .password-strength__indicator.is-good {
  22. background-color: #0074bd;
  23. }
  24. .password-strength__indicator.is-strong {
  25. background-color: #77b259;
  26. }
  27. .password-confirm,
  28. .password-field,
  29. .password-strength,
  30. .password-confirm-match,
  31. .password-confirm-message {
  32. width: 55%;
  33. }
  34. .password-suggestions {
  35. max-width: 34.7em;
  36. margin: 0.7em 0;
  37. padding: 0.2em 0.5em;
  38. border: 1px solid #b4b4b4;
  39. }
  40. .password-suggestions ul {
  41. margin-bottom: 0;
  42. }
  43. .confirm-parent,
  44. .password-parent {
  45. clear: left; /* LTR */
  46. overflow: hidden;
  47. max-width: 33em;
  48. margin: 0;
  49. }
  50. [dir="rtl"] .confirm-parent,
  51. [dir="rtl"] .password-parent {
  52. clear: right;
  53. }
  54. /* Styling for the status indicator of the passwords match test. */
  55. .password-confirm .ok {
  56. color: #325e1c;
  57. font-weight: bold;
  58. }
  59. .password-confirm .error {
  60. color: #a51b00;
  61. font-weight: bold;
  62. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.