Created
July 18, 2022 11:45
-
-
Save man-oi/858382b37b65af2ef30ec0eae2ae4510 to your computer and use it in GitHub Desktop.
gigya styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.gigya-consent-title { | |
font-weight: bold; | |
display: block; | |
font-weight: 700; | |
font-size: 15px; | |
font-family: arial; | |
} | |
.gigya-consent-subtitle { | |
font-weight: bold; | |
display: block; | |
font-weight: 700; | |
font-size: 13px; | |
font-family: arial; | |
} | |
.gigya-consent-text { | |
display: inline-block; | |
} | |
.gigya-composite-control-captcha-widget iframe { | |
width: 100%; | |
} | |
#FunCaptcha { | |
text-align: center; | |
} | |
.gigya-reset *, div.gigya-reset, .gigya-reset span, .gigya-reset a:hover, .gigya-reset a:visited, .gigya-reset a:link, .gigya-reset a:active { | |
border: none; | |
padding: 0px; | |
margin: 0px; | |
color: inherit; | |
text-decoration: none; | |
width: auto; | |
float: none; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
font-family: arial; | |
font-size: 12px; | |
color: #333333; | |
text-align: left; | |
} | |
.gigya-screen .gigya-error-msg { | |
color: #ce4635; | |
font-size: 11px; | |
display: block; | |
visibility: hidden; | |
} | |
.gigya-screen .gigya-error-msg.gigya-error-msg-active { | |
color: #ce4635; | |
font-size: 11px; | |
display: block; | |
visibility: visible; | |
} | |
.gigya-screen .gigya-terms-error, | |
.gigya-screen input.gigya-error, | |
.gigya-screen input[type=text].gigya-error, | |
.gigya-screen input[type=password].gigya-error, | |
.gigya-screen input[type=email].gigya-error, | |
.gigya-screen select.gigya-error { | |
padding: 5px; | |
border-radius: 5px; | |
border: 1px solid #ce4635; | |
box-shadow: none !important; | |
} | |
.gigya-screen input.gigya-error[type=checkbox], | |
.gigya-screen input.gigya-error[type=radio]{ | |
padding: 0; | |
} | |
.gigya-screen input[disabled], | |
.gigya-screen input:disabled { | |
background-color: #e1e1e1; | |
color: #4a4a4a; | |
border-color: #cccccc; | |
} | |
div.gigya-attach-file-upload-form { | |
position: absolute; | |
overflow: hidden; | |
font-size: 50px; | |
cursor: pointer; | |
filter: alpha(opacity=0); | |
opacity: 0; | |
} | |
div.gigya-photo-upload-form > input { | |
font-size: 500px; | |
direction: rtl; | |
height: 100%; | |
cursor: pointer; | |
} | |
.gigya-password-strength-bubble .gig-balloon-nub { | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/triangle_left.png'); | |
height: 16px; | |
width: 10px; | |
left: +2px; | |
} | |
.gigya-password-strength-bubble .gig-balloon-nub-up { | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/triangle_up.png'); | |
height: 10px; | |
width: 16px; | |
top: +2px; | |
} | |
.gigya-password-strength-bubble .gig-balloon-nub-right { | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/triangle_right.png'); | |
height: 16px; | |
width: 10px; | |
left: -2px; | |
} | |
.gigya-password-strength-bubble .gig-balloon-nub-down { | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/triangle_down.png'); | |
height: 10px; | |
width: 16px; | |
top: -2px; | |
} | |
.gigya-password-strength-bubble .gig-balloon-frame { | |
background-color: #F3F5F6; | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
border: 1px solid #BFCFDA; | |
-webkit-box-shadow: inset 0 0 1px 1px RGBA(0,0,0,0.05); | |
-moz-box-shadow: inset 0 0 1px 1px RGBA(0,0,0,0.05); | |
box-shadow: inset 0 0 1px 1px RGBA(0,0,0,0.05); | |
} | |
.gigya-password-strength-bubble .gig-balloon { | |
position: relative; | |
} | |
.gigya-password-strength-bubble.gig-balloon-left .gig-balloon { | |
left: +10px; | |
top: +3px; | |
} | |
.gigya-password-strength-bubble.gig-balloon-right .gig-balloon { | |
left: -10px; | |
top: +3px; | |
} | |
.gigya-password-strength-bubble.gig-balloon-up .gig-balloon { | |
left: -5px; | |
top: +17px; | |
} | |
.gigya-password-strength-bubble.gig-balloon-down .gig-balloon { | |
left: -5px; | |
top: -12px; | |
} | |
.gigya-passwordStrength-text { | |
text-align: center; | |
} | |
span.gigya-passwordStrength-text { | |
font-weight: bold; | |
display: inline-block; | |
} | |
div.gigya-passwordStrength-text-requirements { | |
text-align: center; | |
width: 100%; | |
margin-top: 8px; | |
} | |
span.gigya-passwordStrength-scoreText { | |
margin-left: 3px; | |
} | |
.gigya-passwordStrength-too_weak .gigya-passwordStrength-scoreText { | |
color: #e76468; | |
} | |
.gigya-passwordStrength-weak .gigya-passwordStrength-scoreText { | |
color: #e76468; | |
} | |
.gigya-passwordStrength-fair .gigya-passwordStrength-scoreText { | |
color: #d99b4b; | |
} | |
.gigya-passwordStrength-strong .gigya-passwordStrength-scoreText { | |
color: #4ababc; | |
} | |
.gigya-passwordStrength-very_strong .gigya-passwordStrength-scoreText { | |
color: #4ababc; | |
} | |
div.gigya-passwordStrength-bar { | |
width: 100%; | |
height: 1px; | |
background-color: #b6b6b6; | |
margin-top: 8px; | |
} | |
div.gigya-passwordStrength-bar-too_weak { | |
width: 20%; | |
height: 100%; | |
background-color: #e76468; | |
} | |
div.gigya-passwordStrength-bar-weak { | |
width: 40%; | |
height: 100%; | |
background-color: #e76468; | |
} | |
div.gigya-passwordStrength-bar-fair { | |
width: 60%; | |
height: 100%; | |
background-color: #d99b4b; | |
} | |
div.gigya-passwordStrength-bar-strong { | |
width: 80%; | |
height: 100%; | |
background-color: #4ababc; | |
} | |
div.gigya-passwordStrength-bar-very_strong { | |
width: 100%; | |
height: 100%; | |
background-color: #4ababc; | |
} | |
.gigya-calculate-size { | |
position: absolute !important; | |
-ms-zoom: 1 !important; | |
zoom: 1 !important; | |
left: 10px !important; | |
top: -1000px !important; | |
} | |
.gigya-calculate-size div.gigya-captcha { | |
min-width: 318px; | |
min-height: 80px; | |
_width: 318px; | |
_height: 80px; | |
} | |
.gigya-calculate-size div.gigya-captcha.v2 { | |
min-height: 80px; | |
_height: 80px; | |
} | |
.gigya-calculate-size div.gigya-social-login { | |
min-width: 110px; | |
min-height: 120px; | |
_width: 110px; | |
_height: 120px; | |
} | |
.gigya-calculate-size div.gigya-tfa { | |
min-width: 325px; | |
min-height: 200px; | |
_width: 325px; | |
_height: 200px; | |
} | |
div.gigya-container { | |
display: none; | |
} | |
div.gigya-container.gigya-container-enabled { | |
display: block; | |
} | |
div.gigya-loginID-availability { | |
line-height: 18px; | |
background-repeat: no-repeat; | |
background-position: left center; | |
} | |
div.gigya-loginID-availability-available { | |
padding-left: 17px; | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//accounts/ok.png'); | |
color: #4FA373; | |
} | |
div.gigya-loginID-availability-not-available { | |
padding-left: 16px; | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//accounts/error.png'); | |
color: #ce4635; | |
} | |
div.gigya-loginID-availability-progress { | |
padding-left: 20px; | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//accounts/smallLoader.gif'); | |
color: #666666; | |
} | |
div.gigya-profile-photo { | |
border-radius: 3px; | |
} | |
.gigya-calculate-size div.gigya-profile-photo { | |
min-width: 64px; | |
min-height: 64px; | |
} | |
div.gigya-screen-dimmer { | |
position: absolute; | |
opacity: 0.5; | |
filter: 'alpha(opacity=50)'; | |
background-color: #FFFFFF; | |
} | |
div.gigya-screen-loader { | |
position: absolute; | |
background: transparent url('https://cdns.eu1.gigya.com/gs/i//accounts/bigLoader.gif') no-repeat center center; | |
min-height:32px; | |
min-width:32px; | |
} | |
div.gigya-screen-dialog-content { | |
overflow: auto; | |
padding: 25px; | |
} | |
div.gigya-screen-dialog-mobile div.gigya-composite-control-captcha-widget { | |
padding: 0; | |
} | |
div.gigya-screen-dialog-mobile .gigya-screen { | |
width: 100%; | |
} | |
div.gigya-secret-question { | |
display: none; | |
} | |
div.gigya-photo-upload { | |
height: 63px; | |
width: 300px; | |
zoom: 1; | |
} | |
div.gigya-photo-upload-button { | |
display: inline-block; | |
zoom: 1; | |
margin: 0 8px 8px 0; | |
font-weight: normal; | |
border: 1px solid #CECECE; | |
cursor: pointer; | |
padding: 0 12px; | |
color: #333333; | |
font-weight: bold; | |
border-radius: 4px; | |
line-height: 28px; | |
background: #F2F2F2; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F2F2F2"); | |
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); | |
background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2); | |
} | |
div.gigya-photo-upload-button:hover { | |
background: #FFFFFF; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2F2F2", endColorstr="#FFFFFF"); | |
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF)); | |
background: -moz-linear-gradient(top, #F2F2F2, #FFFFFF); | |
} | |
div.gigya-photo-upload-text { | |
font-size: 11px; | |
color: #666666; | |
} | |
div.gigya-photo-upload-image { | |
border-radius: 6px; | |
background-position: center center; | |
background-repeat: no-repeat; | |
width: 64px; | |
height: 64px; | |
background-color: #F2F2F2; | |
float: left; | |
margin-right: 8px; | |
} | |
div.gigya-photo-upload-path { | |
white-space: nowrap; | |
width: 107px; | |
vertical-align: middle; | |
text-overflow: ellipsis; | |
overflow: hidden; | |
padding-right: 10px; | |
background-position: right; | |
background-repeat: no-repeat; | |
display: inline-block; | |
*display: inline; | |
zoom: 1; | |
padding-right: 20px; | |
} | |
h1.gigya-screen-caption { | |
border-bottom: 1px solid #dbdbdb; | |
font-size: 16px; | |
font-weight: bold; | |
color: #333; | |
padding-bottom: 5px; | |
padding-top: 5px; | |
margin: 0 auto; | |
} | |
.gigya-error-display { | |
display: none; | |
} | |
.gigya-error-display.gigya-error-display-active { | |
display: block; | |
} | |
.gigya-hidden { | |
display: none !important; | |
} | |
.gigya-screen .gigya-tfa input[type=text] { | |
margin: 5px 0px; | |
padding: 5px; | |
border-radius: 5px; | |
border: 1px solid #CCCCCC; | |
} | |
.gigya-screen .gigya-tfa input[type=text]:focus, .gigya-screen .gigya-tfa input[type=text]:focus { | |
border-color: #87B9EA; | |
} | |
.gigya-show-checkmark.gigya-valid { | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/checkmarkValid.png'); | |
background-position-x: 100%; | |
background-position-y: 50%; | |
background-position: right 5px center; | |
background-repeat: no-repeat; | |
padding-right: 25px; | |
} | |
.gigya-show-checkmark.gigya-valid.gigya-empty { | |
background-image: none; | |
padding-right: 5px; | |
} | |
.gigya-show-checkmark.gigya-pending { | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/checkmarkPending.gif'); | |
background-position-x: 100%; | |
background-position-y: 50%; | |
background-position: right 5px center; | |
background-repeat: no-repeat; | |
padding-right: 25px; | |
} | |
/* If changed, update UI Builder too. */ | |
.gigya-screen .gigya-composite-control-image { | |
overflow: hidden; | |
} | |
.gigya-image { | |
background-repeat: no-repeat; | |
box-sizing: content-box; | |
background-position: center; | |
min-height: 10px; | |
} | |
.gigya-image[data-background-size="fit"] { | |
background-size: contain; | |
} | |
.gigya-image[data-background-size="fit-horizontally"] { | |
background-size: 100% auto; | |
} | |
.gigya-image[data-background-size="fit-vertically"] { | |
background-size: auto 100%; | |
} | |
.gigya-image[data-background-size="stretch"] { | |
background-size: 100% 100%; | |
} | |
/*IE8*/ | |
.gigya-ie8 .gigya-layout-cell { | |
overflow: hidden; | |
margin-left: -1px!important; | |
} | |
.gigya-ie8 .gigya-attach-file-upload-form .gigya-attach-file-upload-file-input { | |
width: 1000px; | |
} | |
.gigya-ie8 .gigya-calculate-size div.gigya-profile-photo { | |
_width: 64px; | |
_height: 64px; | |
} | |
.gigya-ie8 div.gigya-photo-upload { | |
*display: inline; | |
} | |
.gigya-ie8 div.gigya-photo-upload-button { | |
*display: inline; | |
} | |
.gigya-ie8 .gigya-screen .gigya-placeholder { | |
color: #A9A9BB; | |
padding-left: 5px; | |
text-indent: 0; | |
} | |
.gigya-ie8 .gigya-placeholder:focus { | |
padding-left: 5px; | |
} | |
.gigya-ie8 .gigya-screen .gigya-input-text:focus { | |
padding-left: 5px; | |
text-indent: 0; | |
} | |
.gigya-ie8 .gigya-screen.gigya-input-text, .gigya-ie8 .gigya-screen .gigya-input-text.gigya-error { | |
padding-top: 12px; | |
} | |
/*IE9*/ | |
.gigya-ie9 .gigya-screen input.gigya-input-text, | |
.gigya-ie9 .gigya-screen input.gigya-input-password { | |
padding-top: 1px; | |
text-indent: 0; | |
padding-bottom: 5px; | |
} | |
.gigya-ie9 .gigya-screen .gigya-input-text:focus, .gigya-ie9 .gigya-screen .gigya-input-password:focus { | |
box-shadow: 0px 0px 5px 0px #1d87ff; | |
border: 1px solid #87B9EA; | |
/*padding-left: 5px;*/ | |
text-indent: 0; | |
} | |
.gigya-ie9 .gigya-screen input.gigya-input-text.gigya-placeholder, .gigya-ie9 .gigya-screen input.gigya-input-password.gigya-placeholder { | |
color: #A9A9BB; | |
padding-top: 5px; | |
text-indent: 0; | |
/*padding-left: 4px;*/ | |
} | |
/*IE10*/ | |
.gigya-ie10 .gigya-screen input.gigya-input-text, | |
.gigya-ie10 .gigya-screen input.gigya-input-password { | |
padding-top: 1px; | |
} | |
/*remove bottom padding for outline when focused (not needed anyway)*/ | |
.gigya-screen .forgot-password-cell a, | |
.gigya-screen .gigya-composite-control.gigya-forgotPassword, | |
.gigya-screen .gigya-composite-control.gigya-change-password-link, | |
.gigya-screen .gigya-composite-control.gigya-composite-control-link{ | |
padding-bottom: 0px; | |
} | |
.gigya-screen .gigya-array-manager.disable-delete > .gigya-array-template > .buttons-wrapper button.gigya-array-remove-btn { | |
display: none; | |
} | |
.gigya-screen .gigya-composite-control-array-widget { | |
margin: 10px 0; | |
} | |
.gigya-screen .gigya-composite-control-array-widget .gigya-composite-control-array-widget { | |
margin: 10px; | |
} | |
.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template { | |
padding: 10px 0 10px 0; | |
} | |
.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template:not(:last-of-type) { | |
border-bottom: 1px #C1C1C1 solid; | |
} | |
.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template .buttons-wrapper { | |
text-align: right; | |
} | |
.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template button { | |
background: none; | |
outline: none!important; | |
color: #1371b9; | |
padding: 10px; | |
cursor: pointer; | |
} | |
.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template button.hidden { | |
display: none; | |
} | |
.gigya-screen a.gigya-disabled { | |
color: #757575; | |
cursor: default; | |
pointer-events: none; | |
text-decoration: none; | |
} | |
.gigya-screen input[type=button].gigya-disabled { | |
background: #757575 !important; | |
cursor: default; | |
} | |
.gigya-screen .gigya-disabled:hover { | |
text-decoration: none; | |
cursor: default; | |
} | |
.gigya-screen .gigya-disabled:active { | |
color: #757575; | |
cursor: default; | |
} | |
.d-flex { | |
display: flex; | |
} | |
.justify-content-space{ | |
justify-content: space-between; | |
} | |
.gigya-myPhoto-form-wrapper{ | |
width: 100% !important; | |
} | |
.gigya-myPhoto-uploadForm{ | |
opacity: 1 !important; | |
} | |
.gigya-myPhoto-profile-box-wrapper input.gigya-myPhoto-upload{ | |
width: 100% !important; | |
} | |
.gigya-myPhoto-status-icon{ | |
opacity: 0 !important; | |
} | |
.gigya-myPhoto-uploadForm > input{ | |
border: 0 !important; | |
background-color: transparent !important; | |
} | |
.gigya-myPhoto-upload{ | |
opacity: 0 !important; | |
} | |
.gigya-dummyPhoto-upload | |
{ | |
width: 100% !important; | |
height: 100% !important; | |
} | |
.gigya-composite-control-link:focus , | |
.gigya-composite-control select:focus, | |
.gigya-composite-control input[type=checkbox]:focus, | |
.gigya-myPhoto-delete-button:focus, | |
.gigya-myPhoto-uploadForm input:focus, | |
.gigya-dummyPhoto-upload:focus | |
{ | |
border: 1px solid #2378CD !important; | |
outline: none !important; | |
box-shadow: 0 0 5px 0 #0070f0 !important; | |
} | |
.gigya-screen .gigya-composite-control.gigya-composite-control-phone-number-widget .gigya-phone-verified-status-image { | |
width: 16px; | |
height: 16px; | |
background-image: url('https://cdns.eu1.gigya.com/gs/i//screenSet/checkmarkValid.png'); | |
background-position-x: 100%; | |
background-position-y: 50%; | |
background-repeat: no-repeat; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment