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