<script type=”application/javascript”>
ujoin_pass_fonts = ”+
// —— ADD FONT LINKS ——
// Ex: ‘https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600&display=swap, https://fonts.googleapis.com/css2?family=Redressed&display=swap’
‘https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap, https://fonts.googleapis.com/css2?family=Lato&display=swap’;
// —— END FONT INSERTION ——
ujoin_pass_text = {};
// —— CHANGE FEATURE TEXT ——
// Leave empty for defaults
// Invalid tool tips
ujoin_pass_text.global_invalid_text = “”; // Global Empty Tooltip
ujoin_pass_text.nameprefix_invalid_text = “”; // Nameprefix empty tooltip
ujoin_pass_text.firstname_invalid_text = “”; // First Name empty Tooltip
ujoin_pass_text.lastname_invalid_text = “”; // Last Name empty tooltip
ujoin_pass_text.email_invalid_text = “”; // Email empty tooltip
ujoin_pass_text.address1_invalid_text = “”; // Address 1 empty tooltip
ujoin_pass_text.city_invalid_text = “”; // City empty tooltip
ujoin_pass_text.state_invalid_text = “”; // State empty tooltip
ujoin_pass_text.zip_invalid_text = “”; // Zip Code empty tooltip
// Field Text Changes
ujoin_pass_text.over_email_text = “”; // Text over email area
ujoin_pass_text.email_button_text = “”; // Email Button Text
ujoin_pass_text.phone_button_text = “”; // Phone Button Text
ujoin_pass_text.twitter_button_text = “”; // Twitter Button Text
ujoin_pass_text.nameprefix_over_text = “”; // Title over name prefix field
ujoin_pass_text.nameprefix_field_text = “”; // Name prefix field
ujoin_pass_text.name_title_text = “”; // Title over name fields
ujoin_pass_text.first_field_text = “”; // First Name Field Text
ujoin_pass_text.first_field_under_text = “”; // Text under First Name Field
ujoin_pass_text.last_field_text = “”; // Last Name Field Text
ujoin_pass_text.last_field_under_text = “”; // Text under Last Name Field
ujoin_pass_text.email_field_over_text = “”; // Over Email Field Text
ujoin_pass_text.email_field_text = “”; // Email Field Text
ujoin_pass_text.personal_title_text = “”; // Personal Field Title Text
ujoin_pass_text.above_personal_message = “”; // Above Personal Message
ujoin_pass_text.personal_field_text = “”; // Personal Field Text
ujoin_pass_text.address1_over_text = “”; // Above Address1 Field Text
ujoin_pass_text.address1_field_text = “”; // Address1 Field Text
ujoin_pass_text.address2_over_text = “”; // Above Address2 Field Text
ujoin_pass_text.address2_field_text = “”; // Address2 Field Text
ujoin_pass_text.city_over_text = “”; // Above City Field Text
ujoin_pass_text.city_field_text = “”; // City Field Text
ujoin_pass_text.state_over_text = “”; // Above State Field Text
ujoin_pass_text.state_field_text = “”; // State Field Text
ujoin_pass_text.zip_field_over_text = “”; // Over Email Field Text
ujoin_pass_text.zip_field_text = “”; // Zip Field Text
ujoin_pass_text.mobile_over_text = “”; // Above Mobile Field Text
ujoin_pass_text.mobile_field_text = “”; // Mobile Field Text
ujoin_pass_text.org_name_over_text = “”; // Above Organization Field Text
ujoin_pass_text.org_name_text = “”; // Organization Field Text
ujoin_pass_text.above_regulation_message = “”; // Above Regulation Message
ujoin_pass_text.regulation_field_text = “”; // Regulation Field Text
ujoin_pass_text.above_regulation_document_message = “”; // Above Regulation Document
ujoin_pass_text.occupation_over_text = “”; // Above Occupation field
ujoin_pass_text.occupation_field_text = “”; // Occupation field text
ujoin_pass_text.opt_in = “”; // Opt In Text
ujoin_pass_text.signer_receipt = “”; // Signer Receipt Text
ujoin_pass_text.action_title_text = “”; // Action Title Text Overwrite
ujoin_pass_text.action_body_text = “”; // Action Body Text Overwrite
ujoin_pass_text.thank_you_click_here_text = “”; // Thank you button text
ujoin_pass_text.ujoin_action_who_receives_title = “”; // Who recieves title
ujoin_pass_text.ujoin_action_who_receives = “”; // Who recieves text
// —— END TEXT CHANGES ——
ujoin_css = ”+
// —— MANAGE YOUR CUSTOM CSS BELOW ——
‘body {margin:0px; padding:0px; text-decoration:none; font-size: 20px; font-style: normal; font-family: “Roboto Condensed”, sans-serif; }’+
‘p {}’+
‘#ujoin_float_obj {display: none;}’+
// — ujoin template container
‘#ujoin_template_container { display: block; max-width: 1140px; margin: 0px auto; }’+
‘#ujoin_template_left { display: block; float: left; vertical-align: text-top; width: 49%; background-color:ffc4f5; }’+
‘#ujoin_template_right { display: block; float: right; vertical-align: text-top; background-color: #FFF; width: 40%; \
border-radius: 1.25rem; box-shadow: 0 15px 100px 0 rgba(93,107,150,.3); word-wrap: break-word; text-align: left; \
margin: 50px 10px 50px 0px; background-color:ffc4f5; padding: 30px; \
font-family: Lato, sans-serif; font-size: 1rem; font-weight: 400; color: rgba(40,49,78,.7);\
}’+
‘#ujoin_template_top { display: block; height: 100%; width: 100%; overflow: hidden; }’+
‘#ujoin_template_bottom { display: block; height: 100%; width: 100%; clear: both; }’+
// –ujoin header area–
‘#ujoin_header_div { margin: 0px auto; height:30px; overflow:hidden;}’+
‘#ujoin_header_ul {margin:0px; padding:0px;}’+
‘.ujoin_header_li {display:none;}’+
‘.ujoin_header_li.desc {display:none;}’+ // Type of Action
‘.ujoin_header_li.stats {font-weight: bold; text-transform: uppercase;}’+ // Goal / Number Users Signed
// — ujoin Goal Progress Bar
‘#ujoin_goal_container {position: relative; font-size: 20px; margin-bottom: 30px; }’+
‘#ujoin_goal_text {position: relative; width: 100%; text-align: center; padding: 2px;}’+
‘#ujoin_goal {}’+
// ujoin logo banner images
‘#ujoin_org_logo {display: block; float: left; margin-top: 25px; }’+ // Organization Logo div
‘#ujoin_org_logo_img {display: block; max-width: 100px; vertical-align: middle; }’+ // Organization Logo image
‘#ujoin_org_banner {display: none; width: 100%;}’+ // Organization Banner div
‘#ujoin_org_banner_img {display: none; width: 100%; margin: 0px auto; }’+ // Organization Banner image
‘#ujoin_org_mobile_banner {display: none; text-align: center; }’+ // Organization Mobile Banner div
‘#ujoin_org_mobile_banner_img {display: none;}’+ // Organization Mobile Banner image
‘#ujoin_letter_thankspank_outer { text-align: left; font-size: 13px; margin: 20px 0px; }’+ // thankspank outer div
‘#ujoin_letter_thankspank_inner {}’+ // thankspank outer inner
‘#ujoin_letter_thankspank_txt {}’+ // thankspank outer explaination text
‘#ujoin_letter_thankspank_default {}’+ // thankspank outer default
‘#ujoin_letter_thankspank_thank {}’+ // thankspank outer thank
‘#ujoin_letter_thankspank_spank {}’+ // thankspank outer spank
// –ujoin body area–
‘#ujoin_body_div {width: 100%;}’+
‘#ujoin_body_div_inner { margin-top: 50px; }’+
‘#ujoin_body_form_div {}’+ // Upper Title, Body, Form information area
‘#ujoin_body_summary_div {}’+ // Lower Share, Summary, Why Sign, Learn More
// — ujoin pathways
‘#ujoin_pathway_container { display:block; position: relative; width: 100%; margin-bottom: 50px; }’+
‘.pathway_container { padding: 0px !important; margin-bottom: 0px !important; border-radius: 10px; }’+
‘.pathway_inner_container { white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; }’+
‘.pathway_inner_container::-webkit-scrollbar { display: none; }’ +
‘.pathway_box { margin-top: 35px; width: 200px; height: 150px; }’+
‘.pathway_title {}’+
‘.pathway_box>.arrowBoxRight { top: 55px; }’+
‘.ujoin_pathway_prev, .ujoin_pathway_next { display: none; position: absolute; top:0px; width: 40px; background-color: rgba(0, 0, 0, .5); color:#fff; cursor: pointer; text-align: center; line-height: 50px; font-size: 30px; font-weight: bold; margin-top: 60px; border-radius: 50px; width: 50px; height: 50px; }’+
‘.ujoin_pathway_prev { display: none; left: 0px; }’+
‘.ujoin_pathway_next { display: none; right: 0px; }’+
‘.pathway_container:hover {}’+
// — ujoin bills
‘#ujoin_bill_container { display:block; position: relative; margin: 0px auto 50px auto; font-family: “lato”, sans-serif; }’+
‘.bill-data-bar { background:#fafafa; box-shadow:1px 0px 5px rgba(66, 66, 66, 0.3); z-index: 100; position: relative; clear: both; margin-bottom: 10px; }’+
‘.bill-data-expanded { display: none; }’+
‘img.legislator-photo { height: 65px; width: 55px; margin-bottom: 7px; border-radius: 30px; margin-left: -12px; }’+
‘img.party-tag { position: relative; z-index: 100; margin-right: -6px; margin-bottom: 4px; }’+
‘a.more:hover { opacity: 0.7; }’+
‘.bill-data-expansion { padding: 20px; margin: 20px 0; background: white; clear: both; overflow: hidden; }’+
‘.bill-details {}’+
‘.bd_bill_area { font-size: 15px; }’+
‘.bd_container { margin: 20px 0px; }’+
‘.bd_title { font-weight: bold; font-size: 16px; margin-bottom: 5px; }’+
‘.bd_body {}’+
‘.co-sponsors { float: left; width: 407px; margin-left: 30px; }’+
‘.bill-data-bar a.bill-data-image { }’+
‘.bill-data-bar a.timeline-image { }’+
‘.bill-data-bar #bill-timeline { display: inline-block; vertical-align: middle; }’+
‘#bill-timeline_moreless_words { display: none; }’+
‘#bill-timeline_moreless_button { display: inline-block; vertical-align: top; margin-left: 6px; margin-top: 22px; cursor: pointer; }’+
‘#billtl_text_title1 { display: inline-block; margin-top: 4px; }’+
‘#billtl_text_title2 { display: inline-block; margin-left: 10px; margin-top: 0px; padding-top: 10px; text-transform: uppercase; }’+
‘.bill_timeline_more_button_text { display: inline-block; padding: 6px 12px; border-radius: 20px; color:#fff; background-color: #333; }’+
‘.bill_timeline_less_button_text { display: none; padding: 6px 12px; border-radius: 20px; color:#fff; background-color: #333; }’+
‘#bill-timeline_face_img { height:65px; margin-top: 0px; margin-left: 6px; display:inline-block; float: left; }’+
‘@media (max-width: 1250px) {‘+
‘#ujoin_template_container { margin: 0px 20px !important; }’+
‘}’+
‘@media (max-width: 1000px) {‘+
‘#ujoin_template_container { margin: 0px 10px !important; }’+
‘ #ujoin_bill_container { width: 99% !important; }’+
‘.bill-details { width: 100%; }’+
‘.bd_bill_area { padding: 0px 6px; }’+
‘.bill-data-expansion { padding: 0px !important; width: 99% !important; overflow-x: auto; }’+
‘ .bill-data-bar #bill-timeline, #bill-timeline_moreless_words { display: none !important; }’+
‘ #bill-timeline_moreless_button { display: inline-block !important; }’+
‘ #bill-timeline_face_img { margin-top: 7px; }’+
‘#ujoin_org_logo {display: block; float: none; margin: 10px 0px 0px 0px;}’+
‘#ujoin_org_logo_img { margin: 0px auto; }’+
‘#ujoin_action_title_div { margin: 10px 0px !important; }’+
‘}’+
// ujoin video image assets
‘#action_actvideoasset_img {}’+
‘#action_actimgasset_img { width: 100%; }’+
// — ujoin embed video area
‘#ujoin_video_container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; \
box-shadow: 0 15px 100px 0 rgba(159, 159, 159, .8); background-color:#222; border-radius: 1.25rem; }’+
‘#ujoin_video_caption { display: block; position: relative; margin: 10px; text-align: center; }’+
‘#ujoin_video_container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }’+
// Action title and body
‘#ujoin_action_title_div {display:block; text-align: center; font-size: 3.25rem; font-weight: 700; color: #28314e; margin: 40px 0px 30px 0px; vertical-align: middle; }’+
‘#ujoin_action_subject_div { width: 100%; position: relative; }’+
‘#ujoin_altered_subject_text {font-size: 13px; position: absolute; top: -10px; left:0;}’+ // Subject text over editable subject field
‘#altered_subject { width: 100%; }’+ // the editable subject form field
‘#ujoin_action_salut_start {display:block; color:#606165; font-weight: bold; text-align: left;}’+ // Salutation
‘#ujoin_action_salut_start_default { display:block; font-size: 13px; }’+ // Salutation Empty
‘#ujoin_action_body_div {display:block; color:#606165; margin: 10px; }’+ // Body
‘#top_activity_contents_text_ifr {}’ +
‘#ujoin_action_salut_stop {display:block; color:#606165; font-weight: bold; text-align: left; margin-bottom: 20px; }’+ // Complimentary Close
‘#ujoin_action_salut_stop_text {margin-bottom: 20px;}’+ // Complimentary Close text
‘#ujoin_action_salut_stop_fl {}’+ // Complimentary Close signer First and Last Name
‘#ujoin_action_salut_stop_cs {}’+ // Complimentary Close signer City and State
‘#ujoin_action_salut_stop_ad {}’+ // Complimentary Close signer Address Line
// ujoin form placeholder text
‘::-webkit-input-placeholder {color:#858585; font-family: “Roboto”, “Open Sans”, Arial, sans-serif; font-size: 18px;}’+ // Chrome Opera Safari
‘::-moz-placeholder {color:#858585; font-family: “Roboto”, “Open Sans”, Arial, sans-serif; font-size: 18px; opacity: 1;}’+ // Firefox 19+
‘:-ms-input-placeholder {color:#858585; font-family: “Roboto”, “Open Sans”, Arial, sans-serif; font-size: 18px;}’+ // IE 10+
‘:-moz-placeholder {color:#858585; font-family: “Roboto”, “Open Sans”, Arial, sans-serif; font-size: 18px; opacity: 1;}’+ // Firefox 18-
// Screen Width Specific Support
‘@media (max-width: 1465px) {‘+
// ‘#first_name_outer_div {margin-right: 16px !important;}’+
// ‘#activity_user_address_1_div {margin-right: 16px !important;}’+
// ‘#activity_user_city_div {margin-right: 16px !important;}’+
// ‘#activity_user_zip_div {margin-right: 16px !important;}’+
‘}’+
‘@media (max-width: 770px) {‘+
‘.backdropdivx_close { top: 0px !important; }’+
‘}’+
‘@media (max-width: 900px) {‘+
‘#ujoin_template_left { display: block !important; width: 100% !important; box-sizing: border-box; padding: 4px; float: left !important; }’+
‘#ujoin_template_right { display: block !important; width: 100% !important; box-sizing: border-box; margin-top: 0px !important; padding: 10px 4px 20px 4px; float: left !important; box-shadow: none !important; }’+
‘}’+
‘@media (max-width: 520px) {‘+
// ‘.ujoin_form input, .ujoin_form textarea, .ujoin_form select{ width: 250px !important; }’+
// ‘#activity_user_first_name{ width:250px !important; margin-right: 0px !important; }’+
// ‘#activity_user_last_name { width:250px !important; }’+
// ‘#activity_user_opt_in_div{ width:250px !important; margin: 10px auto 20px auto !important; }’+
// ‘.ujoin_form [type=”checkbox”] { width: auto !important; }’+
‘#ujoin_float_obj {display: none !important;}’+
‘#ujoin_org_banner {display: none !important;}’+ // Organization Banner
‘#ujoin_org_mobile_banner {display: none !important;}’+ // Organization Mobile Banner
‘.backdropdivx_close { top: 10px !important; }’+
‘}’+
// iPhone Specific Support
‘@supports (-webkit-touch-callout: none) {‘+
‘.ujoin_form [type=”checkbox”] {transform: scale(0.5);}’+
‘.ujoin_form [type=”submit”] {-webkit-appearance: none;}’+
‘}’+
// ujoin form body area
‘#ujoin_form_div {max-width: 100%; margin: 0px auto; }’+
‘.ujoin_form {max-width: 100%; margin: 0px; padding: 0px;}’+
‘.ujoin_form input, .ujoin_form textarea, .ujoin_form select, .ujoin_form button, .ujoin_form [type=”checkbox”] ‘+
‘{ box-sizing: border-box; margin: 10px 0px; padding: 10px 14px; font-size: 18px; background-color:#FFFFFF; border:1px solid #e0e0eb; border-radius: 4px; ‘+
‘ font-family: “FuturaLTHeavy”, “Open Sans”, Arial, sans-serif !important; }’+
‘.ujoin_form input {}’+
‘.ujoin_form textarea {height: 100px;}’+
‘.ujoin_form select {color: #9e9e9e;}’+
‘.ujoin_form select option:not(:first-of-type) {color: #000;}’+
‘.ujoin_form [type=”checkbox”] {float:left; width:15px; height:15px; margin: 0px;}’+
‘.ujoin_form [type=”submit”] {cursor:pointer;}’+
// ujoin form fields – divs are the containing boxes for the form field
‘#nameprefix_over_text {}’+
‘#activity_user_nameprefix_div {}’+
‘#activity_user_nameprefix {display: block; width: 100%; }’+
// Name field [ outer div, name title text, first name field, first name under, last name field, last name under ]
‘#full_name_div {color:#606165;text-align:left;width: 100%;}’+
‘#name_title_text {}’+
‘#first_name_outer_div {display: inline-block; width: 49% !important; margin-right: 1%;}’+
‘#activity_user_first_name_div {}’+
‘#activity_user_first_name {width: 100% !important;}’+
‘#first_field_under_text {font-size: 11px;}’+
‘#last_name_outer_div {float: right; width: 49% !important; }’+
‘#activity_user_last_name_div {}’+
‘#activity_user_last_name {width:100% !important;}’+
‘#last_field_under_text {font-size: 11px;}’+
‘#email_field_over_text {}’+
‘#activity_user_email_div {}’+
‘#activity_user_email { width: 100%; }’+
‘#personal_title_text {}’+
‘#ujoin_above_personal_message_div {text-align:left;}’+
‘#activity_event_custom_message_div {}’+
‘#activity_event_custom_message { width: 100%; }’+
‘#address1_over_text { display: none; }’+
‘#activity_user_address_1_div {display: inline-block; width: 49% !important; margin-right: 1%;}’+
‘#activity_user_address_1 {width: 100%;}’+
‘#address2_over_text { display: none; }’+
‘#activity_user_address_2_div {float: right; width: 49% !important; }’+
‘#activity_user_address_2 {width: 100%;}’+
‘#city_over_text {}’+
‘#activity_user_city_div {display: inline-block; width: 49% !important; margin-right: 1%;}’+
‘#activity_user_city {width: 100%;}’+
‘#state_over_text { display: none; }’+
‘#activity_user_state_div {float: right; width: 49% !important; }’+
‘#activity_user_state {width: 100%;}’+
‘#zip_field_over_text { clear: both; }’+
‘#activity_user_zip_div { display: inline-block; width: 49% !important; margin-right: 1%; }’+
‘#activity_user_zip {width: 100%;}’+
‘#mobile_over_text { display: none; }’+
‘#activity_user_phone_div { float: right; width: 49% !important; }’+
‘#activity_user_phone {width: 100%;}’+
‘#occupation_over_text { display: none; }’+
‘#activity_user_occupation_div {display: inline-block; width: 100% !important;}’+
‘#activity_user_occupation {width: 100%;}’+
‘#org_name_over {}’+
‘#org_name_div {}’+
‘#activity_org_info {}’+
// Regulations
‘#ujoin_regulation_tos { padding-top: 10px; clear: both; text-align: center; }’+
‘#ujoin_regulation_tos_inner {}’+
‘#ujoin_regulation_document_id {}’+
‘#ujoin_regulation_org_div {}’+
‘#ujoin_regulation_message_title {}’+
‘#ujoin_regulation_message { width: 100%; height: 250px; }’+
‘#ujoin_regulation_div {}’+
‘#ujoin_regulation_title {}’+
‘#ujoin_regulation_document {border-radius: 10px;}’+
‘#ujoin_regulation_document_button { display: inline-block; background-color: #e8e7e6; border: 1px solid #c9c9c9; border-radius: 10px; margin: 10px; margin-left: 0px; padding: 7px 16px; cursor: pointer; font-family: “FuturaLTHeavy”, “Open Sans”, Arial, sans-serif !important; font-weight: bold; }’+
‘#ujoin_regulation_pretext { margin-top: 10px; }’+
// Video Area
‘#activity_record_video_div { font-size: 16px; letter-spacing: .5px; color:#606165; }’+ // Video Container
‘#record_video ‘+
‘{width:50%; display:inline-block; margin: 15px 0px; background-color: #fff; text-align: center; border: solid #89c625; padding: 1em 2.5em; color: #89c625; font-weight: 500; font-size: 14px; appearance: none; outline: none; line-height: 1em; border-radius: 4px; font-style: normal; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; }’+ // Video Record Link
‘#activity_user_include_video_div { margin: 10px 0px 20px 0px; opacity: .7; text-align: left; }’+
‘#activity_user_include_video_div input { margin-top: 4px; }’+
‘#activity_user_include_video_div span { color:#606165; margin-left: 10px; font-size: 13px; }’+
// Opt-In Area
‘#activity_user_opt_in_div {margin: 10px 0px; text-align:left;}’+
‘#activity_user_opt_in_div input {}’+
‘#activity_user_opt_in_div span {font-size: 13px; vertical-align: top; line-height: 15px; margin-left: 10px;}’+
// Signer Receipt Area
‘#activity_user_receipt_div {margin: 10px 0px; height: 15px; text-align:left;}’+
‘#activity_user_receipt_div input {}’+
‘#activity_user_receipt_div span {font-size: 13px; vertical-align: top; line-height: 15px; margin-left: 10px;}’+
// Action Phone Button
‘#phone-button-submit-div {width: 100%;}’+ // The containing div for the phone button
‘#phone-button-submit {display: block; width:300px; margin: 10px auto; font-weight:bold; font-size: 18px; padding: 30px 0px; border-radius:20px; background-color:#008e04; color:#fff;}’+ // The Phone Button
‘#phone-button-submit-box-script {display:none; text-align: left;}’+ // The Script your signers will read (default display:none)
‘#phone-button-submit-box { text-align: left; }’+ // The returned list of phone numbers to call
‘.phone-button-item{ display: block; min-width: 260px; border: 2px solid #02440e; border-radius: 10px; padding: 8px; background-color: #008e04; text-decoration: none; font-weight: bold; color: #FFF; margin: 10px; vertical-align:middle; }’+
‘.phone-button-item:hover{text-decoration: none;}’+
// Action Twitter Button
‘#twitter-button-submit-div {width: 100%;}’+ // The containing div for the twitter button
‘#twitter-button-submit {display: block; width:300px; margin: 10px auto; font-weight:bold; font-size: 18px; padding: 30px 0px; border-radius:20px; background-color:#0084b4; color:#fff;}’+ // The Twitter Button
‘#twitter-button-submit-box {}’+ // The returned list of twitter handles
‘#twitter-button-link {display: inline-block; text-decoration: none; font-weight: bold; border: 0px; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; overflow: hidden; margin: 0px 10px 20px 10px; padding: 8px 20px; color: #fff; background-color: #0084b4; border-radius: 8px; }’+ // Send Twitter Button once twitter recipients are found
// Action Email Button
‘#over_email_text {}’+
‘#email-button-submit-div {width: 100%; margin-top: 40px;}’+ // The containing div for Email
‘#email-button-submit {display: block; width:300px; text-transform: uppercase; margin: 10px auto; font-weight:bold; font-size: 18px; padding: 30px 0px; border-radius:20px; background-color:#2b2e30; color:#fff; border: 0px solid #718639; }’+ // The Email Button
// Error and Notice responces
‘#ujoin_iframe_ajax_response {display:none;}’+
// –ujoin summary area–
‘.widgets-social { margin: 20px 0px; }’+ // Share Widget Container
‘.widgets-social-inner { text-align: left !important; }’+
‘.st_twitter_hcount {}’+ // Twitter Share Button
‘.st_facebook_hcount {}’+ // Facebook Share Button
‘.st_email_hcount {}’+ // Email Share Button
‘.stMainServices { border-radius: 20px !important; }’+ // Share services
‘.st-twitter-counter {}’+
// Summary
‘#ujoin_action_summary_container {margin: 30px 0px 50px 0px; }’+
‘#ujoin_action_summary_container a { color: inherit; }’+
‘#ujoin_action_summary_title {display:none;}’+
‘#ujoin_action_summary {display:block; text-align: left; font-family: Lato, sans-serif; font-size: 1.2rem; font-weight: 400; color: rgba(40,49,78,0.9); overflow-wrap:break-word;}’+
// Who receives
‘#ujoin_action_who_receives_title {display:block; margin-top: 50px; margin-bottom: 15px; font-style: normal; font-family: “Roboto Condensed”, sans-serif; font-size: 20px; color: #28314e;}’+
‘#ujoin_action_who_receives {display:block; font-family: Lato, sans-serif; font-size: 1rem; font-weight: 400; color: rgba(40,49,78,0.9); }’+
‘#ujoin_action_who_receives p {margin: 5px;}’+
‘#ujoin_action_who_receives_location {}’+
‘#ujoin_action_who_receives_designated { max-height: 650px; overflow-y: auto; overflow-x: none; }’+
// Why Sign
‘#ujoin_action_why_sign_title {display:none; font-size:24px; font-weight:bold;}’+
‘#ujoin_action_why_sign {display:none;}’+
‘#ujoin_action_why_sign li {display:none;}’+
// Learn More
‘#ujoin_learn_more_div {display:none;}’+
‘#ujoin_learn_more_div>a {display:none;}’+
// Powerd by Ujoin
‘#ujoin_powered_by_div {margin: 30px 0px; float: right; padding: 5px 10px 5px 10px; background-color: #FFF; color:#000; border: 1px solid #b0b0b0; border-radius: 20px; width: 125px; }’+
‘#ujoin_powered_by_div span {font-size: 12px; font-family: “Roboto”, sans-serif;}’+
‘#ujoin_powered_by_div img {width:50px;}’+
// Response Message
‘#backdropdivx {display: none; position: absolute; width: 100% !important; height: 100% !important; overflow: auto; top: 0; left: 0; right: 0; bottom: 0; color: #000; font-size: 4vw !important; text-align: center; background-color: rgba(222, 223, 255, 0.5) !important; }’+
‘#backdropdivx_inner { position: absolute; top: 50%; left: 50%; border-radius: 20px; padding: 10px; width: 94%; background-color:#fff; transform: translate(-50%,-50%); box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.46); -webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.46); }’+ // Thank You pop-up inner container
‘#backdropdivx .stLarge { height: 50px; width: 50px; border-radius: 20px; background-position: 0px !important; }’+ // Thank You title area
‘#backdropdivx_title {}’+ // Thank You title area
‘#backdropdivx_recipents {}’+ // Thank You recipient area
‘#backdropdivx_share {}’+
‘.backdropdivx_close {display:block; position: absolute; top: -10px; right: 10px !important; font-size: 5vw !important; color:#777; cursor: pointer; }’+ // Background Close Button
‘.backdropdivx_close:hover { color: red; }’+
‘#ujoin_action_sent_to {}’+
‘#ujoin_action_sent_to_list {}’+
‘#ujoin_action_thanking_message {}’+
// Response Message Button if you include an https link
‘.custom_message_click_here {}’+
‘.ujoin_thank_you_close_button {}’+
// Custom Fields
‘#signor_custom_output_div {}’+ // The full custom field area container
‘.custom_field_insert_wrapper { padding: 10px 0px; margin: 10px 0px; }’+ // Individual custom field area wrapper
‘.custom_field_insert_title { text-align: left; }’+ // The custom field title
‘.custom_field_insert_body { text-align: left; margin: 10px 0px; }’+ // The custom field wrapper
‘.custom_field_insert { width: 100%; }’+ // The custom field
// Target individual custom titles and items by changing the last number in the following array elements, starting at 0.
// ‘.custom_field_array_title_0 {}’+
// ‘.custom_field_array_0 {}’+
// You can use input selectors to manage input types in the custom body
‘.custom_field_insert_body input[type=”text”] {}’+
‘.custom_field_insert_body input[type=”checkbox”] { display:inline-block; margin: 0px 0px 0px 15px; width: 15px; float: none; }’+
‘.custom_field_insert_body input[type=”checkbox”]:checked {}’+
‘.custom_field_insert_body input[type=”radio”] { display:inline-block; margin: 0px 0px 0px 15px; width: 15px; float: none; }’+
// Style the individual selection options
‘.custom_field_div_wrapper {display: block;}’+
‘.custom_field_div_wrapper_text {}’+
‘.custom_field_div_wrapper_radio {}’+
‘.custom_field_div_wrapper_checkbox {}’+
‘.custom_field_div_wrapper_language {display: inline-block; width: 88%; vertical-align: top;}’+
// —— DO NOT EDIT BELOW THIS LINE ——
”;
window.addEventListener(‘message’, (event) => { if( event.origin.toLowerCase() === ‘https://ujoin.co’ || event.origin.toLowerCase() === ‘https://stage.ujoin.co’ ){ document.getElementById(“UJOINIFRAME”).style.height = parseInt(event.data) + ‘px’; } }, false);
function onUjoinLoad(e){ e.contentWindow.postMessage(‘sh’, ‘*’); e.contentWindow.postMessage(‘ujc’+ujoin_css, ‘*’); e.contentWindow.postMessage(‘sfo’+ujoin_pass_fonts, ‘*’); e.contentWindow.postMessage(‘sft’+JSON.stringify(ujoin_pass_text), ‘*’); e.contentWindow.postMessage(‘sturl’+encodeURIComponent(document.URL), ‘*’); }
var viewPortTag=document.createElement(‘meta’);viewPortTag.id=”viewport”;viewPortTag.name=”viewport”;viewPortTag.content=”width=device-width, initial-scale=1.0″;document.getElementsByTagName(‘head’)[0].appendChild(viewPortTag);
</script>
<iframe id=”UJOINIFRAME” src=’https://ujoin.co/actions/7184/iframe_widget?t=x&’ width=’100%’ height=’100%’ scrolling=”no” onload=”onUjoinLoad(this)” allow=”camera;microphone” style=’border:none; overflow:hidden; -webkit-overflow-scrolling: touch;’></iframe>