Created
December 19, 2019 15:50
-
-
Save chluther/bdde33287cb2a9b9897d328c28e97fdf to your computer and use it in GitHub Desktop.
GRV View Profile Sample // source https://jsbin.com/gucupod
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>GRV View Profile Sample</title> | |
<script src="https://code.jquery.com/jquery-2.2.4.js"></script> | |
<style id="jsbin-css"> | |
/*------------------------------------*\ | |
JANRAIN CAPTURE WIDGET JANRAIN.CSS | |
\*------------------------------------*/ | |
/* | |
* Janrain.css acts as a base stylesheet for the capture widget which you can | |
* extend/modify with your own theme stylesheet. | |
* | |
* Janrain.css aims to set a baseline of styling and standard coloring to elements | |
* that could appear in your capture widget. | |
* | |
* This stylesheet contains a lot of comments, please take care to read and refer to them as you build. | |
* | |
* This file is purely a dev document and is not to be used for production. For production, | |
* please only use a minified version that does not contain comments. | |
* | |
* The table of contents below maps to section titles of the same name, to jump | |
* to any section simply find $[SECTION-TITLE]. | |
* | |
* This stylesheet was originally written using SASS. If you'd like a copy of the SASS file | |
* please contact your Janrain representative. | |
* | |
*/ | |
/** | |
* | |
* MODAL SCREENS........................Styles for screens that are in a modal | |
* MODAL CLOSE CONFIRMATION.............Styles for screen that shows if there is a confirmation of closing a modal | |
* GENERAL..............................Basic styles for all screens | |
* FORM ELEMENTS........................Input, select, radio, checkbox, textarea, etc. | |
* BUTTONS..............................Button styling/coloring. | |
* DATA DISPLAYS........................Styling for public profile data | |
* | |
* PUBLIC/PRIVATE PROFILE TOGGLES.......Public/private profile toggle styling for edit profile screen | |
* ADDRESS, NAME, DATE BLOCKS...........Formatting for built in address, name and date blocks | |
* LINKED ACCOUNT LIST..................Linked account list styles | |
* PHOTO MANAGER........................Styles for displaying, uploading, cropping and removing profile photos | |
* SCREEN SPECIFIC......................Screen specific styling | |
* MERGE ACCOUNTS.......................Merge account screen styling | |
* | |
*/ | |
/*------------------------------------*\ | |
$MODAL SCREENS | |
\*------------------------------------*/ | |
/* | |
* Required to ensure Capture modals always display above any other modals | |
* specifically on Self detail sites. | |
*/ | |
#janrainModal { | |
z-index: 2001 !important; | |
} | |
/*Login attempt field*/ | |
#janrainModal .market-check-fail { | |
margin: 0 10px; | |
text-align: center; | |
} | |
/* | |
* Defines background color of all screens that appear in a modal | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content { | |
width: 400px; | |
min-height: 350px; | |
padding: 20px 20px 70px 20px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #fff; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
#janrainModal .janrain_modal_closebutton { | |
top: 10px; | |
right: 10px; | |
width: auto; | |
height: auto; | |
text-decoration: none; | |
color: #888; | |
background-color: transparent; | |
font-family: helvetica, sans-serif; | |
font-size: 12px; | |
font-weight: 100; | |
} | |
/* | |
* Heading styles for Capture Widget screens inside of modals. You can remove | |
* these styles if you want to use the heading styles already on your site. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h1 { | |
color: #333; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: inherit; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h2 { | |
font-size: 15px; | |
font-weight: bold; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h3 { | |
font-size: 15px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h4 { | |
font-size: 1.385em; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h5 { | |
font-size: 1.077em; | |
} | |
/* | |
* Header styles for Capture Widget screens inside of modals. | |
* Provides vertically centered heading and underline. | |
*/ | |
#janrainModal .capture_header { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
margin-bottom: 15px; | |
padding-bottom: 10px; | |
border-bottom: 1px solid #eee; | |
-ms-box-sizing: border-box; | |
} | |
#janrainModal .capture_header h1 { | |
margin: 0; | |
padding: 0; | |
} | |
/* | |
* Footer styles for Capture Widget screens inside of modals. | |
* Pins footer to bottom of modal, provides background color. | |
*/ | |
#janrainModal .capture_footer { | |
position: absolute; | |
z-index: 5; | |
bottom: 0; | |
left: 0; | |
zoom: 1; | |
width: 100%; | |
min-height: 35px; | |
padding: 10px 0; | |
text-align: right; | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-moz-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
-o-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
} | |
#janrainModal .capture_footer:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
.janrain-capture-ui .capture_footer .capture_btn { | |
margin: 0 20px; | |
} | |
#changePasswordSuccess .capture_footer a { | |
margin: 0 20px; | |
} | |
.argentina-registration-form .janrain-capture-ui .capture_footer .capture_btn { | |
height: 16px; | |
margin: 0 20px; | |
} | |
/* | |
* Miscellaneous user/error messages to display in a modal | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_fatal_error { | |
margin-bottom: 15px; | |
} | |
/* | |
* Adjustments to fatal error messages for screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn .capture_fatal_error, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial .capture_fatal_error, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional .capture_fatal_error { | |
margin-right: 20px; | |
margin-left: 20px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_access, | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_retrieving { | |
margin: 0 0 0 -150px; | |
padding: 0 0 0 40px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
/*------------------------------------*\ | |
$MODAL CLOSE CONFIRMATION | |
\*------------------------------------*/ | |
.janrain_close_confirm_container { | |
-webkit-border-radius: 10px; | |
-moz-border-radius: 10px; | |
border-radius: 10px; | |
font-family: helvetica, sans-serif; | |
font-size: 13px; | |
line-height: 17px; | |
-khtml-border-radius: 10px; | |
-ms-border-radius: 10px; | |
-o-border-radius: 10px; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm { | |
color: white; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm h3 { | |
margin: 0; | |
padding: 0 0 5px; | |
color: #fff; | |
text-shadow: none; | |
font-size: 1.077em; | |
font-weight: normal; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_confirm { | |
color: #fff; | |
background: linear-gradient(top, #34c5ff, #0092cd); | |
background: -moz-linear-gradient(top, #34c5ff, #0092cd); | |
background: -ms-linear-gradient(top, #34c5ff, #0092cd); | |
background: -o-linear-gradient(top, #34c5ff, #0092cd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd)); | |
background: -webkit-linear-gradient(top, #34c5ff, #0092cd); | |
background-color: #009ddc; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_cancel { | |
color: #333; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
/*------------------------------------*\ | |
$GENERAL | |
\*------------------------------------*/ | |
/* | |
* Basic screen styling. Defines font size for all content in screens | |
*/ | |
.janrain-capture-ui { | |
color: #666; | |
background-color: transparent; | |
font-family: helvetica, sans-serif; | |
font-size: 13px; | |
line-height: inherit; | |
} | |
/* | |
* Default width of an embedded screen | |
*/ | |
.janrain-capture-ui.capture-ui-content { | |
width: 600px; | |
} | |
/* | |
* Link colors. Can be removed if you want to use the link colors from your site CSS. | |
*/ | |
.janrain-capture-ui a, | |
.janrain-capture-ui a:visited, | |
.janrain-capture-ui a:link { | |
color: #009ddc; | |
} | |
.janrain-capture-ui a:hover { | |
color: #006690; | |
} | |
/* | |
* Errors that appear at the top of the screen if a fatal error has occurred | |
*/ | |
.janrain-capture-ui .capture_fatal_error { | |
color: #f58002; | |
background-image: none; | |
font-size: 12px; | |
} | |
.janrain-capture-ui .capture_fatal_error:first-letter { | |
text-transform: capitalize; | |
} | |
/* | |
* Errors that appear at the top of a form if a form error has occurred server-side | |
*/ | |
.janrain-capture-ui .capture_form_error, | |
.capture_photo_chooser_errors { | |
color: #f58002; | |
background-image: none; | |
} | |
/* | |
* Save message that appears when a profile is successfully saved. | |
*/ | |
.janrain-capture-ui .capture_save_success { | |
display: inline-block; | |
display: -moz-inline-box; | |
vertical-align: auto; | |
vertical-align: middle; | |
color: #64ae29; | |
-moz-box-orient: vertical; | |
} | |
/* | |
* Hide sections that don't apply to social accounts. | |
* These will get displayed through js if traditional acct. | |
*/ | |
.janrain-capture-ui .janrain_traditional_account_only { | |
display: none; | |
} | |
#editProfile .capture_col_4 { | |
min-width: 250px; | |
min-height: 1px; | |
} | |
/* | |
* Misc. general styling | |
*/ | |
.janrain-capture-ui .capture_dashed { | |
margin: 0 20px; | |
border: 1px #ccc dashed; | |
} | |
.janrain-capture-ui .capture_border { | |
border: 1px solid #ccc; | |
} | |
/* | |
* Secondary brand background color and how certain elements should look when placed within. | |
* Used on signin and traditional return experience to divide content area | |
*/ | |
.janrain-capture-ui .capture_backgroundColor { | |
margin-top: 20px; | |
color: #666; | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-moz-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
-o-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_text_input, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio, | |
.janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_backgroundColor .capture_select, | |
.janrain-capture-ui .capture_backgroundColor .capture_textarea, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio { | |
background-color: #fff; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_text_input:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_select:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_textarea:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio:focus { | |
background-color: #fff; | |
} | |
#janrainEngageEmbed .janrainContent { | |
width: auto !important; | |
} | |
/*------------------------------------*\ | |
$FORM ELEMENTS | |
\*------------------------------------*/ | |
/* | |
* Wrapping, parent container for form items | |
*/ | |
.janrain-capture-ui .capture_form_item { | |
min-height: 0; | |
} | |
/* | |
* Labels for form items. Hidden by default but still accessible by screen readers. | |
*/ | |
.janrain-capture-ui .capture_form_item > label { | |
/*height: 0px; */ | |
overflow: hidden; | |
text-align: left; | |
color: #666; | |
font-weight: bold; | |
} | |
/* asterisk style */ | |
#capture_traditionalRegistration_registrationForm .capture_form_item span.form-required, | |
#capture_editProfile_editProfileForm .capture_form_item span.form-required, | |
#capture_socialRegistration_socialRegistrationForm .capture_form_item span.form-required, | |
#preSocialRegistrationAcceptance .capture_form_item span.form-required, | |
#preRegistrationAcceptance .capture_form_item span.form-required, | |
#postLoginAcceptance .capture_form_item span.form-required { | |
color: red; | |
font-size: 17px; | |
font-weight: bold; | |
} | |
/* asterisk style */ | |
/*=========================== this styles only for Venezuela ===========================*/ | |
/*.janrain-capture-ui .capture_signin.capture_signin_ve.capture_signin_asterisk .capture_form_item label .label_asteriks { | |
color: red; | |
font-weight: bold; | |
font-size: 17px; | |
}*/ | |
/*=========================== this styles only for Venezuela ===========================*/ | |
/* | |
* Input, select, radio, checkbox, textarea styling | |
*/ | |
.janrain-capture-ui .capture_text_input, | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio, | |
.janrain-capture-ui .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_select, | |
.janrain-capture-ui .capture_textarea { | |
margin-right: 0; | |
margin-left: 0; | |
color: #b3b3b3; | |
border: 1px solid #ccc; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
font-size: 14px; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui select.capture_select { | |
-webkit-background-size: inherit; | |
background-size: 0; | |
} | |
/*To evade defect of wrong styles */ | |
.janrain-capture-ui .login_widget { | |
overflow: hidden !important; | |
width: 100% !important; | |
min-height: 30px; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea focused styling | |
*/ | |
.janrain-capture-ui .capture_text_input:focus, | |
.janrain-capture-ui .capture_checkbox:focus, | |
.janrain-capture-ui .capture_radio:focus, | |
.janrain-capture-ui .capture_inputPlaceholder:focus, | |
.janrain-capture-ui .capture_select:focus, | |
.janrain-capture-ui .capture_textarea:focus { | |
color: #333; | |
border: 1px solid #009ddc; | |
background-color: #e2e2e2; | |
-webkit-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-o-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea box sizing | |
*/ | |
.janrain-capture-ui .capture_text_input, | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio, | |
.janrain-capture-ui .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_textarea, | |
.janrain-capture-ui .capture_inputPlaceholder { | |
display: inline-block; | |
display: -moz-inline-box; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
vertical-align: auto; | |
vertical-align: middle; | |
color: #333; | |
-moz-box-orient: vertical; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* IE9 specific styles. | |
* need to starts from .capture_ie9 | |
*/ | |
.capture_ie9 #capture_editProfile_editProfileForm input.capture_input_radio { | |
margin-top: -14px; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea placeholder colors | |
*/ | |
.janrain-capture-ui .capture_text_input::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_checkbox::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_textarea::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_radio::-webkit-input-placeholder { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_text_input:-ms-input-placeholder, | |
.janrain-capture-ui .capture_checkbox:-ms-input-placeholder, | |
.janrain-capture-ui .capture_radio:-ms-input-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder, | |
.janrain-capture-ui .capture_textarea:-ms-input-placeholder { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_text_input:-moz-placeholder, | |
.janrain-capture-ui .capture_checkbox:-moz-placeholder, | |
.janrain-capture-ui .capture_textarea:-moz-placeholder, | |
.janrain-capture-ui .capture_radio:-moz-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder { | |
color: #b3b3b3; | |
} | |
/* | |
* Select specific styling/placeholder colors | |
*/ | |
.janrain-capture-ui .capture_select { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
color: #333; | |
-ms-box-sizing: border-box; | |
} | |
.janrain-capture-ui .capture_select.capture_disabled { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_select.capture_disabled:focus { | |
color: #333; | |
} | |
/* | |
* Checkbox/radio specific styling | |
*/ | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio { | |
border: 0; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
.janrain-capture-ui .capture_checkbox label, | |
.janrain-capture-ui .capture_radio label { | |
display: inline-block; | |
padding: 0 25px; | |
font-size: 13px; | |
} | |
/* | |
* Vertically center checkbox/radio input within label wrapper | |
*/ | |
#capture_backgroundColor_dk #capture_returnTraditional_userInformationForm { | |
margin: 0 30px 0 30px; | |
} | |
.capture_signin.capture_signin_dk .capture_acknowledgement_consent.capture_input_checkbox, | |
.capture_signin.capture_signin_dk .capture_acknowledgement_professional.capture_input_checkbox { | |
left: 9px; | |
height: auto; | |
margin-top: -12px; | |
} | |
.janrain-capture-ui .capture_checkbox .capture_input_radio, | |
.janrain-capture-ui .capture_form_collection .capture_input_radio, | |
.janrain-capture-ui .capture_checkbox .capture_input_checkbox, | |
.janrain-capture-ui .capture_form_collection .capture_input_checkbox, | |
.janrain-capture-ui .capture_radio .capture_input_radio, | |
.janrain-capture-ui .capture_radio .capture_input_checkbox { | |
top: 50%; | |
height: auto; | |
margin-top: -8px; | |
} | |
/* | |
* Coloring of input tips based on state of wrapping container | |
*/ | |
.janrain-capture-ui .capture_form_item .capture_tip { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item.capture_focused .capture_tip { | |
width: auto; | |
min-width: 240px; | |
color: #333; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_validating { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_validated { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_error { | |
width: auto; | |
min-width: 240px; | |
color: #f58002; | |
} | |
.janrain-capture-ui .capture_form_item .capture_btn { | |
margin: 0; | |
} | |
/* | |
* Styling of form elements when the wrapping container has error class | |
*/ | |
.janrain-capture-ui .capture_error .capture_radio, | |
.janrain-capture-ui .capture_error .capture_checkbox, | |
.janrain-capture-ui .capture_error .capture_text_input, | |
.janrain-capture-ui .capture_error .capture_checkbox, | |
.janrain-capture-ui .capture_error .capture_radio, | |
.janrain-capture-ui .capture_error .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_error .capture_select { | |
border: 1px solid #f58002!important; | |
-webkit-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
-moz-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
-o-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
} | |
/* | |
* Dummy input styling if a blank input looking container is needed. | |
*/ | |
.janrain-capture-ui .capture_inputPlaceholder { | |
border: 0; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
/*------------------------------------*\ | |
$DATA DISPLAYS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_data_item { | |
clear: both; | |
zoom: 1; | |
margin-bottom: 15px; | |
} | |
.janrain-capture-ui .capture_data_item:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
.janrain-capture-ui .capture_data_item label { | |
float: left; | |
width: 39%; | |
margin-right: 1%; | |
text-align: right; | |
font-weight: bold; | |
} | |
.janrain-capture-ui .capture_data_item .capture_data { | |
float: left; | |
width: 60%; | |
} | |
/* Styles for IDP buttons, all hardcoded with !important, | |
because items returns with inline styles. */ | |
#capture_signIn_login_widget #janrainContent { | |
border: 0!important; | |
} | |
#capture_signIn_login_widget #janrainContent #janrainProviderPages { | |
position: relative!important; | |
} | |
#capture_signIn_login_widget #janrainContent #janrainProviderPages .providers > li { | |
width: auto!important; | |
margin-right: 10px!important; | |
} | |
/*------------------------------------*\ | |
$BUTTONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_btn, | |
.janrain-capture-ui a.capture_btn, | |
.janrain-capture-ui button.capture_btn, | |
.janrain-capture-ui input.capture_btn, | |
.janrain-capture-ui .capture_backButton { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui .capture_btn:active, | |
.janrain-capture-ui .capture_btn:focus, | |
.janrain-capture-ui a.capture_btn:active, | |
.janrain-capture-ui a.capture_btn:focus, | |
.janrain-capture-ui button.capture_btn:active, | |
.janrain-capture-ui button.capture_btn:focus, | |
.janrain-capture-ui input.capture_btn:active, | |
.janrain-capture-ui input.capture_btn:focus, | |
.janrain-capture-ui .capture_backButton:active, | |
.janrain-capture-ui .capture_backButton:focus { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
/* | |
* Colors for primary buttons | |
*/ | |
.janrain-capture-ui .capture_primary, | |
.janrain-capture-ui a.capture_primary, | |
.janrain-capture-ui button.capture_primary, | |
.janrain-capture-ui input.capture_primary { | |
color: #fff; | |
background: linear-gradient(top, #34c5ff, #0092cd); | |
background: -moz-linear-gradient(top, #34c5ff, #0092cd); | |
background: -ms-linear-gradient(top, #34c5ff, #0092cd); | |
background: -o-linear-gradient(top, #34c5ff, #0092cd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd)); | |
background: -webkit-linear-gradient(top, #34c5ff, #0092cd); | |
background-color: #009ddc; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
} | |
.janrain-capture-ui a.capture_primary:visited, | |
.janrain-capture-ui a.capture_primary:link, | |
.janrain-capture-ui a.capture_primary:hover { | |
color: #fff; | |
} | |
/* | |
* Colors for secondary buttons | |
*/ | |
.janrain-capture-ui .capture_secondary, | |
.janrain-capture-ui a.capture_secondary, | |
.janrain-capture-ui button.capture_secondary, | |
.janrain-capture-ui input.capture_secondary { | |
text-decoration: none; | |
color: #009ddc; | |
background: linear-gradient(top, #f6f6f6, #ddd); | |
background: -moz-linear-gradient(top, #f6f6f6, #ddd); | |
background: -ms-linear-gradient(top, #f6f6f6, #ddd); | |
background: -o-linear-gradient(top, #f6f6f6, #ddd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ddd)); | |
background: -webkit-linear-gradient(top, #f6f6f6, #ddd); | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
.janrain-capture-ui a.capture_secondary:visited, | |
.janrain-capture-ui a.capture_secondary:link, | |
.janrain-capture-ui a.capture_secondary:hover { | |
color: #333; | |
} | |
/* | |
* Class for a button to take up half of it's parent container | |
*/ | |
.janrain-capture-ui .capture_btn_half, | |
.janrain-capture-ui a.capture_btn_half, | |
.janrain-capture-ui button.capture_btn_half, | |
.janrain-capture-ui input.capture_btn_half { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 48%; | |
margin: 0 1%; | |
padding-right: 5px; | |
padding-left: 5px; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* Class for a button to take up 100% of it's parent container | |
*/ | |
.janrain-capture-ui .capture_btn_full, | |
.janrain-capture-ui a.capture_btn_full, | |
.janrain-capture-ui button.capture_btn_full, | |
.janrain-capture-ui input.capture_btn_full { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
margin: 0; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* Buttons that have been clicked get replaced with a div with this class | |
*/ | |
.janrain-capture-ui .capture_processing { | |
border: none !important; | |
background-color: none; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
.janrain-capture-ui .capture_backButton { | |
background-image: none; | |
} | |
.janrain-capture-ui .capture_backButton span { | |
background-image: none; | |
line-height: inherit; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_secondary { | |
border: 1px solid #ddd; | |
border-width: 1px 1px 0 1px; | |
} | |
/*------------------------------------*\ | |
$PUBLIC/PRIVATE PROFILE TOGGLES | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_display_toggle_wrap { | |
top: 20px; | |
left: 100%; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
font-size: 12px; | |
line-height: 16px; | |
-khtml-border-radius: 4px; | |
-ms-border-radius: 4px; | |
-o-border-radius: 4px; | |
} | |
.janrain-capture-ui .capture_display_toggle:hover { | |
background-color: #f6f6f6; | |
} | |
.janrain-capture-ui .capture_display_toggle_disabled { | |
color: #ccc; | |
} | |
.janrain-capture-ui .capture_display_toggle_disabled:hover { | |
cursor: none; | |
background-color: transparent; | |
} | |
/*------------------------------------*\ | |
$ADDRESS, NAME, DATE BLOCKS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin-left: 1%; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validating, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_error, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validated { | |
position: absolute; | |
top: 10px; | |
left: 290px; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_ { | |
width: 40%; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_ { | |
width: 20%; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_ { | |
width: 38%; | |
} | |
.janrain-capture-ui .capture_dateselect_day, | |
.janrain-capture-ui .capture_dateselect_month, | |
.janrain-capture-ui .capture_dateselect_year { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin-left: 1%; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_dateselect_month { | |
width: 40%; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_dateselect_day { | |
width: 18%; | |
} | |
.janrain-capture-ui .capture_dateselect_year { | |
width: 40%; | |
} | |
.janrain-capture-ui .capture_nameBlock .capture_form_item, | |
.janrain-capture-ui .capture_addressBlock .capture_form_item { | |
min-height: 0; | |
margin-bottom: 0; | |
} | |
/*------------------------------------*\ | |
$LINKED ACCOUNT LIST | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_provider { | |
margin: 0; | |
} | |
.janrain-capture-ui .capture_provider li { | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
/* | |
* Styles the add new link differently | |
*/ | |
.janrain-capture-ui .capture_provider li.capture_linkAccount { | |
margin: 0; | |
padding: 0; | |
background-color: transparent; | |
} | |
/* | |
* positions the 'x' button | |
*/ | |
.janrain-capture-ui .capture_provider li .capture_remove { | |
position: absolute; | |
right: 0; | |
cursor: pointer; | |
} | |
/*------------------------------------*\ | |
$PHOTO MANAGER | |
\*------------------------------------*/ | |
/* | |
* Displays profile photo at a specified size. All items widths and heights below should match. | |
*/ | |
.janrain-capture-ui #profile_pic { | |
overflow: hidden; | |
height: 150px; | |
} | |
.janrain-capture-ui .capture_profile_pic { | |
width: 150px; | |
height: 150px; | |
margin: 0 auto 20px auto; | |
} | |
.janrain-capture-ui #profile_pic img { | |
width: 150px; | |
} | |
/* | |
* Displays smaller profile photo for upload screen | |
*/ | |
.janrain-capture-ui#capture_editProfile_photoManager_uploadphotoscreen .capture_profile_pic { | |
width: 100px; | |
height: 100px; | |
} | |
/* | |
* <ul> element under the displayed user/default profile photo | |
*/ | |
.janrain-capture-ui .capture_photoManager .options { | |
display: block; | |
margin-top: 10px; | |
text-align: center; | |
} | |
/* | |
* list of links to upload, edit or remove photo | |
*/ | |
.janrain-capture-ui .capture_photoManager .options li { | |
display: inline-block; | |
display: -moz-inline-box; | |
padding: 0 5px; | |
vertical-align: auto; | |
vertical-align: middle; | |
border: 1px #ccc solid; | |
border-width: 0 1px; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_photoManager .options li:first-child, | |
.janrain-capture-ui .capture_photoManager .options li:last-child { | |
border: none; | |
} | |
/* | |
* Makes upload photo modal wider to account for a large user image to crop | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#capture_editProfile_photoManager_editphotoscreen { | |
width: 740px; | |
} | |
.janrain-capture-ui .capture_uploadPhoto_container { | |
display: inline-block; | |
display: -moz-inline-box; | |
width: 250px; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
/* | |
* Remove photo popup | |
*/ | |
.janrain-capture-ui .capture_popup_container { | |
border: 1px solid #ccc; | |
background-color: #f6f6f6; | |
} | |
.janrain-capture-ui .capture_popup_container .capture_popup-arrow:after { | |
border: 1px solid #ccc; | |
background: #f6f6f6; | |
} | |
/*------------------------------------*\ | |
$SCREEN SPECIFIC | |
\*------------------------------------*/ | |
/* | |
* Adjustments for certain screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional { | |
min-height: 220px; | |
padding: 20px 0 0 0; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial { | |
min-height: 220px; | |
padding: 20px 0; | |
} | |
.janrain-capture-ui#editProfile { | |
width: auto; | |
padding: 10px; | |
background-color: transparent; | |
} | |
/* | |
* Adjustments to headings for screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn h1, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial h1, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional h1 { | |
margin: 0 0 0 20px; | |
} | |
/* | |
* Allows for the centering of Engage Widget | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_signin { | |
width: 310px; | |
margin: 0 auto; | |
} | |
.janrain-capture-ui#editProfile .capture_form_item label { | |
overflow: visible; | |
height: auto; | |
text-indent: 0; | |
text-indent: inherit; | |
} | |
.capture_editCol { | |
margin: 10px 200px 0 10px; | |
} | |
.capture_editCol.capture_editCol_tr, | |
.capture_editCol.capture_editCol_ve, | |
.capture_editCol.capture_editCol_ro { | |
margin: 10px 0 0 10px; | |
} | |
.janrain-capture-ui#returnTraditional .capture_backgroundColor { | |
padding: 25px 10px; | |
} | |
.janrain-capture-ui#returnTraditional .capture_form_item { | |
min-height: 51px; | |
margin-bottom: 0; | |
} | |
/*------------------------------------*\ | |
$MERGE ACCOUNTS | |
\*------------------------------------*/ | |
/* | |
* Makes merge account screen larger wider | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts { | |
width: 510px; | |
padding: 0 0 55px 0; | |
} | |
/* | |
* Makes merge header appear differently than standard as there's more content | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header { | |
padding-bottom: 0; | |
text-align: left; | |
color: inherit; | |
border: none; | |
background-color: #f6f6f6; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header .capture_icon_col { | |
overflow: hidden; | |
width: 25px; | |
height: 25px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header img { | |
width: 25px; | |
height: auto; | |
} | |
/* | |
* Unhides label for this screen | |
*/ | |
.janrain-capture-ui#mergeAccounts .capture_form_item label { | |
height: auto; | |
text-indent: 0; | |
text-indent: inherit; | |
text-transform: capitalize; | |
} | |
.janrain-capture-ui .capture_displayName_col { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin: 10px 0 10px 10px; | |
vertical-align: auto; | |
vertical-align: middle; | |
vertical-align: top; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_mergeCol { | |
position: relative; | |
display: inline-block; | |
display: -moz-inline-box; | |
width: 43%; | |
margin: 10px; | |
padding: 10px; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection { | |
border: 1px solid #ccc; | |
} | |
.janrain-capture-ui .capture_mergeCol .capture_popup_container .capture_popup-arrow { | |
left: 100px; | |
} | |
.janrain-capture-ui .capture_mergeCol .capture_mergeProvider, | |
.janrain-capture-ui .capture_header .capture_mergeProvider { | |
position: absolute; | |
top: 8px; | |
right: 30px; | |
} | |
.janrain-capture-ui .capture_dashed .capture_backgroundColor { | |
margin-top: 0; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col { | |
padding: 0; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_mergeProvider { | |
right: 10px; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_icon_col { | |
margin-top: 4px; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_displayName_col { | |
margin-top: 0; | |
} | |
.janrain-capture-ui .capture_mergeProvider { | |
margin-right: 5px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection { | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
width: auto; | |
margin: 20px; | |
padding: 0; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
-ms-box-sizing: content-box; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio { | |
padding: 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label { | |
margin: 0; | |
padding: 15px 15px 15px 25px; | |
font-size: 14px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_smallText { | |
display: block; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_recommended { | |
position: absolute; | |
top: 2px; | |
right: 3px; | |
text-transform: uppercase; | |
font-weight: 100; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled { | |
-webkit-border-radius: 5px 5px 0 0; | |
-moz-border-radius: 5px 5px 0 0; | |
border-radius: 5px 5px 0 0; | |
background-color: #009ddc; | |
-khtml-border-radius: 5px 5px 0 0; | |
-ms-border-radius: 5px 5px 0 0; | |
-o-border-radius: 5px 5px 0 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:first-child { | |
-webkit-border-radius: 5px 5px 0 0; | |
-moz-border-radius: 5px 5px 0 0; | |
border-radius: 5px 5px 0 0; | |
-khtml-border-radius: 5px 5px 0 0; | |
-ms-border-radius: 5px 5px 0 0; | |
-o-border-radius: 5px 5px 0 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:nth-of-type(2) { | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled label { | |
color: #fff; | |
} | |
.janrain-capture-ui .capture_hover:hover .capture_popup_container { | |
width: 100%; | |
background: linear-gradient(top, #f6f6f6, #ddd); | |
background: -moz-linear-gradient(top, #f6f6f6, #ddd); | |
background: -ms-linear-gradient(top, #f6f6f6, #ddd); | |
background: -o-linear-gradient(top, #f6f6f6, #ddd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ddd)); | |
background: -webkit-linear-gradient(top, #f6f6f6, #ddd); | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox { | |
background-image: none; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox label { | |
padding-left: 0; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox input { | |
position: static; | |
margin-right: 4px; | |
} | |
/*------------------------------------*\ | |
$PFIZER CUSTOMIZATIONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_form_item3 { | |
padding-top: 18px; | |
text-align: center; | |
} | |
.janrain-capture-ui .capture_form_item2 { | |
padding-bottom: 18px; | |
text-align: center; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/separata.gif") center bottom repeat-x; | |
} | |
.janrain-capture-ui h2.joinnow { | |
margin: 0; | |
text-align: center; | |
color: #333; | |
border: none; | |
font-size: 1.5em; | |
font-weight: normal; | |
} | |
.janrain-capture-ui p.joinnow { | |
text-align: center; | |
/*font-size: 0.85em;*/ | |
font-size: 16px; | |
} | |
.janrain-capture-ui .capture_left, | |
.janrain-capture-ui .capture_right { | |
width: 50%; | |
} | |
.janrain-capture-ui .capture_left > button { | |
float: left; | |
} | |
/* | |
* Heading styles for Capture Widget screens inside of modals. You can remove | |
* these styles if you want to use the heading styles already on your site. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h1 { | |
color: #333; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: inherit; | |
} | |
#socialRegistration .janrain-capture-ui.capture-ui-content h1 { | |
font-size: 16px; | |
} | |
/* Prevent the button label from wrapping */ | |
.janrain-provider-text-color-doccheck, | |
.janrain-provider-text-color-fimnet, | |
.janrain-provider-text-color-medikey { | |
word-wrap: normal; | |
} | |
/* | |
* Sets the font properties of the initial login dialog. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h2 { | |
text-align: center; | |
color: #333; | |
/*font-size: 1.5em;*/ | |
font-size: 18px; | |
font-weight: normal; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h3 { | |
font-size: 15px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h4 { | |
font-size: 1.385em; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h5 { | |
font-size: 1.077em; | |
} | |
/* | |
* Header styles for Capture Widget screens inside of modals. | |
* This adds the PfizerConnect logo in the header. | |
*/ | |
#janrainModal .capture_header { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
height: 50px; | |
margin-top: 0; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
padding: 0; | |
border-bottom: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/pfizer.png") center center no-repeat; | |
background-position: center; | |
-ms-box-sizing: border-box; | |
} | |
#janrainModal select, | |
#capture_editProfile_editProfileForm select { | |
line-height: 16px; | |
} | |
#janrainModal input[type=text], | |
#janrainModal input[type=password], | |
#janrainModal input[type=email], | |
#capture_editProfile_editProfileForm input[type=text], | |
#capture_editProfile_editProfileForm input[type=password], | |
#capture_editProfile_editProfileForm input[type=email], | |
#capture_editProfile_editProfileForm input[type=button], | |
#capture_editProfile_editProfileForm input[type=submit] { | |
height: 30px; | |
padding-right: 25px; | |
} | |
.janrain-capture-ui input[type=text], | |
.janrain-capture-ui input[type=email] { | |
line-height: 16px; | |
} | |
#janrainModal .kr-styles input { | |
padding-right: 10px; | |
} | |
#janrainModal .capture_signin_ar input, | |
#janrainModal .capture_backgroundColor_ar input, | |
#janrainModal .capture_forgotpassword_ar input, | |
#capture_editProfile_editProfileForm .capture_editCol_ar input { | |
word-break: normal; | |
} | |
#janrainModal input.capture_createAccountButton { | |
padding-right: 10px; | |
} | |
#janrainModal input.capture_createAccountButton, | |
#janrainModal input.capture_forgotPassword_sendButton { | |
height: auto; | |
} | |
#capture_editProfile_editProfileForm input { | |
padding-right: 29px; | |
/*height: 30px;*/ | |
} | |
/* Just for Poland */ | |
#capture_editProfile_editProfileForm input[type=radio] { | |
height: 16px; | |
} | |
/* Just for Poland */ | |
#capture_editProfile_editProfileForm input.capture_saveButton { | |
padding: 0 15px; | |
} | |
#janrainModal input#capture_changePassword_saveButton { | |
padding-right: 10px; | |
} | |
#validating div.capture_signin p { | |
width: 100%; | |
height: 256px; | |
margin-top: 0; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
padding: 0; | |
border-bottom: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/loader.gif") center center no-repeat; | |
background-position: center; | |
} | |
/* | |
* Vertically center checkbox/radio input within label wrapper | |
*/ | |
/* | |
.janrain-capture-ui .capture_checkbox .capture_input_radio, | |
.janrain-capture-ui .capture_form_collection .capture_input_radio, | |
.janrain-capture-ui .capture_checkbox .capture_input_checkbox, | |
.janrain-capture-ui .capture_form_collection .capture_input_checkbox, | |
.janrain-capture-ui .capture_radio .capture_input_radio, | |
.janrain-capture-ui .capture_radio .capture_input_checkbox { | |
top: 30%; | |
}*/ | |
/*------------------------------------*\ | |
$BUTTONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_btn, | |
.janrain-capture-ui a.capture_btn, | |
.janrain-capture-ui button.capture_btn, | |
.janrain-capture-ui input.capture_btn, | |
.janrain-capture-ui .capture_backButton { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui .capture_btn:active, | |
.janrain-capture-ui .capture_btn:focus, | |
.janrain-capture-ui a.capture_btn:active, | |
.janrain-capture-ui a.capture_btn:focus, | |
.janrain-capture-ui button.capture_btn:active, | |
.janrain-capture-ui button.capture_btn:focus, | |
.janrain-capture-ui input.capture_btn:active, | |
.janrain-capture-ui input.capture_btn:focus, | |
.janrain-capture-ui .capture_backButton:active, | |
.janrain-capture-ui .capture_backButton:focus { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
/* | |
* Colors for primary buttons | |
*/ | |
.janrain-capture-ui .capture_primary, | |
.janrain-capture-ui a.capture_primary, | |
.janrain-capture-ui button.capture_primary, | |
.janrain-capture-ui input.capture_primary { | |
text-decoration: none; | |
color: #fff; | |
background: linear-gradient(top, #025fa7, #01518f); | |
background: -moz-linear-gradient(top, #025fa7, #01518f); | |
background: -ms-linear-gradient(top, #025fa7, #01518f); | |
background: -o-linear-gradient(top, #025fa7, #01518f); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #025fa7), color-stop(100%, #01518f)); | |
background: -webkit-linear-gradient(top, #025fa7, #01518f); | |
background-color: #025fa7; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#025fa7", endColorstr="#01518f"); | |
} | |
.janrain-capture-ui a.capture_primary:visited, | |
.janrain-capture-ui a.capture_primary:link, | |
.janrain-capture-ui a.capture_primary:hover { | |
color: #fff; | |
} | |
/* | |
* Colors for secondary buttons | |
*/ | |
.janrain-capture-ui .capture_secondary, | |
.janrain-capture-ui a.capture_secondary, | |
.janrain-capture-ui button.capture_secondary, | |
.janrain-capture-ui input.capture_secondary { | |
text-decoration: none; | |
color: #fff; | |
background: linear-gradient(top, #025fa7, #01518f); | |
background: -moz-linear-gradient(top, #025fa7, #01518f); | |
background: -ms-linear-gradient(top, #025fa7, #01518f); | |
background: -o-linear-gradient(top, #025fa7, #01518f); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #025fa7), color-stop(100%, #01518f)); | |
background: -webkit-linear-gradient(top, #025fa7, #01518f); | |
background-color: #025fa7; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#025fa7", endColorstr="#01518f"); | |
} | |
.janrain-capture-ui a.capture_secondary:visited, | |
.janrain-capture-ui a.capture_secondary:link, | |
.janrain-capture-ui a.capture_secondary:hover { | |
color: #fff; | |
} | |
#capture_resetPassword_resetPassword_submitButton { | |
text-transform: capitalize; | |
} | |
/*Colombia styles START*/ | |
#forgotPassword.co-styles .capture_right input { | |
margin: 0 20px 0 6px; | |
padding: 8px; | |
font-size: 11px; | |
} | |
/*Colombia styles END*/ | |
/*Egypt styles START*/ | |
.capture_signin.capture_signin_eg .capture_text_input[type="text"], | |
.capture_signin.capture_signin_eg .capture_text_input[type="password"] { | |
position: relative; | |
overflow: hidden; | |
text-overflow: clip; | |
} | |
#resetPassword.eg-styles input[type=submit] { | |
padding-left: 25px; | |
} | |
/*Egypt styles END*/ | |
/*New Zealand styles START*/ | |
#returnTraditional.nz-styles #capture_returnTraditional_userInformationForm { | |
width: 310px; | |
margin: 0 auto; | |
} | |
#returnTraditional.nz-styles #capture_returnTraditional_userInformationForm .capture_form_item { | |
min-height: 0; | |
margin-bottom: 20px; | |
} | |
/*New Zealand styles END*/ | |
/*Wide Registration Dialog styles START*/ | |
#janrainModal #traditionalRegistration.wide700 { | |
width: 700px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content .wide700 { | |
width: 620px; | |
} | |
/*Wide Registration Dialog styles START*/ | |
/*Korea styles START*/ | |
#janrainModal #postLoginAcceptance.kr-styles, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles, | |
#janrainModal #preRegistrationAcceptance.kr-styles { | |
width: 950px; | |
padding: 20px 20px 30px; | |
font-size: 15px; | |
} | |
#janrainModal #postLoginPrivacyInformation.kr-styles > a, | |
#janrainModal #preSocialRegistrationPrivacyInformation.kr-styles > a, | |
#janrainModal #preRegistrationPrivacyInformation.kr-styles > a { | |
display: block; | |
width: 100px; | |
margin: 70px auto 0; | |
} | |
.kr-styles > ol, | |
.kr-styles > ul { | |
margin: 0; | |
} | |
#janrainModal .kr-styles ol li > ul { | |
list-style-type: disc; | |
} | |
#janrainModal .kr-styles ol li > ul > li > ul { | |
list-style-type: square; | |
} | |
#janrainModal .kr-styles h2 { | |
margin: 0 auto 5px; | |
border: 0 none; | |
font-weight: bolder; | |
} | |
#janrainModal .kr-styles strong { | |
display: inline-block; | |
margin-bottom: 15px; | |
} | |
#janrainModal .kr-styles li { | |
line-height: 18px; | |
} | |
#janrainModal .kr-styles ol, | |
#janrainModal .kr-styles ul { | |
list-style-position: inside; | |
} | |
#janrainModal .kr-styles ol > li { | |
margin-bottom: 15px; | |
} | |
#janrainModal .kr-styles ol li > ul > li { | |
margin-bottom: 10px; | |
} | |
#janrainModal .kr-styles ol li > ul > li ul { | |
margin: 5px 0 0 5px; | |
} | |
#janrainModal .kr-styles .capture_form_item label input[type="checkbox"] { | |
margin-top: -8px; | |
} | |
#janrainModal .kr-styles table thead td { | |
text-align: center; | |
color: #000; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
#janrainModal .kr-styles #table-1 ul li { | |
margin-bottom: 10px; | |
} | |
#janrainModal .kr-styles #table-1 td { | |
width: 50%; | |
} | |
#janrainModal .kr-styles #table-2 thead td { | |
background: #f58002; | |
} | |
#janrainModal .kr-styles table td { | |
padding: 3px 5px; | |
border: 1px solid #000; | |
border-collapse: collapse; | |
} | |
#janrainModal #table-2 tr td { | |
width: 14%; | |
min-width: 50px; | |
max-width: 150px; | |
word-wrap: normal; | |
font-size: 12px; | |
} | |
#janrainModal #table-2 tr td.wrap-word { | |
word-wrap: break-word; | |
} | |
#janrainModal .kr-styles table { | |
margin-top: 10px; | |
} | |
#janrainModal .kr-styles .capture_checkbox .capture_input_radio, | |
#janrainModal .kr-styles .capture_form_collection .capture_input_radio, | |
#janrainModal .kr-styles .capture_checkbox .capture_input_checkbox, | |
#janrainModal .kr-styles .capture_form_collection .capture_input_checkbox, | |
#janrainModal .kr-styles .capture_radio .capture_input_radio, | |
#janrainModal .kr-styles .capture_radio .capture_input_checkbox { | |
margin-top: -14px; | |
} | |
#janrainModal #postLoginAcceptance.kr-styles .capture_checkbox, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles .capture_checkbox, | |
#janrainModal #preRegistrationAcceptance.kr-styles .capture_checkbox { | |
border: 1px solid #00aeef; | |
} | |
#janrainModal #postLoginAcceptance.kr-styles .capture_checkbox label, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles .capture_checkbox label, | |
#janrainModal #preRegistrationAcceptance.kr-styles .capture_checkbox label { | |
font-size: 15px; | |
font-weight: bold; | |
} | |
#publicProfile.kr-styles.janrain-capture-ui.capture-ui-content { | |
width: 615px; | |
} | |
/*//////**/ | |
#janrainModal.intermediate-korea-styles { | |
top: 10px !important; | |
left: 50% !important; | |
width: auto !important; | |
height: auto !important; | |
margin-left: -430px !important; | |
} | |
#janrainModal.intermediate-korea-styles #postLoginVersioned { | |
display: inline-block !important; | |
width: auto !important; | |
padding: 0 !important; | |
border-radius: 5px !important; | |
} | |
#janrainModal.intermediate-korea-styles #postLoginVersioned form { | |
margin: 0!important; | |
} | |
/*Korea styles END*/ | |
body.page-user .main-container .row-fluid .span8 { | |
width: 100%; | |
} | |
/*France styles Start*/ | |
.capture_footer.capture_footer_france input.capture_resetPassword_submitButton.capture_btn.capture_primary { | |
padding-top: 8px; | |
padding-left: 20px; | |
} | |
/*France style END*/ | |
/*Greece style Start*/ | |
#registrationNewVerification.gr-styles .capture_signin p, | |
#forgotPasswordSuccess.gr-styles .capture_forgotpassword p { | |
text-align: justify; | |
} | |
/*Greece style END*/ | |
/*Austria styles Start*/ | |
.janrain-capture-ui.at-styles .capture_dateselect_year { | |
width: 100%; | |
margin: 0; | |
} | |
#signIn.at-styles .login_widget.capture_login_widget { | |
min-height: 30px; | |
} | |
#signIn.at-styles .capture_backgroundColor { | |
margin-top: 0; | |
} | |
/*Austria style END*/ | |
/*Wide reg form implementation*/ | |
#janrainModal #traditionalRegistration.wide, | |
#janrainModal #socialRegistration.wide { | |
width: 450px; | |
} | |
#janrainModal #traditionalRegistration.wide .capture_signin, | |
#janrainModal #socialRegistration.wide .capture_signin { | |
width: 400px; | |
} | |
/*Wide reg form implementation*/ | |
/*UK styles Start*/ | |
#editProfile.uk-styles .uk-subscribed-intro { | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.uk-styles .capture_form_item_primaryAddress_streetName2 label span { | |
font-size: 11px; | |
} | |
.uk-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
.janrain-capture-ui.uk-styles .capture_data_item .capture_data { | |
float: none; | |
width: auto; | |
} | |
/*UK style END*/ | |
/*Poland styles Start*/ | |
#editProfile.pl-styles .custom-subscribe > div { | |
font-size: 13px; | |
} | |
#editProfile.pl-styles .custom-subscribe ul { | |
margin-top: 8px; | |
list-style: none; | |
} | |
#editProfile.pl-styles .custom-subscribe ul > div { | |
padding-left: 0; | |
} | |
.janrain-capture-ui .pl-cs-bottom p { | |
margin: 0 0 6px; | |
} | |
/*Poland styles END*/ | |
/*Portugal styles Start*/ | |
.pt-styles-wrapper { | |
position: fixed !important; | |
overflow-y: scroll; | |
} | |
.pt-styles .capture_form_item.capture_form_item_acknowledgement_professional .capture_checkbox.capture_form_item_inner_acknowledgement_professional { | |
margin-bottom: 5px; | |
} | |
#traditionalRegistration.pt-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 3px; | |
} | |
/* Two columns style*/ | |
@media screen and (min-width : 750px) { | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content { | |
width: 660px; | |
} | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content .capture_signin, | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content.janrain-capture-ui-mobile .capture_signin { | |
overflow: hidden; | |
width: 100%; | |
} | |
.pt-styles { | |
text-align: justify; | |
} | |
.pt-styles .capture_form_item { | |
display: inline-block; | |
width: 47%; | |
text-align: left; | |
vertical-align: top; | |
} | |
.pt-styles .capture_form_item label { | |
height: 25px; | |
} | |
.pt-styles .capture_hidden { | |
display: none; | |
} | |
.pt-styles .capture_form_item_email { | |
margin-right: 49%; | |
} | |
.pt-styles .capture_form_item_acknowledgement_professional, | |
.pt-styles .capture_form_item_acknowledgement_consent { | |
float: left; | |
} | |
.pt-styles .capture_form_item_acknowledgement_terms { | |
float: right; | |
margin-top: -333px; | |
} | |
.pt-styles .capture_form_item_bottom_text { | |
float: left; | |
width: 47%; | |
} | |
.pt-styles .capture_form_item_traditionalRegistration_password { | |
margin-right: 32px; | |
} | |
} | |
/*Portugal style END*/ | |
/*Thailand styles Start*/ | |
#traditionalRegistration.th-styles .capture_form_item_acknowledgement_terms .capture_tip { | |
display: none; | |
} | |
/*Thailand style END*/ | |
/*Switzerland styles Start*/ | |
#socialRegistration.ch-styles .capture_header { | |
height: 75px; | |
background-position: center bottom; | |
} | |
#signIn.ch-styles .login_widget { | |
min-height: 45px; | |
} | |
#signIn.ch-styles .pnp-links { | |
text-align: center; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms div, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms span, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms label { | |
padding: 0; | |
color: transparent; | |
border: none; | |
background: none; | |
box-shadow: none; | |
font-size: 0; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms a { | |
display: inline; | |
margin: 0 5px; | |
font-size: 13px; | |
} | |
/*Switzerland style END*/ | |
/*Canada styles Start*/ | |
#traditionalRegistration.ca-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
#janrainModal .ca-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 2px; | |
} | |
/*Canada style END*/ | |
/*Netherlands styles Start*/ | |
#socialRegistration.nl-styles .capture_acknowledgement_consent, | |
#traditionalRegistration.nl-styles .capture_acknowledgement_consent { | |
top: 0; | |
margin-top: 10px; | |
} | |
#signIn.nl-styles .capture_form_item2 { | |
background-image: none; | |
} | |
/*Netherlands style END*/ | |
/*Italy styles Start*/ | |
#janrainModal .it-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 2px; | |
} | |
.it-intro > ul { | |
margin: 0; | |
margin-left: 12px; | |
padding: 0; | |
list-style: outside none disc; | |
} | |
.it-intro > ul li { | |
margin-bottom: 3px; | |
padding-left: 6px; | |
text-indent: 0; | |
} | |
/*Italy style END*/ | |
/*------------------------------------*\ | |
$END PFIZER CUSTOMIZATIONS | |
\*------------------------------------*/ | |
.select2-container .select2-choice { | |
color: #000 !important; | |
} | |
/*France styles*/ | |
#publicProfile.fr-styles p.public-add-copy, | |
#publicProfile.fr-styles p.public-add-copy-pp, | |
#publicProfile.fr-styles p.public-add-copy-tou/*, | |
#editProfile.fr-styles p.edit-add-copy, | |
#editProfile.fr-styles p.edit-add-copy-pp, | |
#editProfile.fr-styles p.edit-add-copy-tou*/ { | |
text-align: center; | |
} | |
/* IL market styles */ | |
.janrain-capture-ui#editProfile.il-styles .capture_form_item label, | |
.janrain-capture-ui#forgotPassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#resetPassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#changePassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#resetPasswordRequestCode.il-styles .capture_form_item label, | |
.janrain-capture-ui#traditionalRegistration.il-styles .capture_form_item label, | |
.janrain-capture-ui#signIn.il-styles .capture_form_item label { | |
float: right; | |
} | |
.janrain-capture-ui#editProfile.il-styles select { | |
background-position: 0 -28px; | |
} | |
.janrain-capture-ui#resetPassword.il-styles, | |
.janrain-capture-ui#changePassword.il-styles, | |
.janrain-capture-ui#resetPasswordSuccess.il-styles, | |
.janrain-capture-ui#resetPasswordRequestCodeSuccess.il-styles, | |
.janrain-capture-ui#changePasswordSuccess.il-styles, | |
.janrain-capture-ui#resetPasswordRequestCode.il-styles { | |
direction: rtl; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_item#capture_editProfile_form_item_birthday label { | |
float: none; | |
text-align: right; | |
} | |
.janrain-capture-ui#editProfile.il-styles #capture_editProfile_birthday_dateselectyear { | |
margin-left: 0; | |
} | |
.janrain-capture-ui#editProfile.il-styles #capture_editProfile_birthday_dateselectmonth { | |
margin-left: 1%; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection { | |
padding-bottom: 26px; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input { | |
position: relative; | |
top: 3px; | |
} | |
.janrain-capture-ui.de-styles .capture_form_collection #capture_editProfile_emailPermission_subscribed_true_0.capture_input_radio { | |
margin-top: -16px; | |
} | |
#dupeEmailDialog { | |
position: absolute; | |
z-index: 2002; | |
top: 20px; | |
left: 713.5px; | |
display: block; | |
padding: 20px 20px 70px 20px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #fff; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
.janrain-capture-ui#mergeAccounts.de-styles .capture_form_item label { | |
text-transform: none; | |
} | |
</style> | |
</head> | |
<body> | |
<div style="display: block;" id="publicProfile" class="janrain-capture-ui capture-ui-content capture_screen_container" data-capturescreenname="publicProfile" data-captureventadded="true"> | |
<h1>My profile</h1> | |
<div id="capture_publicProfile_stringdata_public_email" class="capture_data_item capture_stringdata_public_email" data-capturefield="undefined"> | |
<label for="capture_publicProfile_public_email">Email Address</label> | |
<div id="capture_publicProfile_public_email" class="capture_data capture_public_email" data-capturefield="undefined">ffwtest2+NG01@gmail.com</div> | |
</div> | |
<div id="capture_publicProfile_stringdata_public_givenName" class="capture_data_item capture_stringdata_public_givenName" data-capturefield="undefined"><label for="capture_publicProfile_public_givenName">First name</label><div id="capture_publicProfile_public_givenName" class="capture_data capture_public_givenName" data-capturefield="undefined">Chris</div></div> | |
<div id="capture_publicProfile_stringdata_public_familyName" class="capture_data_item capture_stringdata_public_familyName" data-capturefield="undefined"><label for="capture_publicProfile_public_familyName">Last name</label><div id="capture_publicProfile_public_familyName" class="capture_data capture_public_familyName" data-capturefield="undefined">Luther</div></div> | |
<div id="capture_publicProfile_stringdata_public_secondLastName" class="capture_data_item capture_stringdata_public_secondLastName" data-capturefield="undefined"><label for="capture_publicProfile_public_secondLastName">Second last name</label><div id="capture_publicProfile_public_secondLastName" class="capture_data capture_public_secondLastName" data-capturefield="undefined">Luther</div></div> | |
<div id="capture_publicProfile_stringdata_public_designation_specialty" class="capture_data_item capture_stringdata_public_designation_specialty" data-capturefield="undefined"><label for="capture_publicProfile_public_designation_specialty">Specialty</label><div id="capture_publicProfile_public_designation_specialty" class="capture_data capture_public_designation_specialty" data-capturefield="undefined">Cardiologist</div></div> | |
<div id="capture_publicProfile_stringdata_public_phoneNumber_work" class="capture_data_item capture_stringdata_public_phoneNumber_work" data-capturefield="undefined"> | |
<label for="capture_publicProfile_public_phoneNumber_work">Office Phone</label> | |
<div id="capture_publicProfile_public_phoneNumber_work" class="capture_data capture_public_phoneNumber_work" data-capturefield="undefined">undefined</div> | |
</div> | |
<div id="capture_publicProfile_stringdata_public_phoneNumber_mobile" class="capture_data_item capture_stringdata_public_phoneNumber_mobile" data-capturefield="undefined"><label for="capture_publicProfile_public_phoneNumber_mobile">Mobile Phone</label><div id="capture_publicProfile_public_phoneNumber_mobile" class="capture_data capture_public_phoneNumber_mobile" data-capturefield="undefined">5126364240</div></div> | |
<div id="capture_publicProfile_stringdata_public_primaryAddress_workplace" class="capture_data_item capture_stringdata_public_primaryAddress_workplace" data-capturefield="undefined"><label for="capture_publicProfile_public_primaryAddress_workplace">Workplace</label><div id="capture_publicProfile_public_primaryAddress_workplace" class="capture_data capture_public_primaryAddress_workplace" data-capturefield="undefined">undefined</div></div> | |
<div id="capture_publicProfile_stringdata_public_primaryAddress_streetName1" class="capture_data_item capture_stringdata_public_primaryAddress_streetName1" data-capturefield="undefined"><label for="capture_publicProfile_public_primaryAddress_streetName1">Address 1</label><div id="capture_publicProfile_public_primaryAddress_streetName1" class="capture_data capture_public_primaryAddress_streetName1" data-capturefield="undefined">undefined</div></div> | |
</div> | |
<script id="jsbin-javascript"> | |
//$( "div .capture_data:contains('undefined')" ).css( "text-decoration", "underline" ); | |
$( "div .capture_data:contains('undefined')" ).text( " " ); | |
</script> | |
<script id="jsbin-source-css" type="text/css">/*------------------------------------*\ | |
JANRAIN CAPTURE WIDGET JANRAIN.CSS | |
\*------------------------------------*/ | |
/* | |
* Janrain.css acts as a base stylesheet for the capture widget which you can | |
* extend/modify with your own theme stylesheet. | |
* | |
* Janrain.css aims to set a baseline of styling and standard coloring to elements | |
* that could appear in your capture widget. | |
* | |
* This stylesheet contains a lot of comments, please take care to read and refer to them as you build. | |
* | |
* This file is purely a dev document and is not to be used for production. For production, | |
* please only use a minified version that does not contain comments. | |
* | |
* The table of contents below maps to section titles of the same name, to jump | |
* to any section simply find $[SECTION-TITLE]. | |
* | |
* This stylesheet was originally written using SASS. If you'd like a copy of the SASS file | |
* please contact your Janrain representative. | |
* | |
*/ | |
/** | |
* | |
* MODAL SCREENS........................Styles for screens that are in a modal | |
* MODAL CLOSE CONFIRMATION.............Styles for screen that shows if there is a confirmation of closing a modal | |
* GENERAL..............................Basic styles for all screens | |
* FORM ELEMENTS........................Input, select, radio, checkbox, textarea, etc. | |
* BUTTONS..............................Button styling/coloring. | |
* DATA DISPLAYS........................Styling for public profile data | |
* | |
* PUBLIC/PRIVATE PROFILE TOGGLES.......Public/private profile toggle styling for edit profile screen | |
* ADDRESS, NAME, DATE BLOCKS...........Formatting for built in address, name and date blocks | |
* LINKED ACCOUNT LIST..................Linked account list styles | |
* PHOTO MANAGER........................Styles for displaying, uploading, cropping and removing profile photos | |
* SCREEN SPECIFIC......................Screen specific styling | |
* MERGE ACCOUNTS.......................Merge account screen styling | |
* | |
*/ | |
/*------------------------------------*\ | |
$MODAL SCREENS | |
\*------------------------------------*/ | |
/* | |
* Required to ensure Capture modals always display above any other modals | |
* specifically on Self detail sites. | |
*/ | |
#janrainModal { | |
z-index: 2001 !important; | |
} | |
/*Login attempt field*/ | |
#janrainModal .market-check-fail { | |
margin: 0 10px; | |
text-align: center; | |
} | |
/* | |
* Defines background color of all screens that appear in a modal | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content { | |
width: 400px; | |
min-height: 350px; | |
padding: 20px 20px 70px 20px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #fff; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
#janrainModal .janrain_modal_closebutton { | |
top: 10px; | |
right: 10px; | |
width: auto; | |
height: auto; | |
text-decoration: none; | |
color: #888; | |
background-color: transparent; | |
font-family: helvetica, sans-serif; | |
font-size: 12px; | |
font-weight: 100; | |
} | |
/* | |
* Heading styles for Capture Widget screens inside of modals. You can remove | |
* these styles if you want to use the heading styles already on your site. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h1 { | |
color: #333; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: inherit; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h2 { | |
font-size: 15px; | |
font-weight: bold; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h3 { | |
font-size: 15px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h4 { | |
font-size: 1.385em; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h5 { | |
font-size: 1.077em; | |
} | |
/* | |
* Header styles for Capture Widget screens inside of modals. | |
* Provides vertically centered heading and underline. | |
*/ | |
#janrainModal .capture_header { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
margin-bottom: 15px; | |
padding-bottom: 10px; | |
border-bottom: 1px solid #eee; | |
-ms-box-sizing: border-box; | |
} | |
#janrainModal .capture_header h1 { | |
margin: 0; | |
padding: 0; | |
} | |
/* | |
* Footer styles for Capture Widget screens inside of modals. | |
* Pins footer to bottom of modal, provides background color. | |
*/ | |
#janrainModal .capture_footer { | |
position: absolute; | |
z-index: 5; | |
bottom: 0; | |
left: 0; | |
zoom: 1; | |
width: 100%; | |
min-height: 35px; | |
padding: 10px 0; | |
text-align: right; | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-moz-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
-o-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
} | |
#janrainModal .capture_footer:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
.janrain-capture-ui .capture_footer .capture_btn { | |
margin: 0 20px; | |
} | |
#changePasswordSuccess .capture_footer a { | |
margin: 0 20px; | |
} | |
.argentina-registration-form .janrain-capture-ui .capture_footer .capture_btn { | |
height: 16px; | |
margin: 0 20px; | |
} | |
/* | |
* Miscellaneous user/error messages to display in a modal | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_fatal_error { | |
margin-bottom: 15px; | |
} | |
/* | |
* Adjustments to fatal error messages for screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn .capture_fatal_error, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial .capture_fatal_error, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional .capture_fatal_error { | |
margin-right: 20px; | |
margin-left: 20px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_access, | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_retrieving { | |
margin: 0 0 0 -150px; | |
padding: 0 0 0 40px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
/*------------------------------------*\ | |
$MODAL CLOSE CONFIRMATION | |
\*------------------------------------*/ | |
.janrain_close_confirm_container { | |
-webkit-border-radius: 10px; | |
-moz-border-radius: 10px; | |
border-radius: 10px; | |
font-family: helvetica, sans-serif; | |
font-size: 13px; | |
line-height: 17px; | |
-khtml-border-radius: 10px; | |
-ms-border-radius: 10px; | |
-o-border-radius: 10px; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm { | |
color: white; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm h3 { | |
margin: 0; | |
padding: 0 0 5px; | |
color: #fff; | |
text-shadow: none; | |
font-size: 1.077em; | |
font-weight: normal; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_confirm { | |
color: #fff; | |
background: linear-gradient(top, #34c5ff, #0092cd); | |
background: -moz-linear-gradient(top, #34c5ff, #0092cd); | |
background: -ms-linear-gradient(top, #34c5ff, #0092cd); | |
background: -o-linear-gradient(top, #34c5ff, #0092cd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd)); | |
background: -webkit-linear-gradient(top, #34c5ff, #0092cd); | |
background-color: #009ddc; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_cancel { | |
color: #333; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
/*------------------------------------*\ | |
$GENERAL | |
\*------------------------------------*/ | |
/* | |
* Basic screen styling. Defines font size for all content in screens | |
*/ | |
.janrain-capture-ui { | |
color: #666; | |
background-color: transparent; | |
font-family: helvetica, sans-serif; | |
font-size: 13px; | |
line-height: inherit; | |
} | |
/* | |
* Default width of an embedded screen | |
*/ | |
.janrain-capture-ui.capture-ui-content { | |
width: 600px; | |
} | |
/* | |
* Link colors. Can be removed if you want to use the link colors from your site CSS. | |
*/ | |
.janrain-capture-ui a, | |
.janrain-capture-ui a:visited, | |
.janrain-capture-ui a:link { | |
color: #009ddc; | |
} | |
.janrain-capture-ui a:hover { | |
color: #006690; | |
} | |
/* | |
* Errors that appear at the top of the screen if a fatal error has occurred | |
*/ | |
.janrain-capture-ui .capture_fatal_error { | |
color: #f58002; | |
background-image: none; | |
font-size: 12px; | |
} | |
.janrain-capture-ui .capture_fatal_error:first-letter { | |
text-transform: capitalize; | |
} | |
/* | |
* Errors that appear at the top of a form if a form error has occurred server-side | |
*/ | |
.janrain-capture-ui .capture_form_error, | |
.capture_photo_chooser_errors { | |
color: #f58002; | |
background-image: none; | |
} | |
/* | |
* Save message that appears when a profile is successfully saved. | |
*/ | |
.janrain-capture-ui .capture_save_success { | |
display: inline-block; | |
display: -moz-inline-box; | |
vertical-align: auto; | |
vertical-align: middle; | |
color: #64ae29; | |
-moz-box-orient: vertical; | |
} | |
/* | |
* Hide sections that don't apply to social accounts. | |
* These will get displayed through js if traditional acct. | |
*/ | |
.janrain-capture-ui .janrain_traditional_account_only { | |
display: none; | |
} | |
#editProfile .capture_col_4 { | |
min-width: 250px; | |
min-height: 1px; | |
} | |
/* | |
* Misc. general styling | |
*/ | |
.janrain-capture-ui .capture_dashed { | |
margin: 0 20px; | |
border: 1px #ccc dashed; | |
} | |
.janrain-capture-ui .capture_border { | |
border: 1px solid #ccc; | |
} | |
/* | |
* Secondary brand background color and how certain elements should look when placed within. | |
* Used on signin and traditional return experience to divide content area | |
*/ | |
.janrain-capture-ui .capture_backgroundColor { | |
margin-top: 20px; | |
color: #666; | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-moz-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
-o-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_text_input, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio, | |
.janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_backgroundColor .capture_select, | |
.janrain-capture-ui .capture_backgroundColor .capture_textarea, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio { | |
background-color: #fff; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_text_input:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_select:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_textarea:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio:focus { | |
background-color: #fff; | |
} | |
#janrainEngageEmbed .janrainContent { | |
width: auto !important; | |
} | |
/*------------------------------------*\ | |
$FORM ELEMENTS | |
\*------------------------------------*/ | |
/* | |
* Wrapping, parent container for form items | |
*/ | |
.janrain-capture-ui .capture_form_item { | |
min-height: 0; | |
} | |
/* | |
* Labels for form items. Hidden by default but still accessible by screen readers. | |
*/ | |
.janrain-capture-ui .capture_form_item > label { | |
/*height: 0px; */ | |
overflow: hidden; | |
text-align: left; | |
color: #666; | |
font-weight: bold; | |
} | |
/* asterisk style */ | |
#capture_traditionalRegistration_registrationForm .capture_form_item span.form-required, | |
#capture_editProfile_editProfileForm .capture_form_item span.form-required, | |
#capture_socialRegistration_socialRegistrationForm .capture_form_item span.form-required, | |
#preSocialRegistrationAcceptance .capture_form_item span.form-required, | |
#preRegistrationAcceptance .capture_form_item span.form-required, | |
#postLoginAcceptance .capture_form_item span.form-required { | |
color: red; | |
font-size: 17px; | |
font-weight: bold; | |
} | |
/* asterisk style */ | |
/*=========================== this styles only for Venezuela ===========================*/ | |
/*.janrain-capture-ui .capture_signin.capture_signin_ve.capture_signin_asterisk .capture_form_item label .label_asteriks { | |
color: red; | |
font-weight: bold; | |
font-size: 17px; | |
}*/ | |
/*=========================== this styles only for Venezuela ===========================*/ | |
/* | |
* Input, select, radio, checkbox, textarea styling | |
*/ | |
.janrain-capture-ui .capture_text_input, | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio, | |
.janrain-capture-ui .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_select, | |
.janrain-capture-ui .capture_textarea { | |
margin-right: 0; | |
margin-left: 0; | |
color: #b3b3b3; | |
border: 1px solid #ccc; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
font-size: 14px; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui select.capture_select { | |
-webkit-background-size: inherit; | |
background-size: 0; | |
} | |
/*To evade defect of wrong styles */ | |
.janrain-capture-ui .login_widget { | |
overflow: hidden !important; | |
width: 100% !important; | |
min-height: 30px; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea focused styling | |
*/ | |
.janrain-capture-ui .capture_text_input:focus, | |
.janrain-capture-ui .capture_checkbox:focus, | |
.janrain-capture-ui .capture_radio:focus, | |
.janrain-capture-ui .capture_inputPlaceholder:focus, | |
.janrain-capture-ui .capture_select:focus, | |
.janrain-capture-ui .capture_textarea:focus { | |
color: #333; | |
border: 1px solid #009ddc; | |
background-color: #e2e2e2; | |
-webkit-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-o-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea box sizing | |
*/ | |
.janrain-capture-ui .capture_text_input, | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio, | |
.janrain-capture-ui .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_textarea, | |
.janrain-capture-ui .capture_inputPlaceholder { | |
display: inline-block; | |
display: -moz-inline-box; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
vertical-align: auto; | |
vertical-align: middle; | |
color: #333; | |
-moz-box-orient: vertical; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* IE9 specific styles. | |
* need to starts from .capture_ie9 | |
*/ | |
.capture_ie9 #capture_editProfile_editProfileForm input.capture_input_radio { | |
margin-top: -14px; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea placeholder colors | |
*/ | |
.janrain-capture-ui .capture_text_input::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_checkbox::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_textarea::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_radio::-webkit-input-placeholder { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_text_input:-ms-input-placeholder, | |
.janrain-capture-ui .capture_checkbox:-ms-input-placeholder, | |
.janrain-capture-ui .capture_radio:-ms-input-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder, | |
.janrain-capture-ui .capture_textarea:-ms-input-placeholder { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_text_input:-moz-placeholder, | |
.janrain-capture-ui .capture_checkbox:-moz-placeholder, | |
.janrain-capture-ui .capture_textarea:-moz-placeholder, | |
.janrain-capture-ui .capture_radio:-moz-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder { | |
color: #b3b3b3; | |
} | |
/* | |
* Select specific styling/placeholder colors | |
*/ | |
.janrain-capture-ui .capture_select { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
color: #333; | |
-ms-box-sizing: border-box; | |
} | |
.janrain-capture-ui .capture_select.capture_disabled { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_select.capture_disabled:focus { | |
color: #333; | |
} | |
/* | |
* Checkbox/radio specific styling | |
*/ | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio { | |
border: 0; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
.janrain-capture-ui .capture_checkbox label, | |
.janrain-capture-ui .capture_radio label { | |
display: inline-block; | |
padding: 0 25px; | |
font-size: 13px; | |
} | |
/* | |
* Vertically center checkbox/radio input within label wrapper | |
*/ | |
#capture_backgroundColor_dk #capture_returnTraditional_userInformationForm { | |
margin: 0 30px 0 30px; | |
} | |
.capture_signin.capture_signin_dk .capture_acknowledgement_consent.capture_input_checkbox, | |
.capture_signin.capture_signin_dk .capture_acknowledgement_professional.capture_input_checkbox { | |
left: 9px; | |
height: auto; | |
margin-top: -12px; | |
} | |
.janrain-capture-ui .capture_checkbox .capture_input_radio, | |
.janrain-capture-ui .capture_form_collection .capture_input_radio, | |
.janrain-capture-ui .capture_checkbox .capture_input_checkbox, | |
.janrain-capture-ui .capture_form_collection .capture_input_checkbox, | |
.janrain-capture-ui .capture_radio .capture_input_radio, | |
.janrain-capture-ui .capture_radio .capture_input_checkbox { | |
top: 50%; | |
height: auto; | |
margin-top: -8px; | |
} | |
/* | |
* Coloring of input tips based on state of wrapping container | |
*/ | |
.janrain-capture-ui .capture_form_item .capture_tip { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item.capture_focused .capture_tip { | |
width: auto; | |
min-width: 240px; | |
color: #333; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_validating { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_validated { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_error { | |
width: auto; | |
min-width: 240px; | |
color: #f58002; | |
} | |
.janrain-capture-ui .capture_form_item .capture_btn { | |
margin: 0; | |
} | |
/* | |
* Styling of form elements when the wrapping container has error class | |
*/ | |
.janrain-capture-ui .capture_error .capture_radio, | |
.janrain-capture-ui .capture_error .capture_checkbox, | |
.janrain-capture-ui .capture_error .capture_text_input, | |
.janrain-capture-ui .capture_error .capture_checkbox, | |
.janrain-capture-ui .capture_error .capture_radio, | |
.janrain-capture-ui .capture_error .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_error .capture_select { | |
border: 1px solid #f58002!important; | |
-webkit-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
-moz-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
-o-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
} | |
/* | |
* Dummy input styling if a blank input looking container is needed. | |
*/ | |
.janrain-capture-ui .capture_inputPlaceholder { | |
border: 0; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
/*------------------------------------*\ | |
$DATA DISPLAYS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_data_item { | |
clear: both; | |
zoom: 1; | |
margin-bottom: 15px; | |
} | |
.janrain-capture-ui .capture_data_item:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
.janrain-capture-ui .capture_data_item label { | |
float: left; | |
width: 39%; | |
margin-right: 1%; | |
text-align: right; | |
font-weight: bold; | |
} | |
.janrain-capture-ui .capture_data_item .capture_data { | |
float: left; | |
width: 60%; | |
} | |
/* Styles for IDP buttons, all hardcoded with !important, | |
because items returns with inline styles. */ | |
#capture_signIn_login_widget #janrainContent { | |
border: 0!important; | |
} | |
#capture_signIn_login_widget #janrainContent #janrainProviderPages { | |
position: relative!important; | |
} | |
#capture_signIn_login_widget #janrainContent #janrainProviderPages .providers > li { | |
width: auto!important; | |
margin-right: 10px!important; | |
} | |
/*------------------------------------*\ | |
$BUTTONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_btn, | |
.janrain-capture-ui a.capture_btn, | |
.janrain-capture-ui button.capture_btn, | |
.janrain-capture-ui input.capture_btn, | |
.janrain-capture-ui .capture_backButton { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui .capture_btn:active, | |
.janrain-capture-ui .capture_btn:focus, | |
.janrain-capture-ui a.capture_btn:active, | |
.janrain-capture-ui a.capture_btn:focus, | |
.janrain-capture-ui button.capture_btn:active, | |
.janrain-capture-ui button.capture_btn:focus, | |
.janrain-capture-ui input.capture_btn:active, | |
.janrain-capture-ui input.capture_btn:focus, | |
.janrain-capture-ui .capture_backButton:active, | |
.janrain-capture-ui .capture_backButton:focus { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
/* | |
* Colors for primary buttons | |
*/ | |
.janrain-capture-ui .capture_primary, | |
.janrain-capture-ui a.capture_primary, | |
.janrain-capture-ui button.capture_primary, | |
.janrain-capture-ui input.capture_primary { | |
color: #fff; | |
background: linear-gradient(top, #34c5ff, #0092cd); | |
background: -moz-linear-gradient(top, #34c5ff, #0092cd); | |
background: -ms-linear-gradient(top, #34c5ff, #0092cd); | |
background: -o-linear-gradient(top, #34c5ff, #0092cd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd)); | |
background: -webkit-linear-gradient(top, #34c5ff, #0092cd); | |
background-color: #009ddc; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
} | |
.janrain-capture-ui a.capture_primary:visited, | |
.janrain-capture-ui a.capture_primary:link, | |
.janrain-capture-ui a.capture_primary:hover { | |
color: #fff; | |
} | |
/* | |
* Colors for secondary buttons | |
*/ | |
.janrain-capture-ui .capture_secondary, | |
.janrain-capture-ui a.capture_secondary, | |
.janrain-capture-ui button.capture_secondary, | |
.janrain-capture-ui input.capture_secondary { | |
text-decoration: none; | |
color: #009ddc; | |
background: linear-gradient(top, #f6f6f6, #ddd); | |
background: -moz-linear-gradient(top, #f6f6f6, #ddd); | |
background: -ms-linear-gradient(top, #f6f6f6, #ddd); | |
background: -o-linear-gradient(top, #f6f6f6, #ddd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ddd)); | |
background: -webkit-linear-gradient(top, #f6f6f6, #ddd); | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
.janrain-capture-ui a.capture_secondary:visited, | |
.janrain-capture-ui a.capture_secondary:link, | |
.janrain-capture-ui a.capture_secondary:hover { | |
color: #333; | |
} | |
/* | |
* Class for a button to take up half of it's parent container | |
*/ | |
.janrain-capture-ui .capture_btn_half, | |
.janrain-capture-ui a.capture_btn_half, | |
.janrain-capture-ui button.capture_btn_half, | |
.janrain-capture-ui input.capture_btn_half { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 48%; | |
margin: 0 1%; | |
padding-right: 5px; | |
padding-left: 5px; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* Class for a button to take up 100% of it's parent container | |
*/ | |
.janrain-capture-ui .capture_btn_full, | |
.janrain-capture-ui a.capture_btn_full, | |
.janrain-capture-ui button.capture_btn_full, | |
.janrain-capture-ui input.capture_btn_full { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
margin: 0; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* Buttons that have been clicked get replaced with a div with this class | |
*/ | |
.janrain-capture-ui .capture_processing { | |
border: none !important; | |
background-color: none; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
.janrain-capture-ui .capture_backButton { | |
background-image: none; | |
} | |
.janrain-capture-ui .capture_backButton span { | |
background-image: none; | |
line-height: inherit; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_secondary { | |
border: 1px solid #ddd; | |
border-width: 1px 1px 0 1px; | |
} | |
/*------------------------------------*\ | |
$PUBLIC/PRIVATE PROFILE TOGGLES | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_display_toggle_wrap { | |
top: 20px; | |
left: 100%; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
font-size: 12px; | |
line-height: 16px; | |
-khtml-border-radius: 4px; | |
-ms-border-radius: 4px; | |
-o-border-radius: 4px; | |
} | |
.janrain-capture-ui .capture_display_toggle:hover { | |
background-color: #f6f6f6; | |
} | |
.janrain-capture-ui .capture_display_toggle_disabled { | |
color: #ccc; | |
} | |
.janrain-capture-ui .capture_display_toggle_disabled:hover { | |
cursor: none; | |
background-color: transparent; | |
} | |
/*------------------------------------*\ | |
$ADDRESS, NAME, DATE BLOCKS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin-left: 1%; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validating, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_error, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validated { | |
position: absolute; | |
top: 10px; | |
left: 290px; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_ { | |
width: 40%; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_ { | |
width: 20%; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_ { | |
width: 38%; | |
} | |
.janrain-capture-ui .capture_dateselect_day, | |
.janrain-capture-ui .capture_dateselect_month, | |
.janrain-capture-ui .capture_dateselect_year { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin-left: 1%; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_dateselect_month { | |
width: 40%; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_dateselect_day { | |
width: 18%; | |
} | |
.janrain-capture-ui .capture_dateselect_year { | |
width: 40%; | |
} | |
.janrain-capture-ui .capture_nameBlock .capture_form_item, | |
.janrain-capture-ui .capture_addressBlock .capture_form_item { | |
min-height: 0; | |
margin-bottom: 0; | |
} | |
/*------------------------------------*\ | |
$LINKED ACCOUNT LIST | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_provider { | |
margin: 0; | |
} | |
.janrain-capture-ui .capture_provider li { | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
/* | |
* Styles the add new link differently | |
*/ | |
.janrain-capture-ui .capture_provider li.capture_linkAccount { | |
margin: 0; | |
padding: 0; | |
background-color: transparent; | |
} | |
/* | |
* positions the 'x' button | |
*/ | |
.janrain-capture-ui .capture_provider li .capture_remove { | |
position: absolute; | |
right: 0; | |
cursor: pointer; | |
} | |
/*------------------------------------*\ | |
$PHOTO MANAGER | |
\*------------------------------------*/ | |
/* | |
* Displays profile photo at a specified size. All items widths and heights below should match. | |
*/ | |
.janrain-capture-ui #profile_pic { | |
overflow: hidden; | |
height: 150px; | |
} | |
.janrain-capture-ui .capture_profile_pic { | |
width: 150px; | |
height: 150px; | |
margin: 0 auto 20px auto; | |
} | |
.janrain-capture-ui #profile_pic img { | |
width: 150px; | |
} | |
/* | |
* Displays smaller profile photo for upload screen | |
*/ | |
.janrain-capture-ui#capture_editProfile_photoManager_uploadphotoscreen .capture_profile_pic { | |
width: 100px; | |
height: 100px; | |
} | |
/* | |
* <ul> element under the displayed user/default profile photo | |
*/ | |
.janrain-capture-ui .capture_photoManager .options { | |
display: block; | |
margin-top: 10px; | |
text-align: center; | |
} | |
/* | |
* list of links to upload, edit or remove photo | |
*/ | |
.janrain-capture-ui .capture_photoManager .options li { | |
display: inline-block; | |
display: -moz-inline-box; | |
padding: 0 5px; | |
vertical-align: auto; | |
vertical-align: middle; | |
border: 1px #ccc solid; | |
border-width: 0 1px; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_photoManager .options li:first-child, | |
.janrain-capture-ui .capture_photoManager .options li:last-child { | |
border: none; | |
} | |
/* | |
* Makes upload photo modal wider to account for a large user image to crop | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#capture_editProfile_photoManager_editphotoscreen { | |
width: 740px; | |
} | |
.janrain-capture-ui .capture_uploadPhoto_container { | |
display: inline-block; | |
display: -moz-inline-box; | |
width: 250px; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
/* | |
* Remove photo popup | |
*/ | |
.janrain-capture-ui .capture_popup_container { | |
border: 1px solid #ccc; | |
background-color: #f6f6f6; | |
} | |
.janrain-capture-ui .capture_popup_container .capture_popup-arrow:after { | |
border: 1px solid #ccc; | |
background: #f6f6f6; | |
} | |
/*------------------------------------*\ | |
$SCREEN SPECIFIC | |
\*------------------------------------*/ | |
/* | |
* Adjustments for certain screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional { | |
min-height: 220px; | |
padding: 20px 0 0 0; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial { | |
min-height: 220px; | |
padding: 20px 0; | |
} | |
.janrain-capture-ui#editProfile { | |
width: auto; | |
padding: 10px; | |
background-color: transparent; | |
} | |
/* | |
* Adjustments to headings for screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn h1, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial h1, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional h1 { | |
margin: 0 0 0 20px; | |
} | |
/* | |
* Allows for the centering of Engage Widget | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_signin { | |
width: 310px; | |
margin: 0 auto; | |
} | |
.janrain-capture-ui#editProfile .capture_form_item label { | |
overflow: visible; | |
height: auto; | |
text-indent: 0; | |
text-indent: inherit; | |
} | |
.capture_editCol { | |
margin: 10px 200px 0 10px; | |
} | |
.capture_editCol.capture_editCol_tr, | |
.capture_editCol.capture_editCol_ve, | |
.capture_editCol.capture_editCol_ro { | |
margin: 10px 0 0 10px; | |
} | |
.janrain-capture-ui#returnTraditional .capture_backgroundColor { | |
padding: 25px 10px; | |
} | |
.janrain-capture-ui#returnTraditional .capture_form_item { | |
min-height: 51px; | |
margin-bottom: 0; | |
} | |
/*------------------------------------*\ | |
$MERGE ACCOUNTS | |
\*------------------------------------*/ | |
/* | |
* Makes merge account screen larger wider | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts { | |
width: 510px; | |
padding: 0 0 55px 0; | |
} | |
/* | |
* Makes merge header appear differently than standard as there's more content | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header { | |
padding-bottom: 0; | |
text-align: left; | |
color: inherit; | |
border: none; | |
background-color: #f6f6f6; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header .capture_icon_col { | |
overflow: hidden; | |
width: 25px; | |
height: 25px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header img { | |
width: 25px; | |
height: auto; | |
} | |
/* | |
* Unhides label for this screen | |
*/ | |
.janrain-capture-ui#mergeAccounts .capture_form_item label { | |
height: auto; | |
text-indent: 0; | |
text-indent: inherit; | |
text-transform: capitalize; | |
} | |
.janrain-capture-ui .capture_displayName_col { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin: 10px 0 10px 10px; | |
vertical-align: auto; | |
vertical-align: middle; | |
vertical-align: top; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_mergeCol { | |
position: relative; | |
display: inline-block; | |
display: -moz-inline-box; | |
width: 43%; | |
margin: 10px; | |
padding: 10px; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection { | |
border: 1px solid #ccc; | |
} | |
.janrain-capture-ui .capture_mergeCol .capture_popup_container .capture_popup-arrow { | |
left: 100px; | |
} | |
.janrain-capture-ui .capture_mergeCol .capture_mergeProvider, | |
.janrain-capture-ui .capture_header .capture_mergeProvider { | |
position: absolute; | |
top: 8px; | |
right: 30px; | |
} | |
.janrain-capture-ui .capture_dashed .capture_backgroundColor { | |
margin-top: 0; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col { | |
padding: 0; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_mergeProvider { | |
right: 10px; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_icon_col { | |
margin-top: 4px; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_displayName_col { | |
margin-top: 0; | |
} | |
.janrain-capture-ui .capture_mergeProvider { | |
margin-right: 5px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection { | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
width: auto; | |
margin: 20px; | |
padding: 0; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
-ms-box-sizing: content-box; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio { | |
padding: 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label { | |
margin: 0; | |
padding: 15px 15px 15px 25px; | |
font-size: 14px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_smallText { | |
display: block; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_recommended { | |
position: absolute; | |
top: 2px; | |
right: 3px; | |
text-transform: uppercase; | |
font-weight: 100; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled { | |
-webkit-border-radius: 5px 5px 0 0; | |
-moz-border-radius: 5px 5px 0 0; | |
border-radius: 5px 5px 0 0; | |
background-color: #009ddc; | |
-khtml-border-radius: 5px 5px 0 0; | |
-ms-border-radius: 5px 5px 0 0; | |
-o-border-radius: 5px 5px 0 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:first-child { | |
-webkit-border-radius: 5px 5px 0 0; | |
-moz-border-radius: 5px 5px 0 0; | |
border-radius: 5px 5px 0 0; | |
-khtml-border-radius: 5px 5px 0 0; | |
-ms-border-radius: 5px 5px 0 0; | |
-o-border-radius: 5px 5px 0 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:nth-of-type(2) { | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled label { | |
color: #fff; | |
} | |
.janrain-capture-ui .capture_hover:hover .capture_popup_container { | |
width: 100%; | |
background: linear-gradient(top, #f6f6f6, #ddd); | |
background: -moz-linear-gradient(top, #f6f6f6, #ddd); | |
background: -ms-linear-gradient(top, #f6f6f6, #ddd); | |
background: -o-linear-gradient(top, #f6f6f6, #ddd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ddd)); | |
background: -webkit-linear-gradient(top, #f6f6f6, #ddd); | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox { | |
background-image: none; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox label { | |
padding-left: 0; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox input { | |
position: static; | |
margin-right: 4px; | |
} | |
/*------------------------------------*\ | |
$PFIZER CUSTOMIZATIONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_form_item3 { | |
padding-top: 18px; | |
text-align: center; | |
} | |
.janrain-capture-ui .capture_form_item2 { | |
padding-bottom: 18px; | |
text-align: center; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/separata.gif") center bottom repeat-x; | |
} | |
.janrain-capture-ui h2.joinnow { | |
margin: 0; | |
text-align: center; | |
color: #333; | |
border: none; | |
font-size: 1.5em; | |
font-weight: normal; | |
} | |
.janrain-capture-ui p.joinnow { | |
text-align: center; | |
/*font-size: 0.85em;*/ | |
font-size: 16px; | |
} | |
.janrain-capture-ui .capture_left, | |
.janrain-capture-ui .capture_right { | |
width: 50%; | |
} | |
.janrain-capture-ui .capture_left > button { | |
float: left; | |
} | |
/* | |
* Heading styles for Capture Widget screens inside of modals. You can remove | |
* these styles if you want to use the heading styles already on your site. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h1 { | |
color: #333; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: inherit; | |
} | |
#socialRegistration .janrain-capture-ui.capture-ui-content h1 { | |
font-size: 16px; | |
} | |
/* Prevent the button label from wrapping */ | |
.janrain-provider-text-color-doccheck, | |
.janrain-provider-text-color-fimnet, | |
.janrain-provider-text-color-medikey { | |
word-wrap: normal; | |
} | |
/* | |
* Sets the font properties of the initial login dialog. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h2 { | |
text-align: center; | |
color: #333; | |
/*font-size: 1.5em;*/ | |
font-size: 18px; | |
font-weight: normal; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h3 { | |
font-size: 15px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h4 { | |
font-size: 1.385em; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h5 { | |
font-size: 1.077em; | |
} | |
/* | |
* Header styles for Capture Widget screens inside of modals. | |
* This adds the PfizerConnect logo in the header. | |
*/ | |
#janrainModal .capture_header { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
height: 50px; | |
margin-top: 0; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
padding: 0; | |
border-bottom: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/pfizer.png") center center no-repeat; | |
background-position: center; | |
-ms-box-sizing: border-box; | |
} | |
#janrainModal select, | |
#capture_editProfile_editProfileForm select { | |
line-height: 16px; | |
} | |
#janrainModal input[type=text], | |
#janrainModal input[type=password], | |
#janrainModal input[type=email], | |
#capture_editProfile_editProfileForm input[type=text], | |
#capture_editProfile_editProfileForm input[type=password], | |
#capture_editProfile_editProfileForm input[type=email], | |
#capture_editProfile_editProfileForm input[type=button], | |
#capture_editProfile_editProfileForm input[type=submit] { | |
height: 30px; | |
padding-right: 25px; | |
} | |
.janrain-capture-ui input[type=text], | |
.janrain-capture-ui input[type=email] { | |
line-height: 16px; | |
} | |
#janrainModal .kr-styles input { | |
padding-right: 10px; | |
} | |
#janrainModal .capture_signin_ar input, | |
#janrainModal .capture_backgroundColor_ar input, | |
#janrainModal .capture_forgotpassword_ar input, | |
#capture_editProfile_editProfileForm .capture_editCol_ar input { | |
word-break: normal; | |
} | |
#janrainModal input.capture_createAccountButton { | |
padding-right: 10px; | |
} | |
#janrainModal input.capture_createAccountButton, | |
#janrainModal input.capture_forgotPassword_sendButton { | |
height: auto; | |
} | |
#capture_editProfile_editProfileForm input { | |
padding-right: 29px; | |
/*height: 30px;*/ | |
} | |
/* Just for Poland */ | |
#capture_editProfile_editProfileForm input[type=radio] { | |
height: 16px; | |
} | |
/* Just for Poland */ | |
#capture_editProfile_editProfileForm input.capture_saveButton { | |
padding: 0 15px; | |
} | |
#janrainModal input#capture_changePassword_saveButton { | |
padding-right: 10px; | |
} | |
#validating div.capture_signin p { | |
width: 100%; | |
height: 256px; | |
margin-top: 0; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
padding: 0; | |
border-bottom: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/loader.gif") center center no-repeat; | |
background-position: center; | |
} | |
/* | |
* Vertically center checkbox/radio input within label wrapper | |
*/ | |
/* | |
.janrain-capture-ui .capture_checkbox .capture_input_radio, | |
.janrain-capture-ui .capture_form_collection .capture_input_radio, | |
.janrain-capture-ui .capture_checkbox .capture_input_checkbox, | |
.janrain-capture-ui .capture_form_collection .capture_input_checkbox, | |
.janrain-capture-ui .capture_radio .capture_input_radio, | |
.janrain-capture-ui .capture_radio .capture_input_checkbox { | |
top: 30%; | |
}*/ | |
/*------------------------------------*\ | |
$BUTTONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_btn, | |
.janrain-capture-ui a.capture_btn, | |
.janrain-capture-ui button.capture_btn, | |
.janrain-capture-ui input.capture_btn, | |
.janrain-capture-ui .capture_backButton { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui .capture_btn:active, | |
.janrain-capture-ui .capture_btn:focus, | |
.janrain-capture-ui a.capture_btn:active, | |
.janrain-capture-ui a.capture_btn:focus, | |
.janrain-capture-ui button.capture_btn:active, | |
.janrain-capture-ui button.capture_btn:focus, | |
.janrain-capture-ui input.capture_btn:active, | |
.janrain-capture-ui input.capture_btn:focus, | |
.janrain-capture-ui .capture_backButton:active, | |
.janrain-capture-ui .capture_backButton:focus { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
/* | |
* Colors for primary buttons | |
*/ | |
.janrain-capture-ui .capture_primary, | |
.janrain-capture-ui a.capture_primary, | |
.janrain-capture-ui button.capture_primary, | |
.janrain-capture-ui input.capture_primary { | |
text-decoration: none; | |
color: #fff; | |
background: linear-gradient(top, #025fa7, #01518f); | |
background: -moz-linear-gradient(top, #025fa7, #01518f); | |
background: -ms-linear-gradient(top, #025fa7, #01518f); | |
background: -o-linear-gradient(top, #025fa7, #01518f); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #025fa7), color-stop(100%, #01518f)); | |
background: -webkit-linear-gradient(top, #025fa7, #01518f); | |
background-color: #025fa7; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#025fa7", endColorstr="#01518f"); | |
} | |
.janrain-capture-ui a.capture_primary:visited, | |
.janrain-capture-ui a.capture_primary:link, | |
.janrain-capture-ui a.capture_primary:hover { | |
color: #fff; | |
} | |
/* | |
* Colors for secondary buttons | |
*/ | |
.janrain-capture-ui .capture_secondary, | |
.janrain-capture-ui a.capture_secondary, | |
.janrain-capture-ui button.capture_secondary, | |
.janrain-capture-ui input.capture_secondary { | |
text-decoration: none; | |
color: #fff; | |
background: linear-gradient(top, #025fa7, #01518f); | |
background: -moz-linear-gradient(top, #025fa7, #01518f); | |
background: -ms-linear-gradient(top, #025fa7, #01518f); | |
background: -o-linear-gradient(top, #025fa7, #01518f); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #025fa7), color-stop(100%, #01518f)); | |
background: -webkit-linear-gradient(top, #025fa7, #01518f); | |
background-color: #025fa7; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#025fa7", endColorstr="#01518f"); | |
} | |
.janrain-capture-ui a.capture_secondary:visited, | |
.janrain-capture-ui a.capture_secondary:link, | |
.janrain-capture-ui a.capture_secondary:hover { | |
color: #fff; | |
} | |
#capture_resetPassword_resetPassword_submitButton { | |
text-transform: capitalize; | |
} | |
/*Colombia styles START*/ | |
#forgotPassword.co-styles .capture_right input { | |
margin: 0 20px 0 6px; | |
padding: 8px; | |
font-size: 11px; | |
} | |
/*Colombia styles END*/ | |
/*Egypt styles START*/ | |
.capture_signin.capture_signin_eg .capture_text_input[type="text"], | |
.capture_signin.capture_signin_eg .capture_text_input[type="password"] { | |
position: relative; | |
overflow: hidden; | |
text-overflow: clip; | |
} | |
#resetPassword.eg-styles input[type=submit] { | |
padding-left: 25px; | |
} | |
/*Egypt styles END*/ | |
/*New Zealand styles START*/ | |
#returnTraditional.nz-styles #capture_returnTraditional_userInformationForm { | |
width: 310px; | |
margin: 0 auto; | |
} | |
#returnTraditional.nz-styles #capture_returnTraditional_userInformationForm .capture_form_item { | |
min-height: 0; | |
margin-bottom: 20px; | |
} | |
/*New Zealand styles END*/ | |
/*Wide Registration Dialog styles START*/ | |
#janrainModal #traditionalRegistration.wide700 { | |
width: 700px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content .wide700 { | |
width: 620px; | |
} | |
/*Wide Registration Dialog styles START*/ | |
/*Korea styles START*/ | |
#janrainModal #postLoginAcceptance.kr-styles, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles, | |
#janrainModal #preRegistrationAcceptance.kr-styles { | |
width: 950px; | |
padding: 20px 20px 30px; | |
font-size: 15px; | |
} | |
#janrainModal #postLoginPrivacyInformation.kr-styles > a, | |
#janrainModal #preSocialRegistrationPrivacyInformation.kr-styles > a, | |
#janrainModal #preRegistrationPrivacyInformation.kr-styles > a { | |
display: block; | |
width: 100px; | |
margin: 70px auto 0; | |
} | |
.kr-styles > ol, | |
.kr-styles > ul { | |
margin: 0; | |
} | |
#janrainModal .kr-styles ol li > ul { | |
list-style-type: disc; | |
} | |
#janrainModal .kr-styles ol li > ul > li > ul { | |
list-style-type: square; | |
} | |
#janrainModal .kr-styles h2 { | |
margin: 0 auto 5px; | |
border: 0 none; | |
font-weight: bolder; | |
} | |
#janrainModal .kr-styles strong { | |
display: inline-block; | |
margin-bottom: 15px; | |
} | |
#janrainModal .kr-styles li { | |
line-height: 18px; | |
} | |
#janrainModal .kr-styles ol, | |
#janrainModal .kr-styles ul { | |
list-style-position: inside; | |
} | |
#janrainModal .kr-styles ol > li { | |
margin-bottom: 15px; | |
} | |
#janrainModal .kr-styles ol li > ul > li { | |
margin-bottom: 10px; | |
} | |
#janrainModal .kr-styles ol li > ul > li ul { | |
margin: 5px 0 0 5px; | |
} | |
#janrainModal .kr-styles .capture_form_item label input[type="checkbox"] { | |
margin-top: -8px; | |
} | |
#janrainModal .kr-styles table thead td { | |
text-align: center; | |
color: #000; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
#janrainModal .kr-styles #table-1 ul li { | |
margin-bottom: 10px; | |
} | |
#janrainModal .kr-styles #table-1 td { | |
width: 50%; | |
} | |
#janrainModal .kr-styles #table-2 thead td { | |
background: #f58002; | |
} | |
#janrainModal .kr-styles table td { | |
padding: 3px 5px; | |
border: 1px solid #000; | |
border-collapse: collapse; | |
} | |
#janrainModal #table-2 tr td { | |
width: 14%; | |
min-width: 50px; | |
max-width: 150px; | |
word-wrap: normal; | |
font-size: 12px; | |
} | |
#janrainModal #table-2 tr td.wrap-word { | |
word-wrap: break-word; | |
} | |
#janrainModal .kr-styles table { | |
margin-top: 10px; | |
} | |
#janrainModal .kr-styles .capture_checkbox .capture_input_radio, | |
#janrainModal .kr-styles .capture_form_collection .capture_input_radio, | |
#janrainModal .kr-styles .capture_checkbox .capture_input_checkbox, | |
#janrainModal .kr-styles .capture_form_collection .capture_input_checkbox, | |
#janrainModal .kr-styles .capture_radio .capture_input_radio, | |
#janrainModal .kr-styles .capture_radio .capture_input_checkbox { | |
margin-top: -14px; | |
} | |
#janrainModal #postLoginAcceptance.kr-styles .capture_checkbox, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles .capture_checkbox, | |
#janrainModal #preRegistrationAcceptance.kr-styles .capture_checkbox { | |
border: 1px solid #00aeef; | |
} | |
#janrainModal #postLoginAcceptance.kr-styles .capture_checkbox label, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles .capture_checkbox label, | |
#janrainModal #preRegistrationAcceptance.kr-styles .capture_checkbox label { | |
font-size: 15px; | |
font-weight: bold; | |
} | |
#publicProfile.kr-styles.janrain-capture-ui.capture-ui-content { | |
width: 615px; | |
} | |
/*//////**/ | |
#janrainModal.intermediate-korea-styles { | |
top: 10px !important; | |
left: 50% !important; | |
width: auto !important; | |
height: auto !important; | |
margin-left: -430px !important; | |
} | |
#janrainModal.intermediate-korea-styles #postLoginVersioned { | |
display: inline-block !important; | |
width: auto !important; | |
padding: 0 !important; | |
border-radius: 5px !important; | |
} | |
#janrainModal.intermediate-korea-styles #postLoginVersioned form { | |
margin: 0!important; | |
} | |
/*Korea styles END*/ | |
body.page-user .main-container .row-fluid .span8 { | |
width: 100%; | |
} | |
/*France styles Start*/ | |
.capture_footer.capture_footer_france input.capture_resetPassword_submitButton.capture_btn.capture_primary { | |
padding-top: 8px; | |
padding-left: 20px; | |
} | |
/*France style END*/ | |
/*Greece style Start*/ | |
#registrationNewVerification.gr-styles .capture_signin p, | |
#forgotPasswordSuccess.gr-styles .capture_forgotpassword p { | |
text-align: justify; | |
} | |
/*Greece style END*/ | |
/*Austria styles Start*/ | |
.janrain-capture-ui.at-styles .capture_dateselect_year { | |
width: 100%; | |
margin: 0; | |
} | |
#signIn.at-styles .login_widget.capture_login_widget { | |
min-height: 30px; | |
} | |
#signIn.at-styles .capture_backgroundColor { | |
margin-top: 0; | |
} | |
/*Austria style END*/ | |
/*Wide reg form implementation*/ | |
#janrainModal #traditionalRegistration.wide, | |
#janrainModal #socialRegistration.wide { | |
width: 450px; | |
} | |
#janrainModal #traditionalRegistration.wide .capture_signin, | |
#janrainModal #socialRegistration.wide .capture_signin { | |
width: 400px; | |
} | |
/*Wide reg form implementation*/ | |
/*UK styles Start*/ | |
#editProfile.uk-styles .uk-subscribed-intro { | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.uk-styles .capture_form_item_primaryAddress_streetName2 label span { | |
font-size: 11px; | |
} | |
.uk-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
.janrain-capture-ui.uk-styles .capture_data_item .capture_data { | |
float: none; | |
width: auto; | |
} | |
/*UK style END*/ | |
/*Poland styles Start*/ | |
#editProfile.pl-styles .custom-subscribe > div { | |
font-size: 13px; | |
} | |
#editProfile.pl-styles .custom-subscribe ul { | |
margin-top: 8px; | |
list-style: none; | |
} | |
#editProfile.pl-styles .custom-subscribe ul > div { | |
padding-left: 0; | |
} | |
.janrain-capture-ui .pl-cs-bottom p { | |
margin: 0 0 6px; | |
} | |
/*Poland styles END*/ | |
/*Portugal styles Start*/ | |
.pt-styles-wrapper { | |
position: fixed !important; | |
overflow-y: scroll; | |
} | |
.pt-styles .capture_form_item.capture_form_item_acknowledgement_professional .capture_checkbox.capture_form_item_inner_acknowledgement_professional { | |
margin-bottom: 5px; | |
} | |
#traditionalRegistration.pt-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 3px; | |
} | |
/* Two columns style*/ | |
@media screen and (min-width : 750px) { | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content { | |
width: 660px; | |
} | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content .capture_signin, | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content.janrain-capture-ui-mobile .capture_signin { | |
overflow: hidden; | |
width: 100%; | |
} | |
.pt-styles { | |
text-align: justify; | |
} | |
.pt-styles .capture_form_item { | |
display: inline-block; | |
width: 47%; | |
text-align: left; | |
vertical-align: top; | |
} | |
.pt-styles .capture_form_item label { | |
height: 25px; | |
} | |
.pt-styles .capture_hidden { | |
display: none; | |
} | |
.pt-styles .capture_form_item_email { | |
margin-right: 49%; | |
} | |
.pt-styles .capture_form_item_acknowledgement_professional, | |
.pt-styles .capture_form_item_acknowledgement_consent { | |
float: left; | |
} | |
.pt-styles .capture_form_item_acknowledgement_terms { | |
float: right; | |
margin-top: -333px; | |
} | |
.pt-styles .capture_form_item_bottom_text { | |
float: left; | |
width: 47%; | |
} | |
.pt-styles .capture_form_item_traditionalRegistration_password { | |
margin-right: 32px; | |
} | |
} | |
/*Portugal style END*/ | |
/*Thailand styles Start*/ | |
#traditionalRegistration.th-styles .capture_form_item_acknowledgement_terms .capture_tip { | |
display: none; | |
} | |
/*Thailand style END*/ | |
/*Switzerland styles Start*/ | |
#socialRegistration.ch-styles .capture_header { | |
height: 75px; | |
background-position: center bottom; | |
} | |
#signIn.ch-styles .login_widget { | |
min-height: 45px; | |
} | |
#signIn.ch-styles .pnp-links { | |
text-align: center; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms div, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms span, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms label { | |
padding: 0; | |
color: transparent; | |
border: none; | |
background: none; | |
box-shadow: none; | |
font-size: 0; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms a { | |
display: inline; | |
margin: 0 5px; | |
font-size: 13px; | |
} | |
/*Switzerland style END*/ | |
/*Canada styles Start*/ | |
#traditionalRegistration.ca-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
#janrainModal .ca-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 2px; | |
} | |
/*Canada style END*/ | |
/*Netherlands styles Start*/ | |
#socialRegistration.nl-styles .capture_acknowledgement_consent, | |
#traditionalRegistration.nl-styles .capture_acknowledgement_consent { | |
top: 0; | |
margin-top: 10px; | |
} | |
#signIn.nl-styles .capture_form_item2 { | |
background-image: none; | |
} | |
/*Netherlands style END*/ | |
/*Italy styles Start*/ | |
#janrainModal .it-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 2px; | |
} | |
.it-intro > ul { | |
margin: 0; | |
margin-left: 12px; | |
padding: 0; | |
list-style: outside none disc; | |
} | |
.it-intro > ul li { | |
margin-bottom: 3px; | |
padding-left: 6px; | |
text-indent: 0; | |
} | |
/*Italy style END*/ | |
/*------------------------------------*\ | |
$END PFIZER CUSTOMIZATIONS | |
\*------------------------------------*/ | |
.select2-container .select2-choice { | |
color: #000 !important; | |
} | |
/*France styles*/ | |
#publicProfile.fr-styles p.public-add-copy, | |
#publicProfile.fr-styles p.public-add-copy-pp, | |
#publicProfile.fr-styles p.public-add-copy-tou/*, | |
#editProfile.fr-styles p.edit-add-copy, | |
#editProfile.fr-styles p.edit-add-copy-pp, | |
#editProfile.fr-styles p.edit-add-copy-tou*/ { | |
text-align: center; | |
} | |
/* IL market styles */ | |
.janrain-capture-ui#editProfile.il-styles .capture_form_item label, | |
.janrain-capture-ui#forgotPassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#resetPassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#changePassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#resetPasswordRequestCode.il-styles .capture_form_item label, | |
.janrain-capture-ui#traditionalRegistration.il-styles .capture_form_item label, | |
.janrain-capture-ui#signIn.il-styles .capture_form_item label { | |
float: right; | |
} | |
.janrain-capture-ui#editProfile.il-styles select { | |
background-position: 0 -28px; | |
} | |
.janrain-capture-ui#resetPassword.il-styles, | |
.janrain-capture-ui#changePassword.il-styles, | |
.janrain-capture-ui#resetPasswordSuccess.il-styles, | |
.janrain-capture-ui#resetPasswordRequestCodeSuccess.il-styles, | |
.janrain-capture-ui#changePasswordSuccess.il-styles, | |
.janrain-capture-ui#resetPasswordRequestCode.il-styles { | |
direction: rtl; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_item#capture_editProfile_form_item_birthday label { | |
float: none; | |
text-align: right; | |
} | |
.janrain-capture-ui#editProfile.il-styles #capture_editProfile_birthday_dateselectyear { | |
margin-left: 0; | |
} | |
.janrain-capture-ui#editProfile.il-styles #capture_editProfile_birthday_dateselectmonth { | |
margin-left: 1%; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection { | |
padding-bottom: 26px; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input { | |
position: relative; | |
top: 3px; | |
} | |
.janrain-capture-ui.de-styles .capture_form_collection #capture_editProfile_emailPermission_subscribed_true_0.capture_input_radio { | |
margin-top: -16px; | |
} | |
#dupeEmailDialog { | |
position: absolute; | |
z-index: 2002; | |
top: 20px; | |
left: 713.5px; | |
display: block; | |
padding: 20px 20px 70px 20px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #fff; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
.janrain-capture-ui#mergeAccounts.de-styles .capture_form_item label { | |
text-transform: none; | |
} | |
</script> | |
<script id="jsbin-source-javascript" type="text/javascript">//$( "div .capture_data:contains('undefined')" ).css( "text-decoration", "underline" ); | |
$( "div .capture_data:contains('undefined')" ).text( " " );</script></body> | |
</html> |
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
/*------------------------------------*\ | |
JANRAIN CAPTURE WIDGET JANRAIN.CSS | |
\*------------------------------------*/ | |
/* | |
* Janrain.css acts as a base stylesheet for the capture widget which you can | |
* extend/modify with your own theme stylesheet. | |
* | |
* Janrain.css aims to set a baseline of styling and standard coloring to elements | |
* that could appear in your capture widget. | |
* | |
* This stylesheet contains a lot of comments, please take care to read and refer to them as you build. | |
* | |
* This file is purely a dev document and is not to be used for production. For production, | |
* please only use a minified version that does not contain comments. | |
* | |
* The table of contents below maps to section titles of the same name, to jump | |
* to any section simply find $[SECTION-TITLE]. | |
* | |
* This stylesheet was originally written using SASS. If you'd like a copy of the SASS file | |
* please contact your Janrain representative. | |
* | |
*/ | |
/** | |
* | |
* MODAL SCREENS........................Styles for screens that are in a modal | |
* MODAL CLOSE CONFIRMATION.............Styles for screen that shows if there is a confirmation of closing a modal | |
* GENERAL..............................Basic styles for all screens | |
* FORM ELEMENTS........................Input, select, radio, checkbox, textarea, etc. | |
* BUTTONS..............................Button styling/coloring. | |
* DATA DISPLAYS........................Styling for public profile data | |
* | |
* PUBLIC/PRIVATE PROFILE TOGGLES.......Public/private profile toggle styling for edit profile screen | |
* ADDRESS, NAME, DATE BLOCKS...........Formatting for built in address, name and date blocks | |
* LINKED ACCOUNT LIST..................Linked account list styles | |
* PHOTO MANAGER........................Styles for displaying, uploading, cropping and removing profile photos | |
* SCREEN SPECIFIC......................Screen specific styling | |
* MERGE ACCOUNTS.......................Merge account screen styling | |
* | |
*/ | |
/*------------------------------------*\ | |
$MODAL SCREENS | |
\*------------------------------------*/ | |
/* | |
* Required to ensure Capture modals always display above any other modals | |
* specifically on Self detail sites. | |
*/ | |
#janrainModal { | |
z-index: 2001 !important; | |
} | |
/*Login attempt field*/ | |
#janrainModal .market-check-fail { | |
margin: 0 10px; | |
text-align: center; | |
} | |
/* | |
* Defines background color of all screens that appear in a modal | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content { | |
width: 400px; | |
min-height: 350px; | |
padding: 20px 20px 70px 20px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #fff; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
#janrainModal .janrain_modal_closebutton { | |
top: 10px; | |
right: 10px; | |
width: auto; | |
height: auto; | |
text-decoration: none; | |
color: #888; | |
background-color: transparent; | |
font-family: helvetica, sans-serif; | |
font-size: 12px; | |
font-weight: 100; | |
} | |
/* | |
* Heading styles for Capture Widget screens inside of modals. You can remove | |
* these styles if you want to use the heading styles already on your site. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h1 { | |
color: #333; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: inherit; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h2 { | |
font-size: 15px; | |
font-weight: bold; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h3 { | |
font-size: 15px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h4 { | |
font-size: 1.385em; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h5 { | |
font-size: 1.077em; | |
} | |
/* | |
* Header styles for Capture Widget screens inside of modals. | |
* Provides vertically centered heading and underline. | |
*/ | |
#janrainModal .capture_header { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
margin-bottom: 15px; | |
padding-bottom: 10px; | |
border-bottom: 1px solid #eee; | |
-ms-box-sizing: border-box; | |
} | |
#janrainModal .capture_header h1 { | |
margin: 0; | |
padding: 0; | |
} | |
/* | |
* Footer styles for Capture Widget screens inside of modals. | |
* Pins footer to bottom of modal, provides background color. | |
*/ | |
#janrainModal .capture_footer { | |
position: absolute; | |
z-index: 5; | |
bottom: 0; | |
left: 0; | |
zoom: 1; | |
width: 100%; | |
min-height: 35px; | |
padding: 10px 0; | |
text-align: right; | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-moz-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
-o-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
} | |
#janrainModal .capture_footer:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
.janrain-capture-ui .capture_footer .capture_btn { | |
margin: 0 20px; | |
} | |
#changePasswordSuccess .capture_footer a { | |
margin: 0 20px; | |
} | |
.argentina-registration-form .janrain-capture-ui .capture_footer .capture_btn { | |
height: 16px; | |
margin: 0 20px; | |
} | |
/* | |
* Miscellaneous user/error messages to display in a modal | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_fatal_error { | |
margin-bottom: 15px; | |
} | |
/* | |
* Adjustments to fatal error messages for screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn .capture_fatal_error, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial .capture_fatal_error, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional .capture_fatal_error { | |
margin-right: 20px; | |
margin-left: 20px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_access, | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_retrieving { | |
margin: 0 0 0 -150px; | |
padding: 0 0 0 40px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
/*------------------------------------*\ | |
$MODAL CLOSE CONFIRMATION | |
\*------------------------------------*/ | |
.janrain_close_confirm_container { | |
-webkit-border-radius: 10px; | |
-moz-border-radius: 10px; | |
border-radius: 10px; | |
font-family: helvetica, sans-serif; | |
font-size: 13px; | |
line-height: 17px; | |
-khtml-border-radius: 10px; | |
-ms-border-radius: 10px; | |
-o-border-radius: 10px; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm { | |
color: white; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm h3 { | |
margin: 0; | |
padding: 0 0 5px; | |
color: #fff; | |
text-shadow: none; | |
font-size: 1.077em; | |
font-weight: normal; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_confirm { | |
color: #fff; | |
background: linear-gradient(top, #34c5ff, #0092cd); | |
background: -moz-linear-gradient(top, #34c5ff, #0092cd); | |
background: -ms-linear-gradient(top, #34c5ff, #0092cd); | |
background: -o-linear-gradient(top, #34c5ff, #0092cd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd)); | |
background: -webkit-linear-gradient(top, #34c5ff, #0092cd); | |
background-color: #009ddc; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_cancel { | |
color: #333; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
/*------------------------------------*\ | |
$GENERAL | |
\*------------------------------------*/ | |
/* | |
* Basic screen styling. Defines font size for all content in screens | |
*/ | |
.janrain-capture-ui { | |
color: #666; | |
background-color: transparent; | |
font-family: helvetica, sans-serif; | |
font-size: 13px; | |
line-height: inherit; | |
} | |
/* | |
* Default width of an embedded screen | |
*/ | |
.janrain-capture-ui.capture-ui-content { | |
width: 600px; | |
} | |
/* | |
* Link colors. Can be removed if you want to use the link colors from your site CSS. | |
*/ | |
.janrain-capture-ui a, | |
.janrain-capture-ui a:visited, | |
.janrain-capture-ui a:link { | |
color: #009ddc; | |
} | |
.janrain-capture-ui a:hover { | |
color: #006690; | |
} | |
/* | |
* Errors that appear at the top of the screen if a fatal error has occurred | |
*/ | |
.janrain-capture-ui .capture_fatal_error { | |
color: #f58002; | |
background-image: none; | |
font-size: 12px; | |
} | |
.janrain-capture-ui .capture_fatal_error:first-letter { | |
text-transform: capitalize; | |
} | |
/* | |
* Errors that appear at the top of a form if a form error has occurred server-side | |
*/ | |
.janrain-capture-ui .capture_form_error, | |
.capture_photo_chooser_errors { | |
color: #f58002; | |
background-image: none; | |
} | |
/* | |
* Save message that appears when a profile is successfully saved. | |
*/ | |
.janrain-capture-ui .capture_save_success { | |
display: inline-block; | |
display: -moz-inline-box; | |
vertical-align: auto; | |
vertical-align: middle; | |
color: #64ae29; | |
-moz-box-orient: vertical; | |
} | |
/* | |
* Hide sections that don't apply to social accounts. | |
* These will get displayed through js if traditional acct. | |
*/ | |
.janrain-capture-ui .janrain_traditional_account_only { | |
display: none; | |
} | |
#editProfile .capture_col_4 { | |
min-width: 250px; | |
min-height: 1px; | |
} | |
/* | |
* Misc. general styling | |
*/ | |
.janrain-capture-ui .capture_dashed { | |
margin: 0 20px; | |
border: 1px #ccc dashed; | |
} | |
.janrain-capture-ui .capture_border { | |
border: 1px solid #ccc; | |
} | |
/* | |
* Secondary brand background color and how certain elements should look when placed within. | |
* Used on signin and traditional return experience to divide content area | |
*/ | |
.janrain-capture-ui .capture_backgroundColor { | |
margin-top: 20px; | |
color: #666; | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-moz-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
-o-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1) inset; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_text_input, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio, | |
.janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_backgroundColor .capture_select, | |
.janrain-capture-ui .capture_backgroundColor .capture_textarea, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio { | |
background-color: #fff; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_text_input:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_select:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_textarea:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, | |
.janrain-capture-ui .capture_backgroundColor .capture_radio:focus { | |
background-color: #fff; | |
} | |
#janrainEngageEmbed .janrainContent { | |
width: auto !important; | |
} | |
/*------------------------------------*\ | |
$FORM ELEMENTS | |
\*------------------------------------*/ | |
/* | |
* Wrapping, parent container for form items | |
*/ | |
.janrain-capture-ui .capture_form_item { | |
min-height: 0; | |
} | |
/* | |
* Labels for form items. Hidden by default but still accessible by screen readers. | |
*/ | |
.janrain-capture-ui .capture_form_item > label { | |
/*height: 0px; */ | |
overflow: hidden; | |
text-align: left; | |
color: #666; | |
font-weight: bold; | |
} | |
/* asterisk style */ | |
#capture_traditionalRegistration_registrationForm .capture_form_item span.form-required, | |
#capture_editProfile_editProfileForm .capture_form_item span.form-required, | |
#capture_socialRegistration_socialRegistrationForm .capture_form_item span.form-required, | |
#preSocialRegistrationAcceptance .capture_form_item span.form-required, | |
#preRegistrationAcceptance .capture_form_item span.form-required, | |
#postLoginAcceptance .capture_form_item span.form-required { | |
color: red; | |
font-size: 17px; | |
font-weight: bold; | |
} | |
/* asterisk style */ | |
/*=========================== this styles only for Venezuela ===========================*/ | |
/*.janrain-capture-ui .capture_signin.capture_signin_ve.capture_signin_asterisk .capture_form_item label .label_asteriks { | |
color: red; | |
font-weight: bold; | |
font-size: 17px; | |
}*/ | |
/*=========================== this styles only for Venezuela ===========================*/ | |
/* | |
* Input, select, radio, checkbox, textarea styling | |
*/ | |
.janrain-capture-ui .capture_text_input, | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio, | |
.janrain-capture-ui .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_select, | |
.janrain-capture-ui .capture_textarea { | |
margin-right: 0; | |
margin-left: 0; | |
color: #b3b3b3; | |
border: 1px solid #ccc; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
font-size: 14px; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui select.capture_select { | |
-webkit-background-size: inherit; | |
background-size: 0; | |
} | |
/*To evade defect of wrong styles */ | |
.janrain-capture-ui .login_widget { | |
overflow: hidden !important; | |
width: 100% !important; | |
min-height: 30px; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea focused styling | |
*/ | |
.janrain-capture-ui .capture_text_input:focus, | |
.janrain-capture-ui .capture_checkbox:focus, | |
.janrain-capture-ui .capture_radio:focus, | |
.janrain-capture-ui .capture_inputPlaceholder:focus, | |
.janrain-capture-ui .capture_select:focus, | |
.janrain-capture-ui .capture_textarea:focus { | |
color: #333; | |
border: 1px solid #009ddc; | |
background-color: #e2e2e2; | |
-webkit-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
-o-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0, 0, 0, 0.2) inset; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea box sizing | |
*/ | |
.janrain-capture-ui .capture_text_input, | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio, | |
.janrain-capture-ui .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_textarea, | |
.janrain-capture-ui .capture_inputPlaceholder { | |
display: inline-block; | |
display: -moz-inline-box; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
vertical-align: auto; | |
vertical-align: middle; | |
color: #333; | |
-moz-box-orient: vertical; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* IE9 specific styles. | |
* need to starts from .capture_ie9 | |
*/ | |
.capture_ie9 #capture_editProfile_editProfileForm input.capture_input_radio { | |
margin-top: -14px; | |
} | |
/* | |
* Input, select, radio, checkbox, textarea placeholder colors | |
*/ | |
.janrain-capture-ui .capture_text_input::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_checkbox::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_textarea::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_radio::-webkit-input-placeholder { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, | |
.janrain-capture-ui .capture_text_input:-ms-input-placeholder, | |
.janrain-capture-ui .capture_checkbox:-ms-input-placeholder, | |
.janrain-capture-ui .capture_radio:-ms-input-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder, | |
.janrain-capture-ui .capture_textarea:-ms-input-placeholder { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_text_input:-moz-placeholder, | |
.janrain-capture-ui .capture_checkbox:-moz-placeholder, | |
.janrain-capture-ui .capture_textarea:-moz-placeholder, | |
.janrain-capture-ui .capture_radio:-moz-placeholder, | |
.janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder { | |
color: #b3b3b3; | |
} | |
/* | |
* Select specific styling/placeholder colors | |
*/ | |
.janrain-capture-ui .capture_select { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
color: #333; | |
-ms-box-sizing: border-box; | |
} | |
.janrain-capture-ui .capture_select.capture_disabled { | |
color: #b3b3b3; | |
} | |
.janrain-capture-ui .capture_select.capture_disabled:focus { | |
color: #333; | |
} | |
/* | |
* Checkbox/radio specific styling | |
*/ | |
.janrain-capture-ui .capture_checkbox, | |
.janrain-capture-ui .capture_radio { | |
border: 0; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
.janrain-capture-ui .capture_checkbox label, | |
.janrain-capture-ui .capture_radio label { | |
display: inline-block; | |
padding: 0 25px; | |
font-size: 13px; | |
} | |
/* | |
* Vertically center checkbox/radio input within label wrapper | |
*/ | |
#capture_backgroundColor_dk #capture_returnTraditional_userInformationForm { | |
margin: 0 30px 0 30px; | |
} | |
.capture_signin.capture_signin_dk .capture_acknowledgement_consent.capture_input_checkbox, | |
.capture_signin.capture_signin_dk .capture_acknowledgement_professional.capture_input_checkbox { | |
left: 9px; | |
height: auto; | |
margin-top: -12px; | |
} | |
.janrain-capture-ui .capture_checkbox .capture_input_radio, | |
.janrain-capture-ui .capture_form_collection .capture_input_radio, | |
.janrain-capture-ui .capture_checkbox .capture_input_checkbox, | |
.janrain-capture-ui .capture_form_collection .capture_input_checkbox, | |
.janrain-capture-ui .capture_radio .capture_input_radio, | |
.janrain-capture-ui .capture_radio .capture_input_checkbox { | |
top: 50%; | |
height: auto; | |
margin-top: -8px; | |
} | |
/* | |
* Coloring of input tips based on state of wrapping container | |
*/ | |
.janrain-capture-ui .capture_form_item .capture_tip { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item.capture_focused .capture_tip { | |
width: auto; | |
min-width: 240px; | |
color: #333; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_validating { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_validated { | |
width: auto; | |
min-width: 240px; | |
color: #aaa; | |
} | |
.janrain-capture-ui .capture_form_item .capture_tip_error { | |
width: auto; | |
min-width: 240px; | |
color: #f58002; | |
} | |
.janrain-capture-ui .capture_form_item .capture_btn { | |
margin: 0; | |
} | |
/* | |
* Styling of form elements when the wrapping container has error class | |
*/ | |
.janrain-capture-ui .capture_error .capture_radio, | |
.janrain-capture-ui .capture_error .capture_checkbox, | |
.janrain-capture-ui .capture_error .capture_text_input, | |
.janrain-capture-ui .capture_error .capture_checkbox, | |
.janrain-capture-ui .capture_error .capture_radio, | |
.janrain-capture-ui .capture_error .capture_inputPlaceholder, | |
.janrain-capture-ui .capture_error .capture_select { | |
border: 1px solid #f58002!important; | |
-webkit-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
-moz-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
-o-box-shadow: 0 0 3px rgba(245, 148, 2, 0.3) inset; | |
} | |
/* | |
* Dummy input styling if a blank input looking container is needed. | |
*/ | |
.janrain-capture-ui .capture_inputPlaceholder { | |
border: 0; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
/*------------------------------------*\ | |
$DATA DISPLAYS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_data_item { | |
clear: both; | |
zoom: 1; | |
margin-bottom: 15px; | |
} | |
.janrain-capture-ui .capture_data_item:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
.janrain-capture-ui .capture_data_item label { | |
float: left; | |
width: 39%; | |
margin-right: 1%; | |
text-align: right; | |
font-weight: bold; | |
} | |
.janrain-capture-ui .capture_data_item .capture_data { | |
float: left; | |
width: 60%; | |
} | |
/* Styles for IDP buttons, all hardcoded with !important, | |
because items returns with inline styles. */ | |
#capture_signIn_login_widget #janrainContent { | |
border: 0!important; | |
} | |
#capture_signIn_login_widget #janrainContent #janrainProviderPages { | |
position: relative!important; | |
} | |
#capture_signIn_login_widget #janrainContent #janrainProviderPages .providers > li { | |
width: auto!important; | |
margin-right: 10px!important; | |
} | |
/*------------------------------------*\ | |
$BUTTONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_btn, | |
.janrain-capture-ui a.capture_btn, | |
.janrain-capture-ui button.capture_btn, | |
.janrain-capture-ui input.capture_btn, | |
.janrain-capture-ui .capture_backButton { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui .capture_btn:active, | |
.janrain-capture-ui .capture_btn:focus, | |
.janrain-capture-ui a.capture_btn:active, | |
.janrain-capture-ui a.capture_btn:focus, | |
.janrain-capture-ui button.capture_btn:active, | |
.janrain-capture-ui button.capture_btn:focus, | |
.janrain-capture-ui input.capture_btn:active, | |
.janrain-capture-ui input.capture_btn:focus, | |
.janrain-capture-ui .capture_backButton:active, | |
.janrain-capture-ui .capture_backButton:focus { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
/* | |
* Colors for primary buttons | |
*/ | |
.janrain-capture-ui .capture_primary, | |
.janrain-capture-ui a.capture_primary, | |
.janrain-capture-ui button.capture_primary, | |
.janrain-capture-ui input.capture_primary { | |
color: #fff; | |
background: linear-gradient(top, #34c5ff, #0092cd); | |
background: -moz-linear-gradient(top, #34c5ff, #0092cd); | |
background: -ms-linear-gradient(top, #34c5ff, #0092cd); | |
background: -o-linear-gradient(top, #34c5ff, #0092cd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd)); | |
background: -webkit-linear-gradient(top, #34c5ff, #0092cd); | |
background-color: #009ddc; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
} | |
.janrain-capture-ui a.capture_primary:visited, | |
.janrain-capture-ui a.capture_primary:link, | |
.janrain-capture-ui a.capture_primary:hover { | |
color: #fff; | |
} | |
/* | |
* Colors for secondary buttons | |
*/ | |
.janrain-capture-ui .capture_secondary, | |
.janrain-capture-ui a.capture_secondary, | |
.janrain-capture-ui button.capture_secondary, | |
.janrain-capture-ui input.capture_secondary { | |
text-decoration: none; | |
color: #009ddc; | |
background: linear-gradient(top, #f6f6f6, #ddd); | |
background: -moz-linear-gradient(top, #f6f6f6, #ddd); | |
background: -ms-linear-gradient(top, #f6f6f6, #ddd); | |
background: -o-linear-gradient(top, #f6f6f6, #ddd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ddd)); | |
background: -webkit-linear-gradient(top, #f6f6f6, #ddd); | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
.janrain-capture-ui a.capture_secondary:visited, | |
.janrain-capture-ui a.capture_secondary:link, | |
.janrain-capture-ui a.capture_secondary:hover { | |
color: #333; | |
} | |
/* | |
* Class for a button to take up half of it's parent container | |
*/ | |
.janrain-capture-ui .capture_btn_half, | |
.janrain-capture-ui a.capture_btn_half, | |
.janrain-capture-ui button.capture_btn_half, | |
.janrain-capture-ui input.capture_btn_half { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 48%; | |
margin: 0 1%; | |
padding-right: 5px; | |
padding-left: 5px; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* Class for a button to take up 100% of it's parent container | |
*/ | |
.janrain-capture-ui .capture_btn_full, | |
.janrain-capture-ui a.capture_btn_full, | |
.janrain-capture-ui button.capture_btn_full, | |
.janrain-capture-ui input.capture_btn_full { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
margin: 0; | |
-ms-box-sizing: border-box; | |
} | |
/* | |
* Buttons that have been clicked get replaced with a div with this class | |
*/ | |
.janrain-capture-ui .capture_processing { | |
border: none !important; | |
background-color: none; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
-o-box-shadow: none; | |
} | |
.janrain-capture-ui .capture_backButton { | |
background-image: none; | |
} | |
.janrain-capture-ui .capture_backButton span { | |
background-image: none; | |
line-height: inherit; | |
} | |
.janrain-capture-ui .capture_backgroundColor .capture_secondary { | |
border: 1px solid #ddd; | |
border-width: 1px 1px 0 1px; | |
} | |
/*------------------------------------*\ | |
$PUBLIC/PRIVATE PROFILE TOGGLES | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_display_toggle_wrap { | |
top: 20px; | |
left: 100%; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
font-size: 12px; | |
line-height: 16px; | |
-khtml-border-radius: 4px; | |
-ms-border-radius: 4px; | |
-o-border-radius: 4px; | |
} | |
.janrain-capture-ui .capture_display_toggle:hover { | |
background-color: #f6f6f6; | |
} | |
.janrain-capture-ui .capture_display_toggle_disabled { | |
color: #ccc; | |
} | |
.janrain-capture-ui .capture_display_toggle_disabled:hover { | |
cursor: none; | |
background-color: transparent; | |
} | |
/*------------------------------------*\ | |
$ADDRESS, NAME, DATE BLOCKS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin-left: 1%; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validating, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_error, | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validated { | |
position: absolute; | |
top: 10px; | |
left: 290px; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_ { | |
width: 40%; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_ { | |
width: 20%; | |
} | |
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_ { | |
width: 38%; | |
} | |
.janrain-capture-ui .capture_dateselect_day, | |
.janrain-capture-ui .capture_dateselect_month, | |
.janrain-capture-ui .capture_dateselect_year { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin-left: 1%; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_dateselect_month { | |
width: 40%; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_dateselect_day { | |
width: 18%; | |
} | |
.janrain-capture-ui .capture_dateselect_year { | |
width: 40%; | |
} | |
.janrain-capture-ui .capture_nameBlock .capture_form_item, | |
.janrain-capture-ui .capture_addressBlock .capture_form_item { | |
min-height: 0; | |
margin-bottom: 0; | |
} | |
/*------------------------------------*\ | |
$LINKED ACCOUNT LIST | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_provider { | |
margin: 0; | |
} | |
.janrain-capture-ui .capture_provider li { | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
/* | |
* Styles the add new link differently | |
*/ | |
.janrain-capture-ui .capture_provider li.capture_linkAccount { | |
margin: 0; | |
padding: 0; | |
background-color: transparent; | |
} | |
/* | |
* positions the 'x' button | |
*/ | |
.janrain-capture-ui .capture_provider li .capture_remove { | |
position: absolute; | |
right: 0; | |
cursor: pointer; | |
} | |
/*------------------------------------*\ | |
$PHOTO MANAGER | |
\*------------------------------------*/ | |
/* | |
* Displays profile photo at a specified size. All items widths and heights below should match. | |
*/ | |
.janrain-capture-ui #profile_pic { | |
overflow: hidden; | |
height: 150px; | |
} | |
.janrain-capture-ui .capture_profile_pic { | |
width: 150px; | |
height: 150px; | |
margin: 0 auto 20px auto; | |
} | |
.janrain-capture-ui #profile_pic img { | |
width: 150px; | |
} | |
/* | |
* Displays smaller profile photo for upload screen | |
*/ | |
.janrain-capture-ui#capture_editProfile_photoManager_uploadphotoscreen .capture_profile_pic { | |
width: 100px; | |
height: 100px; | |
} | |
/* | |
* <ul> element under the displayed user/default profile photo | |
*/ | |
.janrain-capture-ui .capture_photoManager .options { | |
display: block; | |
margin-top: 10px; | |
text-align: center; | |
} | |
/* | |
* list of links to upload, edit or remove photo | |
*/ | |
.janrain-capture-ui .capture_photoManager .options li { | |
display: inline-block; | |
display: -moz-inline-box; | |
padding: 0 5px; | |
vertical-align: auto; | |
vertical-align: middle; | |
border: 1px #ccc solid; | |
border-width: 0 1px; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_photoManager .options li:first-child, | |
.janrain-capture-ui .capture_photoManager .options li:last-child { | |
border: none; | |
} | |
/* | |
* Makes upload photo modal wider to account for a large user image to crop | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#capture_editProfile_photoManager_editphotoscreen { | |
width: 740px; | |
} | |
.janrain-capture-ui .capture_uploadPhoto_container { | |
display: inline-block; | |
display: -moz-inline-box; | |
width: 250px; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
/* | |
* Remove photo popup | |
*/ | |
.janrain-capture-ui .capture_popup_container { | |
border: 1px solid #ccc; | |
background-color: #f6f6f6; | |
} | |
.janrain-capture-ui .capture_popup_container .capture_popup-arrow:after { | |
border: 1px solid #ccc; | |
background: #f6f6f6; | |
} | |
/*------------------------------------*\ | |
$SCREEN SPECIFIC | |
\*------------------------------------*/ | |
/* | |
* Adjustments for certain screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional { | |
min-height: 220px; | |
padding: 20px 0 0 0; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial { | |
min-height: 220px; | |
padding: 20px 0; | |
} | |
.janrain-capture-ui#editProfile { | |
width: auto; | |
padding: 10px; | |
background-color: transparent; | |
} | |
/* | |
* Adjustments to headings for screens that don't require padding. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#signIn h1, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial h1, | |
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional h1 { | |
margin: 0 0 0 20px; | |
} | |
/* | |
* Allows for the centering of Engage Widget | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content .capture_signin { | |
width: 310px; | |
margin: 0 auto; | |
} | |
.janrain-capture-ui#editProfile .capture_form_item label { | |
overflow: visible; | |
height: auto; | |
text-indent: 0; | |
text-indent: inherit; | |
} | |
.capture_editCol { | |
margin: 10px 200px 0 10px; | |
} | |
.capture_editCol.capture_editCol_tr, | |
.capture_editCol.capture_editCol_ve, | |
.capture_editCol.capture_editCol_ro { | |
margin: 10px 0 0 10px; | |
} | |
.janrain-capture-ui#returnTraditional .capture_backgroundColor { | |
padding: 25px 10px; | |
} | |
.janrain-capture-ui#returnTraditional .capture_form_item { | |
min-height: 51px; | |
margin-bottom: 0; | |
} | |
/*------------------------------------*\ | |
$MERGE ACCOUNTS | |
\*------------------------------------*/ | |
/* | |
* Makes merge account screen larger wider | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts { | |
width: 510px; | |
padding: 0 0 55px 0; | |
} | |
/* | |
* Makes merge header appear differently than standard as there's more content | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header { | |
padding-bottom: 0; | |
text-align: left; | |
color: inherit; | |
border: none; | |
background-color: #f6f6f6; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header .capture_icon_col { | |
overflow: hidden; | |
width: 25px; | |
height: 25px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header img { | |
width: 25px; | |
height: auto; | |
} | |
/* | |
* Unhides label for this screen | |
*/ | |
.janrain-capture-ui#mergeAccounts .capture_form_item label { | |
height: auto; | |
text-indent: 0; | |
text-indent: inherit; | |
text-transform: capitalize; | |
} | |
.janrain-capture-ui .capture_displayName_col { | |
display: inline-block; | |
display: -moz-inline-box; | |
margin: 10px 0 10px 10px; | |
vertical-align: auto; | |
vertical-align: middle; | |
vertical-align: top; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_mergeCol { | |
position: relative; | |
display: inline-block; | |
display: -moz-inline-box; | |
width: 43%; | |
margin: 10px; | |
padding: 10px; | |
vertical-align: auto; | |
vertical-align: middle; | |
-moz-box-orient: vertical; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection { | |
border: 1px solid #ccc; | |
} | |
.janrain-capture-ui .capture_mergeCol .capture_popup_container .capture_popup-arrow { | |
left: 100px; | |
} | |
.janrain-capture-ui .capture_mergeCol .capture_mergeProvider, | |
.janrain-capture-ui .capture_header .capture_mergeProvider { | |
position: absolute; | |
top: 8px; | |
right: 30px; | |
} | |
.janrain-capture-ui .capture_dashed .capture_backgroundColor { | |
margin-top: 0; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col { | |
padding: 0; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_mergeProvider { | |
right: 10px; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_icon_col { | |
margin-top: 4px; | |
margin-left: 0; | |
} | |
.janrain-capture-ui .capture_mergeExisting_col .capture_displayName_col { | |
margin-top: 0; | |
} | |
.janrain-capture-ui .capture_mergeProvider { | |
margin-right: 5px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection { | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
width: auto; | |
margin: 20px; | |
padding: 0; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #f6f6f6; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
-ms-box-sizing: content-box; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio { | |
padding: 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label { | |
margin: 0; | |
padding: 15px 15px 15px 25px; | |
font-size: 14px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_smallText { | |
display: block; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_recommended { | |
position: absolute; | |
top: 2px; | |
right: 3px; | |
text-transform: uppercase; | |
font-weight: 100; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled { | |
-webkit-border-radius: 5px 5px 0 0; | |
-moz-border-radius: 5px 5px 0 0; | |
border-radius: 5px 5px 0 0; | |
background-color: #009ddc; | |
-khtml-border-radius: 5px 5px 0 0; | |
-ms-border-radius: 5px 5px 0 0; | |
-o-border-radius: 5px 5px 0 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:first-child { | |
-webkit-border-radius: 5px 5px 0 0; | |
-moz-border-radius: 5px 5px 0 0; | |
border-radius: 5px 5px 0 0; | |
-khtml-border-radius: 5px 5px 0 0; | |
-ms-border-radius: 5px 5px 0 0; | |
-o-border-radius: 5px 5px 0 0; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:nth-of-type(2) { | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
-khtml-border-radius: 0 0 5px 5px; | |
-ms-border-radius: 0 0 5px 5px; | |
-o-border-radius: 0 0 5px 5px; | |
} | |
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled label { | |
color: #fff; | |
} | |
.janrain-capture-ui .capture_hover:hover .capture_popup_container { | |
width: 100%; | |
background: linear-gradient(top, #f6f6f6, #ddd); | |
background: -moz-linear-gradient(top, #f6f6f6, #ddd); | |
background: -ms-linear-gradient(top, #f6f6f6, #ddd); | |
background: -o-linear-gradient(top, #f6f6f6, #ddd); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ddd)); | |
background: -webkit-linear-gradient(top, #f6f6f6, #ddd); | |
background-color: #f6f6f6; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox { | |
background-image: none; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox label { | |
padding-left: 0; | |
} | |
#capture_traditionalRegistration_form_item_inner_traditionalRegistration_healthCareCertCheckbox input { | |
position: static; | |
margin-right: 4px; | |
} | |
/*------------------------------------*\ | |
$PFIZER CUSTOMIZATIONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_form_item3 { | |
padding-top: 18px; | |
text-align: center; | |
} | |
.janrain-capture-ui .capture_form_item2 { | |
padding-bottom: 18px; | |
text-align: center; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/separata.gif") center bottom repeat-x; | |
} | |
.janrain-capture-ui h2.joinnow { | |
margin: 0; | |
text-align: center; | |
color: #333; | |
border: none; | |
font-size: 1.5em; | |
font-weight: normal; | |
} | |
.janrain-capture-ui p.joinnow { | |
text-align: center; | |
/*font-size: 0.85em;*/ | |
font-size: 16px; | |
} | |
.janrain-capture-ui .capture_left, | |
.janrain-capture-ui .capture_right { | |
width: 50%; | |
} | |
.janrain-capture-ui .capture_left > button { | |
float: left; | |
} | |
/* | |
* Heading styles for Capture Widget screens inside of modals. You can remove | |
* these styles if you want to use the heading styles already on your site. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h1 { | |
color: #333; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: inherit; | |
} | |
#socialRegistration .janrain-capture-ui.capture-ui-content h1 { | |
font-size: 16px; | |
} | |
/* Prevent the button label from wrapping */ | |
.janrain-provider-text-color-doccheck, | |
.janrain-provider-text-color-fimnet, | |
.janrain-provider-text-color-medikey { | |
word-wrap: normal; | |
} | |
/* | |
* Sets the font properties of the initial login dialog. | |
*/ | |
#janrainModal .janrain-capture-ui.capture-ui-content h2 { | |
text-align: center; | |
color: #333; | |
/*font-size: 1.5em;*/ | |
font-size: 18px; | |
font-weight: normal; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h3 { | |
font-size: 15px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h4 { | |
font-size: 1.385em; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content h5 { | |
font-size: 1.077em; | |
} | |
/* | |
* Header styles for Capture Widget screens inside of modals. | |
* This adds the PfizerConnect logo in the header. | |
*/ | |
#janrainModal .capture_header { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
height: 50px; | |
margin-top: 0; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
padding: 0; | |
border-bottom: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/pfizer.png") center center no-repeat; | |
background-position: center; | |
-ms-box-sizing: border-box; | |
} | |
#janrainModal select, | |
#capture_editProfile_editProfileForm select { | |
line-height: 16px; | |
} | |
#janrainModal input[type=text], | |
#janrainModal input[type=password], | |
#janrainModal input[type=email], | |
#capture_editProfile_editProfileForm input[type=text], | |
#capture_editProfile_editProfileForm input[type=password], | |
#capture_editProfile_editProfileForm input[type=email], | |
#capture_editProfile_editProfileForm input[type=button], | |
#capture_editProfile_editProfileForm input[type=submit] { | |
height: 30px; | |
padding-right: 25px; | |
} | |
.janrain-capture-ui input[type=text], | |
.janrain-capture-ui input[type=email] { | |
line-height: 16px; | |
} | |
#janrainModal .kr-styles input { | |
padding-right: 10px; | |
} | |
#janrainModal .capture_signin_ar input, | |
#janrainModal .capture_backgroundColor_ar input, | |
#janrainModal .capture_forgotpassword_ar input, | |
#capture_editProfile_editProfileForm .capture_editCol_ar input { | |
word-break: normal; | |
} | |
#janrainModal input.capture_createAccountButton { | |
padding-right: 10px; | |
} | |
#janrainModal input.capture_createAccountButton, | |
#janrainModal input.capture_forgotPassword_sendButton { | |
height: auto; | |
} | |
#capture_editProfile_editProfileForm input { | |
padding-right: 29px; | |
/*height: 30px;*/ | |
} | |
/* Just for Poland */ | |
#capture_editProfile_editProfileForm input[type=radio] { | |
height: 16px; | |
} | |
/* Just for Poland */ | |
#capture_editProfile_editProfileForm input.capture_saveButton { | |
padding: 0 15px; | |
} | |
#janrainModal input#capture_changePassword_saveButton { | |
padding-right: 10px; | |
} | |
#validating div.capture_signin p { | |
width: 100%; | |
height: 256px; | |
margin-top: 0; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
padding: 0; | |
border-bottom: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
background: url("//s3.amazonaws.com/pfe_grv/assets/loader.gif") center center no-repeat; | |
background-position: center; | |
} | |
/* | |
* Vertically center checkbox/radio input within label wrapper | |
*/ | |
/* | |
.janrain-capture-ui .capture_checkbox .capture_input_radio, | |
.janrain-capture-ui .capture_form_collection .capture_input_radio, | |
.janrain-capture-ui .capture_checkbox .capture_input_checkbox, | |
.janrain-capture-ui .capture_form_collection .capture_input_checkbox, | |
.janrain-capture-ui .capture_radio .capture_input_radio, | |
.janrain-capture-ui .capture_radio .capture_input_checkbox { | |
top: 30%; | |
}*/ | |
/*------------------------------------*\ | |
$BUTTONS | |
\*------------------------------------*/ | |
.janrain-capture-ui .capture_btn, | |
.janrain-capture-ui a.capture_btn, | |
.janrain-capture-ui button.capture_btn, | |
.janrain-capture-ui input.capture_btn, | |
.janrain-capture-ui .capture_backButton { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
font-family: helvetica, sans-serif; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset, 0 -26px 13px -13px rgba(0, 0, 0, 0.2) inset; | |
} | |
.janrain-capture-ui .capture_btn:active, | |
.janrain-capture-ui .capture_btn:focus, | |
.janrain-capture-ui a.capture_btn:active, | |
.janrain-capture-ui a.capture_btn:focus, | |
.janrain-capture-ui button.capture_btn:active, | |
.janrain-capture-ui button.capture_btn:focus, | |
.janrain-capture-ui input.capture_btn:active, | |
.janrain-capture-ui input.capture_btn:focus, | |
.janrain-capture-ui .capture_backButton:active, | |
.janrain-capture-ui .capture_backButton:focus { | |
text-decoration: none; | |
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
} | |
/* | |
* Colors for primary buttons | |
*/ | |
.janrain-capture-ui .capture_primary, | |
.janrain-capture-ui a.capture_primary, | |
.janrain-capture-ui button.capture_primary, | |
.janrain-capture-ui input.capture_primary { | |
text-decoration: none; | |
color: #fff; | |
background: linear-gradient(top, #025fa7, #01518f); | |
background: -moz-linear-gradient(top, #025fa7, #01518f); | |
background: -ms-linear-gradient(top, #025fa7, #01518f); | |
background: -o-linear-gradient(top, #025fa7, #01518f); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #025fa7), color-stop(100%, #01518f)); | |
background: -webkit-linear-gradient(top, #025fa7, #01518f); | |
background-color: #025fa7; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#025fa7", endColorstr="#01518f"); | |
} | |
.janrain-capture-ui a.capture_primary:visited, | |
.janrain-capture-ui a.capture_primary:link, | |
.janrain-capture-ui a.capture_primary:hover { | |
color: #fff; | |
} | |
/* | |
* Colors for secondary buttons | |
*/ | |
.janrain-capture-ui .capture_secondary, | |
.janrain-capture-ui a.capture_secondary, | |
.janrain-capture-ui button.capture_secondary, | |
.janrain-capture-ui input.capture_secondary { | |
text-decoration: none; | |
color: #fff; | |
background: linear-gradient(top, #025fa7, #01518f); | |
background: -moz-linear-gradient(top, #025fa7, #01518f); | |
background: -ms-linear-gradient(top, #025fa7, #01518f); | |
background: -o-linear-gradient(top, #025fa7, #01518f); | |
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #025fa7), color-stop(100%, #01518f)); | |
background: -webkit-linear-gradient(top, #025fa7, #01518f); | |
background-color: #025fa7; | |
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
text-shadow: none; | |
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.35) inset; | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#025fa7", endColorstr="#01518f"); | |
} | |
.janrain-capture-ui a.capture_secondary:visited, | |
.janrain-capture-ui a.capture_secondary:link, | |
.janrain-capture-ui a.capture_secondary:hover { | |
color: #fff; | |
} | |
#capture_resetPassword_resetPassword_submitButton { | |
text-transform: capitalize; | |
} | |
/*Colombia styles START*/ | |
#forgotPassword.co-styles .capture_right input { | |
margin: 0 20px 0 6px; | |
padding: 8px; | |
font-size: 11px; | |
} | |
/*Colombia styles END*/ | |
/*Egypt styles START*/ | |
.capture_signin.capture_signin_eg .capture_text_input[type="text"], | |
.capture_signin.capture_signin_eg .capture_text_input[type="password"] { | |
position: relative; | |
overflow: hidden; | |
text-overflow: clip; | |
} | |
#resetPassword.eg-styles input[type=submit] { | |
padding-left: 25px; | |
} | |
/*Egypt styles END*/ | |
/*New Zealand styles START*/ | |
#returnTraditional.nz-styles #capture_returnTraditional_userInformationForm { | |
width: 310px; | |
margin: 0 auto; | |
} | |
#returnTraditional.nz-styles #capture_returnTraditional_userInformationForm .capture_form_item { | |
min-height: 0; | |
margin-bottom: 20px; | |
} | |
/*New Zealand styles END*/ | |
/*Wide Registration Dialog styles START*/ | |
#janrainModal #traditionalRegistration.wide700 { | |
width: 700px; | |
} | |
#janrainModal .janrain-capture-ui.capture-ui-content .wide700 { | |
width: 620px; | |
} | |
/*Wide Registration Dialog styles START*/ | |
/*Korea styles START*/ | |
#janrainModal #postLoginAcceptance.kr-styles, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles, | |
#janrainModal #preRegistrationAcceptance.kr-styles { | |
width: 950px; | |
padding: 20px 20px 30px; | |
font-size: 15px; | |
} | |
#janrainModal #postLoginPrivacyInformation.kr-styles > a, | |
#janrainModal #preSocialRegistrationPrivacyInformation.kr-styles > a, | |
#janrainModal #preRegistrationPrivacyInformation.kr-styles > a { | |
display: block; | |
width: 100px; | |
margin: 70px auto 0; | |
} | |
.kr-styles > ol, | |
.kr-styles > ul { | |
margin: 0; | |
} | |
#janrainModal .kr-styles ol li > ul { | |
list-style-type: disc; | |
} | |
#janrainModal .kr-styles ol li > ul > li > ul { | |
list-style-type: square; | |
} | |
#janrainModal .kr-styles h2 { | |
margin: 0 auto 5px; | |
border: 0 none; | |
font-weight: bolder; | |
} | |
#janrainModal .kr-styles strong { | |
display: inline-block; | |
margin-bottom: 15px; | |
} | |
#janrainModal .kr-styles li { | |
line-height: 18px; | |
} | |
#janrainModal .kr-styles ol, | |
#janrainModal .kr-styles ul { | |
list-style-position: inside; | |
} | |
#janrainModal .kr-styles ol > li { | |
margin-bottom: 15px; | |
} | |
#janrainModal .kr-styles ol li > ul > li { | |
margin-bottom: 10px; | |
} | |
#janrainModal .kr-styles ol li > ul > li ul { | |
margin: 5px 0 0 5px; | |
} | |
#janrainModal .kr-styles .capture_form_item label input[type="checkbox"] { | |
margin-top: -8px; | |
} | |
#janrainModal .kr-styles table thead td { | |
text-align: center; | |
color: #000; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
#janrainModal .kr-styles #table-1 ul li { | |
margin-bottom: 10px; | |
} | |
#janrainModal .kr-styles #table-1 td { | |
width: 50%; | |
} | |
#janrainModal .kr-styles #table-2 thead td { | |
background: #f58002; | |
} | |
#janrainModal .kr-styles table td { | |
padding: 3px 5px; | |
border: 1px solid #000; | |
border-collapse: collapse; | |
} | |
#janrainModal #table-2 tr td { | |
width: 14%; | |
min-width: 50px; | |
max-width: 150px; | |
word-wrap: normal; | |
font-size: 12px; | |
} | |
#janrainModal #table-2 tr td.wrap-word { | |
word-wrap: break-word; | |
} | |
#janrainModal .kr-styles table { | |
margin-top: 10px; | |
} | |
#janrainModal .kr-styles .capture_checkbox .capture_input_radio, | |
#janrainModal .kr-styles .capture_form_collection .capture_input_radio, | |
#janrainModal .kr-styles .capture_checkbox .capture_input_checkbox, | |
#janrainModal .kr-styles .capture_form_collection .capture_input_checkbox, | |
#janrainModal .kr-styles .capture_radio .capture_input_radio, | |
#janrainModal .kr-styles .capture_radio .capture_input_checkbox { | |
margin-top: -14px; | |
} | |
#janrainModal #postLoginAcceptance.kr-styles .capture_checkbox, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles .capture_checkbox, | |
#janrainModal #preRegistrationAcceptance.kr-styles .capture_checkbox { | |
border: 1px solid #00aeef; | |
} | |
#janrainModal #postLoginAcceptance.kr-styles .capture_checkbox label, | |
#janrainModal #preSocialRegistrationAcceptance.kr-styles .capture_checkbox label, | |
#janrainModal #preRegistrationAcceptance.kr-styles .capture_checkbox label { | |
font-size: 15px; | |
font-weight: bold; | |
} | |
#publicProfile.kr-styles.janrain-capture-ui.capture-ui-content { | |
width: 615px; | |
} | |
/*//////**/ | |
#janrainModal.intermediate-korea-styles { | |
top: 10px !important; | |
left: 50% !important; | |
width: auto !important; | |
height: auto !important; | |
margin-left: -430px !important; | |
} | |
#janrainModal.intermediate-korea-styles #postLoginVersioned { | |
display: inline-block !important; | |
width: auto !important; | |
padding: 0 !important; | |
border-radius: 5px !important; | |
} | |
#janrainModal.intermediate-korea-styles #postLoginVersioned form { | |
margin: 0!important; | |
} | |
/*Korea styles END*/ | |
body.page-user .main-container .row-fluid .span8 { | |
width: 100%; | |
} | |
/*France styles Start*/ | |
.capture_footer.capture_footer_france input.capture_resetPassword_submitButton.capture_btn.capture_primary { | |
padding-top: 8px; | |
padding-left: 20px; | |
} | |
/*France style END*/ | |
/*Greece style Start*/ | |
#registrationNewVerification.gr-styles .capture_signin p, | |
#forgotPasswordSuccess.gr-styles .capture_forgotpassword p { | |
text-align: justify; | |
} | |
/*Greece style END*/ | |
/*Austria styles Start*/ | |
.janrain-capture-ui.at-styles .capture_dateselect_year { | |
width: 100%; | |
margin: 0; | |
} | |
#signIn.at-styles .login_widget.capture_login_widget { | |
min-height: 30px; | |
} | |
#signIn.at-styles .capture_backgroundColor { | |
margin-top: 0; | |
} | |
/*Austria style END*/ | |
/*Wide reg form implementation*/ | |
#janrainModal #traditionalRegistration.wide, | |
#janrainModal #socialRegistration.wide { | |
width: 450px; | |
} | |
#janrainModal #traditionalRegistration.wide .capture_signin, | |
#janrainModal #socialRegistration.wide .capture_signin { | |
width: 400px; | |
} | |
/*Wide reg form implementation*/ | |
/*UK styles Start*/ | |
#editProfile.uk-styles .uk-subscribed-intro { | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.uk-styles .capture_form_item_primaryAddress_streetName2 label span { | |
font-size: 11px; | |
} | |
.uk-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
.janrain-capture-ui.uk-styles .capture_data_item .capture_data { | |
float: none; | |
width: auto; | |
} | |
/*UK style END*/ | |
/*Poland styles Start*/ | |
#editProfile.pl-styles .custom-subscribe > div { | |
font-size: 13px; | |
} | |
#editProfile.pl-styles .custom-subscribe ul { | |
margin-top: 8px; | |
list-style: none; | |
} | |
#editProfile.pl-styles .custom-subscribe ul > div { | |
padding-left: 0; | |
} | |
.janrain-capture-ui .pl-cs-bottom p { | |
margin: 0 0 6px; | |
} | |
/*Poland styles END*/ | |
/*Portugal styles Start*/ | |
.pt-styles-wrapper { | |
position: fixed !important; | |
overflow-y: scroll; | |
} | |
.pt-styles .capture_form_item.capture_form_item_acknowledgement_professional .capture_checkbox.capture_form_item_inner_acknowledgement_professional { | |
margin-bottom: 5px; | |
} | |
#traditionalRegistration.pt-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 3px; | |
} | |
/* Two columns style*/ | |
@media screen and (min-width : 750px) { | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content { | |
width: 660px; | |
} | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content .capture_signin, | |
#traditionalRegistration.pt-styles.janrain-capture-ui.capture-ui-content.janrain-capture-ui-mobile .capture_signin { | |
overflow: hidden; | |
width: 100%; | |
} | |
.pt-styles { | |
text-align: justify; | |
} | |
.pt-styles .capture_form_item { | |
display: inline-block; | |
width: 47%; | |
text-align: left; | |
vertical-align: top; | |
} | |
.pt-styles .capture_form_item label { | |
height: 25px; | |
} | |
.pt-styles .capture_hidden { | |
display: none; | |
} | |
.pt-styles .capture_form_item_email { | |
margin-right: 49%; | |
} | |
.pt-styles .capture_form_item_acknowledgement_professional, | |
.pt-styles .capture_form_item_acknowledgement_consent { | |
float: left; | |
} | |
.pt-styles .capture_form_item_acknowledgement_terms { | |
float: right; | |
margin-top: -333px; | |
} | |
.pt-styles .capture_form_item_bottom_text { | |
float: left; | |
width: 47%; | |
} | |
.pt-styles .capture_form_item_traditionalRegistration_password { | |
margin-right: 32px; | |
} | |
} | |
/*Portugal style END*/ | |
/*Thailand styles Start*/ | |
#traditionalRegistration.th-styles .capture_form_item_acknowledgement_terms .capture_tip { | |
display: none; | |
} | |
/*Thailand style END*/ | |
/*Switzerland styles Start*/ | |
#socialRegistration.ch-styles .capture_header { | |
height: 75px; | |
background-position: center bottom; | |
} | |
#signIn.ch-styles .login_widget { | |
min-height: 45px; | |
} | |
#signIn.ch-styles .pnp-links { | |
text-align: center; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms div, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms span, | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms label { | |
padding: 0; | |
color: transparent; | |
border: none; | |
background: none; | |
box-shadow: none; | |
font-size: 0; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
#signIn.ch-styles .capture_form_item_acknowledgement_terms a { | |
display: inline; | |
margin: 0 5px; | |
font-size: 13px; | |
} | |
/*Switzerland style END*/ | |
/*Canada styles Start*/ | |
#traditionalRegistration.ca-styles .capture_form_item_acknowledgement_terms input { | |
display: none; | |
} | |
#janrainModal .ca-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 2px; | |
} | |
/*Canada style END*/ | |
/*Netherlands styles Start*/ | |
#socialRegistration.nl-styles .capture_acknowledgement_consent, | |
#traditionalRegistration.nl-styles .capture_acknowledgement_consent { | |
top: 0; | |
margin-top: 10px; | |
} | |
#signIn.nl-styles .capture_form_item2 { | |
background-image: none; | |
} | |
/*Netherlands style END*/ | |
/*Italy styles Start*/ | |
#janrainModal .it-styles input[type="checkbox"] { | |
top: auto; | |
margin-top: 2px; | |
} | |
.it-intro > ul { | |
margin: 0; | |
margin-left: 12px; | |
padding: 0; | |
list-style: outside none disc; | |
} | |
.it-intro > ul li { | |
margin-bottom: 3px; | |
padding-left: 6px; | |
text-indent: 0; | |
} | |
/*Italy style END*/ | |
/*------------------------------------*\ | |
$END PFIZER CUSTOMIZATIONS | |
\*------------------------------------*/ | |
.select2-container .select2-choice { | |
color: #000 !important; | |
} | |
/*France styles*/ | |
#publicProfile.fr-styles p.public-add-copy, | |
#publicProfile.fr-styles p.public-add-copy-pp, | |
#publicProfile.fr-styles p.public-add-copy-tou/*, | |
#editProfile.fr-styles p.edit-add-copy, | |
#editProfile.fr-styles p.edit-add-copy-pp, | |
#editProfile.fr-styles p.edit-add-copy-tou*/ { | |
text-align: center; | |
} | |
/* IL market styles */ | |
.janrain-capture-ui#editProfile.il-styles .capture_form_item label, | |
.janrain-capture-ui#forgotPassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#resetPassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#changePassword.il-styles .capture_form_item label, | |
.janrain-capture-ui#resetPasswordRequestCode.il-styles .capture_form_item label, | |
.janrain-capture-ui#traditionalRegistration.il-styles .capture_form_item label, | |
.janrain-capture-ui#signIn.il-styles .capture_form_item label { | |
float: right; | |
} | |
.janrain-capture-ui#editProfile.il-styles select { | |
background-position: 0 -28px; | |
} | |
.janrain-capture-ui#resetPassword.il-styles, | |
.janrain-capture-ui#changePassword.il-styles, | |
.janrain-capture-ui#resetPasswordSuccess.il-styles, | |
.janrain-capture-ui#resetPasswordRequestCodeSuccess.il-styles, | |
.janrain-capture-ui#changePasswordSuccess.il-styles, | |
.janrain-capture-ui#resetPasswordRequestCode.il-styles { | |
direction: rtl; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_item#capture_editProfile_form_item_birthday label { | |
float: none; | |
text-align: right; | |
} | |
.janrain-capture-ui#editProfile.il-styles #capture_editProfile_birthday_dateselectyear { | |
margin-left: 0; | |
} | |
.janrain-capture-ui#editProfile.il-styles #capture_editProfile_birthday_dateselectmonth { | |
margin-left: 1%; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection { | |
padding-bottom: 26px; | |
} | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input, | |
.janrain-capture-ui#editProfile.il-styles .capture_form_collection input { | |
position: relative; | |
top: 3px; | |
} | |
.janrain-capture-ui.de-styles .capture_form_collection #capture_editProfile_emailPermission_subscribed_true_0.capture_input_radio { | |
margin-top: -16px; | |
} | |
#dupeEmailDialog { | |
position: absolute; | |
z-index: 2002; | |
top: 20px; | |
left: 713.5px; | |
display: block; | |
padding: 20px 20px 70px 20px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
background-color: #fff; | |
-khtml-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
} | |
.janrain-capture-ui#mergeAccounts.de-styles .capture_form_item label { | |
text-transform: none; | |
} |
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
//$( "div .capture_data:contains('undefined')" ).css( "text-decoration", "underline" ); | |
$( "div .capture_data:contains('undefined')" ).text( " " ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment