|
|
| Line 1: |
Line 1: |
| .profile-container {
| |
| max-width: 1000px;
| |
| margin: auto;
| |
| }
| |
|
| |
|
| #blue-divider {
| |
| height: 8px;
| |
| margin: auto;
| |
| margin-bottom: 30px;
| |
| }
| |
|
| |
| .profile-container hr{
| |
| max-width: 95%;
| |
| margin: auto;
| |
| margin-top: 30px;
| |
| background-color: #C8CCD1;
| |
| }
| |
|
| |
| .profile-name-heading {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 40px;
| |
| line-height: 40px;
| |
| color: var( --color-base, #202122 );
| |
| margin: auto;
| |
| padding-bottom: 10px;
| |
| }
| |
|
| |
| .profile-pronouns {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-size: 1.5rem;
| |
| color: var( --color-base, #202122 );
| |
| margin: auto;
| |
| padding-bottom: 10px;
| |
| }
| |
|
| |
| .back-button-link > a {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 1.125rem;
| |
| line-height: 175%;
| |
| color: #4F72BB;
| |
| background-image: unset;
| |
| }
| |
|
| |
| .back-button-link > a:hover {
| |
| text-decoration: none;
| |
| }
| |
|
| |
|
| |
| .profile-card-container {
| |
| display: flex;
| |
| flex-flow: row wrap;
| |
| align-content: stretch;
| |
| justify-content: center;
| |
| column-gap: 1.125rem;
| |
| margin-top: 2rem;
| |
| margin: auto;
| |
| min-height: 275px;
| |
| padding-top: 20px;
| |
| }
| |
|
| |
| .profile-card-left {
| |
| height: 100%;
| |
| display: flex;
| |
| flex-flow: column;
| |
| background: #7DB7E2;
| |
| min-height: 275px;
| |
| border: 1px solid #F0E5F0;
| |
| flex: 1 1 0;
| |
| }
| |
|
| |
| .profile-card-left p {
| |
| text-align: center;
| |
| padding: 0 10px;
| |
| padding-bottom: 10px;
| |
| }
| |
|
| |
| .profile-card-left-image {
| |
| min-width: 164px;
| |
| padding: 0 10px;
| |
| padding-top: 10px;
| |
| margin: auto;
| |
| }
| |
|
| |
| /* make it overqualified to override responsive */
| |
| .profile-card-left-image a > img.mw-file-element {
| |
| width: 164px;
| |
| height: 164px !important;
| |
| border-radius: 50%;
| |
| object-fit: cover;
| |
| }
| |
|
| |
|
| |
| .profile-title {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 1.125rem;
| |
| line-height: 150%;
| |
| color: #202122;
| |
| margin-top: 2.25rem;
| |
| }
| |
|
| |
| .profile-department-name {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 400;
| |
| font-size: 1.125rem;
| |
| line-height: 175%;
| |
| color: #202122;
| |
| }
| |
|
| |
| .back-container {
| |
| padding-top: 20px;
| |
| margin: auto;
| |
| }
| |
|
| |
| .profile-email {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 1.125rem;
| |
| line-height: 175%;
| |
| color: #212529;
| |
| margin-top: 2rem;
| |
| }
| |
|
| |
| .profile-email img {
| |
| margin-top: -4px;
| |
| padding-right: 0.2rem;
| |
| }
| |
|
| |
| .profile-email a {
| |
| background: unset;
| |
| }
| |
|
| |
| .profile-card-right {
| |
| height: 100%;
| |
| background: var( --background-color-neutral-subtle, #F8F9FA );
| |
| display: flex;
| |
| border: 1px solid #EAECF0;
| |
| min-height: 275px;
| |
| flex-wrap: wrap;
| |
| flex: 1 1 0;
| |
| }
| |
|
| |
| .profile-card-right-info {
| |
| width: 30%;
| |
| min-width: 174px;
| |
| padding: 0 15px;
| |
| margin: auto;
| |
| flex: 1.5 1 0;
| |
| }
| |
|
| |
| .profile-card-right-info p, a {
| |
| /* margin-top: 0; */
| |
| word-wrap: initial;
| |
| }
| |
|
| |
|
| |
| .profile-card-right-info span {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 0.875rem;
| |
| line-height: 175%;
| |
| color: var( --color-base, #202122 );
| |
| }
| |
|
| |
| .profile-card-right-contact {
| |
| margin:auto;
| |
| padding: 0 10%;
| |
| }
| |
|
| |
| .profile-card-right-contact a {
| |
| background-image: none !important;
| |
| }
| |
|
| |
| .profile-card-right-contact p {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 1.125rem;
| |
| line-height: 175%;
| |
| color: #4F72BB;
| |
| margin-top: 0;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .profile-card-right-contact p a {
| |
| background: unset;
| |
| }
| |
|
| |
| .profile-card-right-contact p a:visited,
| |
| .profile-card-right-contact p a:active {
| |
| color: #4F72BB;
| |
| }
| |
|
| |
| .desc-container {
| |
| display: flex;
| |
| margin: auto;
| |
| }
| |
|
| |
| @media screen and (max-width: 800px) {
| |
| .desc-container {
| |
| flex-flow: column wrap;
| |
| }
| |
|
| |
| .mywork-container {
| |
| order: 1;
| |
| }
| |
| }
| |
|
| |
| .mywork-container {
| |
| padding-top: 30px;
| |
| padding-right: 3%;
| |
| margin: 0;
| |
| flex: 1;
| |
| }
| |
|
| |
| .mywork-container .mywork-title {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 1.25rem;
| |
| line-height: 175%;
| |
| color: var( --color-base, #202122 );
| |
| padding-bottom: 5px;
| |
| }
| |
|
| |
| .mywork-text {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-size: 1rem;
| |
| line-height: 175%;
| |
| color: var( --color-base, #202122 );
| |
| }
| |
|
| |
| .disclaimer-container {
| |
| background: #7DB7E2;
| |
| min-height: 20px;
| |
| margin: auto;
| |
| margin-top:30px;
| |
| flex: 1;
| |
| }
| |
|
| |
| .disclaimer-title {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-weight: 700;
| |
| font-size: 1.25rem;
| |
| line-height: 150%;
| |
| color: #000000;
| |
| padding-top: 15px;
| |
| padding-bottom: 15px;
| |
| padding-left: 15px;
| |
| }
| |
|
| |
| .disclaimer-text {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-size: 0.875rem;
| |
| line-height: 250%;
| |
| display: flex;
| |
| align-items: center;
| |
| color: #000000;
| |
| padding-left:15px;
| |
| padding-right:15px;
| |
| padding-bottom: 15px;
| |
| }
| |
|
| |
| .aboutme-container {
| |
| padding-top: 30px;
| |
| margin: 0;
| |
| flex: 1;
| |
| }
| |
|
| |
| .aboutme-container .aboutme-title {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| serif;
| |
| font-weight: 700;
| |
| font-size: 1.25rem;
| |
| line-height: 175%;
| |
| color: var( --color-base, #202122 );
| |
| padding-bottom: 5px;
| |
| }
| |
|
| |
| .aboutme-text {
| |
| font-family: Noto Sans, Helvetica, sans-serif;
| |
| font-size: 1rem;
| |
| line-height: 175%;
| |
| color: var( --color-base, #202122 );
| |
| }
| |
