#permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; /* LTR */ } [dir="rtl"] #permissions td.permission { padding-left: 0; padding-right: 1.5em; } #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: 13em; float: right; /* LTR */ } [dir="rtl"] .password-strength { float: left; } .password-strength-title { display: inline; } .password-strength-text { float: right; /* LTR */ font-weight: bold; } [dir="rtl"] .password-strength-text { float: left; } .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: 13.7em; margin-bottom: 0.4em; float: left; /* LTR */ } div.password-confirm { float: right; /* LTR */ visibility: hidden; width: 13em; } [dir="rtl"] input.password-confirm, [dir="rtl"] input.password-field { float: right; } [dir="rtl"] div.password-confirm { float: left; } div.form-item div.password-suggestions { padding: 0.2em 0.5em; margin: 0.7em 0; max-width: 34.7em; border: 1px solid #b4b4b4; } div.password-suggestions ul { margin-bottom: 0; } .confirm-parent, .password-parent { clear: left; /* LTR */ margin: 0; max-width: 33em; overflow: hidden; } [dir="rtl"] .confirm-parent, [dir="rtl"] .password-parent { clear: right; } /** * Password strength indicator on narrow viewport. */ @media screen and (max-width: 600px) { .password-strength, div.password-confirm { float: none; width: auto; max-width: 100%; } .password-indicator { margin-bottom: 0.4em; } input.password-confirm, input.password-field { margin-bottom: 0; width: 100%; max-width: none; } div.form-item div.password-suggestions { width: auto; max-width: 100%; } .confirm-parent, .password-parent { clear: none; width: 100%; max-width: none; overflow: hidden; } }