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
}
|
|