user.module.css

#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
  white-space: normal;
}
#user-admin-settings .details-description {
  font-size: 0.85em;
  padding-bottom: .5em;
}

/**
 * Password strength indicator.
 */
.password-strength {
  width: 17em;
  float: right;  /* LTR */
}
.password-strength-title {
  display: inline;
}
.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}
.password-indicator {
  background-color: #c4c4c4;
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: #47c965;
}
input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}
div.password-confirm {
  float: right;  /* LTR */
  visibility: hidden;
  width: 17em;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #b4b4b4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}
.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

 /**
 * Password strength indicator on narrow viewport.
 */
@media screen and (max-width: 600px) {
  .password-strength,
  div.password-confirm {
    float: none;
    width: auto;
  }
  .password-indicator {
    margin-bottom: 0.4em;
  }
  input.password-confirm,
  input.password-field {
    margin-bottom: 0;
    width: 100%;
  }
  div.form-item div.password-suggestions {
    width: auto;
  }
  .confirm-parent,
  .password-parent {
    clear: none;
    width: 100%;
  }
}

/**
 * Toolbar icon.
 */
.icon-user:before {
  background-image: url(../images/icon-user.png);
}
.icon-user:active:before,
.icon-user.active:before {
  background-image: url(../images/icon-user-active.png);
}

File

drupal/core/modules/user/css/user.module.css
View source
  1. #permissions td.module {
  2. font-weight: bold;
  3. }
  4. #permissions td.permission {
  5. padding-left: 1.5em; /* LTR */
  6. }
  7. #permissions tr.odd .form-item,
  8. #permissions tr.even .form-item {
  9. white-space: normal;
  10. }
  11. #user-admin-settings .details-description {
  12. font-size: 0.85em;
  13. padding-bottom: .5em;
  14. }
  15. /**
  16. * Password strength indicator.
  17. */
  18. .password-strength {
  19. width: 17em;
  20. float: right; /* LTR */
  21. }
  22. .password-strength-title {
  23. display: inline;
  24. }
  25. .password-strength-text {
  26. float: right; /* LTR */
  27. font-weight: bold;
  28. }
  29. .password-indicator {
  30. background-color: #c4c4c4;
  31. height: 0.3em;
  32. width: 100%;
  33. }
  34. .password-indicator div {
  35. height: 100%;
  36. width: 0%;
  37. background-color: #47c965;
  38. }
  39. input.password-confirm,
  40. input.password-field {
  41. width: 16em;
  42. margin-bottom: 0.4em;
  43. }
  44. div.password-confirm {
  45. float: right; /* LTR */
  46. visibility: hidden;
  47. width: 17em;
  48. }
  49. div.form-item div.password-suggestions {
  50. padding: 0.2em 0.5em;
  51. margin: 0.7em 0;
  52. width: 38.5em;
  53. border: 1px solid #b4b4b4;
  54. }
  55. div.password-suggestions ul {
  56. margin-bottom: 0;
  57. }
  58. .confirm-parent,
  59. .password-parent {
  60. clear: left; /* LTR */
  61. margin: 0;
  62. width: 36.3em;
  63. }
  64. /**
  65. * Password strength indicator on narrow viewport.
  66. */
  67. @media screen and (max-width: 600px) {
  68. .password-strength,
  69. div.password-confirm {
  70. float: none;
  71. width: auto;
  72. }
  73. .password-indicator {
  74. margin-bottom: 0.4em;
  75. }
  76. input.password-confirm,
  77. input.password-field {
  78. margin-bottom: 0;
  79. width: 100%;
  80. }
  81. div.form-item div.password-suggestions {
  82. width: auto;
  83. }
  84. .confirm-parent,
  85. .password-parent {
  86. clear: none;
  87. width: 100%;
  88. }
  89. }
  90. /**
  91. * Toolbar icon.
  92. */
  93. .icon-user:before {
  94. background-image: url(../images/icon-user.png);
  95. }
  96. .icon-user:active:before,
  97. .icon-user.active:before {
  98. background-image: url(../images/icon-user-active.png);
  99. }