You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
2.5 KiB
130 lines
2.5 KiB
/** |
|
* @file |
|
* Theme styling for user module. |
|
*/ |
|
|
|
/* Visual styling for the Password strength indicator */ |
|
.password-strength__meter { |
|
margin-top: 0.5em; |
|
background-color: #ebeae4; |
|
} |
|
.password-strength__indicator { |
|
-webkit-transition: width 0.5s ease-out; |
|
transition: width 0.5s ease-out; |
|
background-color: #77b259; |
|
} |
|
.password-strength__indicator.is-weak { |
|
background-color: #e62600; |
|
} |
|
.password-strength__indicator.is-fair { |
|
background-color: #e09600; |
|
} |
|
.password-strength__indicator.is-good { |
|
background-color: #0074bd; |
|
} |
|
.password-strength__indicator.is-strong { |
|
background-color: #77b259; |
|
} |
|
|
|
.password-confirm, |
|
.password-field, |
|
.password-strength, |
|
.password-confirm-match, |
|
.password-confirm-message { |
|
width: 55%; |
|
} |
|
|
|
.password-suggestions { |
|
max-width: 34.7em; |
|
margin: 0.7em 0; |
|
padding: 0.2em 0.5em; |
|
border: 1px solid #b4b4b4; |
|
} |
|
.password-suggestions ul { |
|
margin-bottom: 0; |
|
} |
|
|
|
.confirm-parent, |
|
.password-parent { |
|
clear: left; /* LTR */ |
|
overflow: hidden; |
|
max-width: 33em; |
|
margin: 0; |
|
} |
|
[dir='rtl'] .confirm-parent, |
|
[dir='rtl'] .password-parent { |
|
clear: right; |
|
} |
|
|
|
/* Styling for the status indicator of the passwords match test. */ |
|
.password-confirm .ok { |
|
color: #325e1c; |
|
font-weight: bold; |
|
} |
|
.password-confirm .error { |
|
color: #a51b00; |
|
font-weight: bold; |
|
} |
|
.page-node-type-people .node__content { |
|
@include xy-grid-container(); |
|
@include xy-grid(); |
|
img { |
|
@include thumbnail; |
|
margin-top: $global-margin; |
|
} |
|
.bio_left { |
|
@include xy-cell(2); |
|
} |
|
.group-bio-info-2 { |
|
@include xy-cell(10); |
|
border: 1px solid #ccc; |
|
padding: $global-padding; |
|
} |
|
} |
|
.field--name-field-subjects h2 a { |
|
font-size: 1rem; |
|
font-family: 'Roboto Condensed', sans-serif; |
|
} |
|
.field--name-field-subjects .field__label { |
|
background: #333; |
|
color: #fefefe; |
|
padding: 5px 1rem 0; |
|
margin: 0; |
|
border-radius: 4px 4px 0 0; |
|
border-bottom: 4px solid #517e1b; |
|
} |
|
.field--name-field-job-title { |
|
font-family: 'Roboto Condensed', sans-serif; |
|
color: #517e1b; |
|
font-size: 1.77687rem; |
|
} |
|
|
|
.group-bio-info-2 { |
|
} |
|
.page-node-type-people .node__content .bio_left { |
|
flex-flow: column; |
|
display: flex; |
|
margin-bottom: 1em; |
|
img { |
|
width: 100%; |
|
} |
|
} |
|
.bio_left .field--name-field-subjects .field__items { |
|
height: 100%; |
|
//border: 1px solid #ccc; |
|
padding: 0.5em; |
|
} |
|
.bio_right { |
|
legend { |
|
display: none; |
|
} |
|
.field--name-field-job-title { |
|
margin-bottom: calc($global-margin/2); |
|
} |
|
.field__label { |
|
width: 200px; |
|
font-family: "Roboto Condensed", sans-serif; |
|
} |
|
.field--name-body { |
|
margin-top: $global-margin;} |
|
}
|
|
|