User:Seddon (WMF)/styles.css

.wmf-profile-container hr{ max-width: 800px; margin: auto; margin-top: 30px; }

.wmf-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; max-width: 1000px; margin: auto; padding-bottom: 10px; }

.wmf-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; }

.wmf-back-button-link > a:hover { text-decoration: none; }

.wmf-profile-card-container { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 1.125rem; margin-top: 2rem; max-width: 1000px; margin: auto; min-height: 275px; padding-top: 30px; }

.wmf-profile-card-left { height: 100%; display: flex; flex-flow: column; background: #EEEAFF; flex-grow: 3; min-height: 275px; border: 1px solid #F0E5F0; border-left: 10px solid #DEC9DE; }

.wmf-profile-card-left p { text-align: center; padding: 0 10px; }

.wmf-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; }

.wmf-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; }

.wmf-back-container { padding-top: 20px; max-width: 1000px; margin: auto; }

.wmf-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; }

.wmf-profile-email img { margin-top: -4px; padding-right: 0.2rem; }

.wmf-profile-email a { background: unset; }

.wmf-profile-card-right { height: 100%; background: #F8F9FA; display: flex; border: 1px solid #EAECF0; border-left: 10px solid #ccc; flex-grow: 1; min-height: 275px; flex-wrap: wrap; }

.wmf-profile-card-right-image { min-width: 164px; padding: 0 10px; padding-top: 36px; margin: auto; }

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

.wmf-profile-card-right-info { width: 30%; min-width: 174px; padding: 0 10px; margin:auto; }

.wmf-profile-card-right-info p { margin-top: 0; }

.wmf-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; }

.wmf-profile-card-right-contact { margin:auto; padding: 0 10px; }

.wmf-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; }

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

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

.wmf-desc-container { display:flex; } .wmf-mywork-container { padding-top: 30px; max-width: 1000px; margin: auto; flex: 1; }

.wmf-mywork-container .wmf-mywork-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: #202122; }

.wmf-mywork-container p { font-family: 'Linux Libertine', 'Georgia', 'Times', serif; font-size: 1.125rem; line-height: 175%; color: #202122; }

.wmf-aboutme-container { padding-top: 30px; max-width: 1000px; margin: auto; flex: 1; }

.wmf-aboutme-container .wmf-aboutme-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: #202122; }

.wmf-aboutme-container p { font-family: 'Linux Libertine', 'Georgia', 'Times', serif; font-size: 1rem; line-height: 150%; color: #202122; }