Template:User info 2024/styles.css

/* */ .profile-container { max-width: 1000px; margin: auto; }

height: 8px; margin: auto; margin-bottom: 30px; }
 * 1) blue-divider {

.profile-container hr{ max-width: 95%; margin: auto; margin-top: 30px; background-color: #C8CCD1; }

.profile-name-heading { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 40px; line-height: 40px; color: #202122; margin: auto; padding-bottom: 10px; }

.profile-pronouns { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-size: 1.5rem; color: #202122; margin: auto; padding-bottom: 10px; }

.back-button-link > a { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.125rem; line-height: 175%; color: #3A25FF; 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: #EEEAFF; 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; }

.profile-card-left-image img { width: 164px; height: 164px !important; border-radius: 50%; object-fit: cover; }

.profile-title { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.125rem; line-height: 150%; color: #202122; margin-top: 2.25rem; }

.profile-department-name { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, 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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, 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: #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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 0.875rem; line-height: 175%; color: #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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.125rem; line-height: 175%; color: #3A25FF; margin-top: 0; white-space: nowrap; }

.profile-card-right-contact p a { background: unset; color: #3A25FF; }

.profile-card-right-contact p a:visited, .profile-card-right-contact p a:active { color: #3A25FF; }

.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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans- serif; font-weight: 700; font-size: 1.25rem; line-height: 175%; color: #202122; padding-bottom: 5px; }

.mywork-text { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 175%; color: #202122; }

.disclaimer-container { background: #EEEAFF; min-height: 20px; margin: auto; margin-top:30px; flex: 1; }

.disclaimer-title { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, 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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, 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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans- serif; font-weight: 700; font-size: 1.25rem; line-height: 175%; color: #202122; padding-bottom: 5px; }

.aboutme-text { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 175%; color: #202122; }