Class | Default | Used on ... |
action-card | .action-card { flex-grow: 1; flex-basis: 0; margin: 8px; background-color: #f2f2f2; padding:0 20px 20px 20px } | - manageProfile_privacy
- manageProfile_security
|
action-description |
| - authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- manageProfile_security
|
action-description existing-value |
| |
add edit |
| |
additional-actions-container | .additional-actions-container { padding: 25px; text-align:center } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- mergeAccounts
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequestSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
|
aic_checkbox |
| - authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
|
aic_checkbox_label |
| - authRule_secondFactorLoginCode
|
aic_form_item |
| - authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
|
aic-control | .aic-control { cursor:pointer } | - authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- manageProfile_security
- resetPasswordRequest
- resetPasswordRequestSuccess
- signIn
- traditionalRegistration
|
aic-control aic-error | .aic-control { cursor:pointer } .aic-error { color:# fa5151 } | - authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- manageProfile_security
|
aic-control cancel-link | .aic-control { cursor:pointer } .cancel-link { display: block; margin-bottom:10px } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- mergeAccounts
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
|
aic-control logout | .aic-control { cursor:pointer } .logout { position: absolute; top: 25px; right:50px } | - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
aic-error | .aic-error { color:# fa5151 } | - authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- manageProfile_security
|
aic-icon icon-add |
| |
aic-icon icon-edit
|
| |
aic-icon icon-subtract |
| |
aic-input |
| - authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- manageProfile_security
|
aic-input | .aic-input { border:1px solid # 979797; margin - bottom: 15 px; color: #444; padding:7px; border-radius:2px; width:100%; box-sizing:border-box } |
|
aic-site-name |
| |
aic-success |
| |
alternate-credentials | .alternative-credentials { display: block; font-weight: bold; margin-bottom:15px } | - signIn
|
auth-screen content-wrapper | .auth-screen.content-wrapper { max-width:500px } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- mergeAccounts
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
auth-success-screen content-wrapper | auth-success-screen.content-wrapper { max-width: 275px; margin: 0 auto 20px; padding:25px 0 25px 75px } | - deleteAccountSuccess
- loginSuccess
- logoutSuccess
- registrationSuccess
- requestDataSucess
|
capture_signin |
| - traditionalAuthenticateMerge
|
card-body | .card-body { padding:15px 25px } | - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
card-heading | .card-heading { border-bottom: 1px solid #f2f2f2; position:relative } | |
card-heading aic-control | .card-heading { border-bottom: 1px solid #f2f2f2; position:relative } .aic-control { cursor:pointer } | - manageProfile_privacy
- manageProfile_security
- manageProfile_data
|
chevron left | .chevron::before { border-style: solid; border-width: .12em .12em 0 0; content: ""; display: inline-block; height: .65em; left: .15em; position: relative; top: .32em; transform: rotate(-45deg); vertical-align: top; width: .65em; border-color:#979797 } .chevron.left:before, .lang-rtl .chevron.right:before { left: .25em; transform:rotate(-135deg) } | - manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
chevron right | .chevron::before { border-style: solid; border-width: .12em .12em 0 0; content: ""; display: inline-block; height: .65em; left: .15em; position: relative; top: .32em; transform: rotate(-45deg); vertical-align: top; width: .65em; border-color:#979797 } .chevron.right:before, .lang-rtl .chevron.left:before { left: 0; transform:rotate(45deg) } | |
codesentto-tel-flag | .codesentto-tel-flag { display:none } | |
content-wrapper | content-wrapper { background-color: #fff; box-shadow:1px 1px 5px 2px rgba(0, 0, 0, .1) } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
danger aic-control | .aic-control { cursor:pointer } button.danger { background - color: #fa5151; border: 1 px solid #de0606 } | |
delete |
| |
edit add |
| |
flex-quad body |
| |
flex-quad-header |
| |
flex-row | .flex-row { display: flex; flex-direction: row; flex-wrap: wrap; margin:0 -8px } | |
footer-container | .footer-container { padding: 25px; border-top: 1px solid #f2f2f2; text-align:center } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
footer-extra-text |
| - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
footer-text |
| - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
forgot-password-link aic-control | .aic-control { cursor:pointer } .forgot-password-link { position: absolute; right: 8px; bottom:0 } | |
form-action-buttons | .form-action-buttons { margin:0 -10px } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- manageProfile_data
- manageProfile_privacy
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
|
form-action-buttonsflex | .form-action-buttons { margin:0 -10px } | - manageProfile_security
- mergeAccounts
|
help-link |
| - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
help-text |
| - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- mergeAccounts
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
|
integration-card |
| |
integrations |
| |
linked-accounts |
| |
logout-container |
| - manageProfile
- manageProfile_privacy
- manageProfile_security
|
manage-screen content-wrapper | .manage-screen.content-wrapper { position:relative } | - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
phone-group | .phone-group { white-space:nowrap; margin-left:2px } | |
profile |
| |
profile-account-photo | .profile-account-photo { display: inline-block; vertical-align:middle } .profile-account-photo img { height: 39px; width:39px } | |
profile-action-icons | .profile-action-icons { display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:13px } | |
profile-actions |
| manageProfile_security |
profile-card |
| manageProfile_security |
profile-data card-icon | .card-heading .card-icon { background-size: 25px 25px; height: 25px; width: 25px; display: inline-block; margin: 0 15px; position: relative; top:3px } | - manageProfile
- manageProfile_data
|
profile-header | .profile-header { display: flex; flex-direction: row; flex-wrap:wrap } | - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
profile-header-actions | .profile-header-actions { display: flex; flex-direction: row; justify - content: space - between } | - manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
profile-header-image user-photo-container | .profile-header-image { text-align:right } .profile-header-image .profile-image { margin-right: 20px; border-radius: 50%; max-height: 100px; max-width:100px } | - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
profile-header-text |
| - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
profile-management-card aic-control | .profile-management-card { background-color: #fff; box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .1); min-width: 270px; max-width: 915px; margin-top: 15px; overflow:auto } .aic-control { cursor:pointer } | |
profile-management-card large |
| manageProfile_data - manageProfile_privacy
- manageProfile_security
|
profile-management-container |
| |
profile-management-container profile-data |
| |
profile-management-container profile-policy |
| |
profile-management-container profile-security |
| |
profile-preferences card-icon |
| |
profile-privacy card-icon | .card-heading .card-icon.profile-privacy { background-image: url("/gizmo/static/privacy_settings_icon.png") } | - manageProfile
- manageProfile_privacy
|
profile-security card-icon | .card-heading .card-icon.profile-security { background-image: url("/gizmo/static/account_security_icon.png") } | |
profile-show |
| |
provider-identiy-box |
| |
provider-name | .social-login-buttons .provider-name { font-size: 18px; color:#fff } | |
register-button |
| - socialRegistration
- traditionalRegistration
|
registration-acceptance |
| - socialRegistration
- traditionalRegistration
|
return-to-app-container |
| - manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
|
screen | .screen { min-width:460px } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
screen-description |
| - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactor
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
- visitingMessage
|
screen-heading | .screen-heading { margin-top:0 } | - authRule_acceptLegal
- authRule_consents
- authRule_reqAttrs
- authRule_secondFactorLoginCode
- authRule_secondFactorRegistrationCode
- deleteAccountSuccess
- loginSuccess
- logoutSuccess
- manageProfile
- manageProfile_data
- manageProfile_privacy
- manageProfile_security
- mergeAccounts
- registrationSuccess
- requestDataSucess
- resendVerificationSuccess
- resetPassword
- resetPasswordCodeExchange
- resetPasswordRequest
- resetPasswordRequestSuccess
- resetPasswordSuccess
- signIn
- socialRegistration
- traditionalAuthenticateMerge
- traditionalRegistration
- verifyEmail
- verifyEmailSuccess
|
secondary aic-control | .aic-control { cursor:pointer } button.secondary { background-color: #fff; color:#5f80c5 } button.secondary:hover { background-color:#ecf2ff } | - manageProfile_data
- manageProfile_privacy
|
sign-in-button |
| - signIn
- traditionalAuthenticateMerge
|
social-login-buttons |
| - signIn
- traditionalRegistration
|
social-login-buttons link-account | .social-login-buttons button { margin: 5px 0; padding: 0; width:100% } | |
social-signin |
| - signIn
- traditionalRegistration
|
success-check | .success-check { display:inline-block; height:80px; width:80px; min-width:80px; border-radius:50px; background-color:# 57d38f; border: 1 px solid #31b06a } | - deleteAccountSuccess
- loginSuccess
- logoutSuccess
- registrationSuccess
- requestDataSucess
|
traditional-registration |
| |
traditional-signin | .traditional-signin { position:relative } | |
verified-identifier | .verified-identifier { color:green; font-weight:bold; float:right; margin-right:40px } | |