myCadmium

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>myCadmium</title> <meta charset="utf-8" /> <link rel="shortcut icon" href="/favicon.ico" />  <link type="text/css" rel="stylesheet" href="/includes/css/colorbox.css" /> <link type="text/css" rel="stylesheet" href="/conferenceportal3/includes/css/fonts.css" /> <link type="text/css" rel="stylesheet" href="/conferenceportal3/includes/css/main.css" />  <script src="https://code.jquery.com/jquery-2.1.4.min.js" integrity="sha256-8WqyJLuWKRBVhxXIL1jBDD7SDxU936oZkCnxQbWwJVw=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js" integrity="sha256-SOuLUArmo4YXtXONKz+uxIGSKneCJG4x0nVcA0pFzV0=" crossorigin="anonymous"></script> <script type='text/javascript' src='/conferenceportal3/includes/js/jquery.colorbox-min.js'></script> <script src="https://www.google.com/recaptcha/api.js"></script>   <style type="text/css"> * { padding: 0; margin: 0; } .submit{ background: #262A37; display: inline-block; padding: 8px 16px; color: #ffffff; text-decoration: none; line-height: 1; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3); text-shadow: 0 1px 1px #222; */ border-bottom: 1px solid rgba(0, 0, 0, 0.20); position: relative; cursor: pointer; font-size: 13px; top:2px; } .submit:hover{ background: #" & _"; } .footericon { font-size: 30px; position: relative; top: 7px; margin-right: 10px; } .footericon:hover { color: #EFDF4F; } .footerIconSmall { font-size: 18px; position: relative; top: 2px; margin-right: 5px; margin-left: 20px; } #stickyfooter a:hover { color: #EFDF4F; } .style31 {color: #FFFFFF} .style32 {color: #dd0000} a:link { color: #0083bd; text-decoration: none; } a:hover {text-decoration:underline;} body {font-size:13px;} #wrapper { margin: 0 auto 0 auto; width:960px; } .wrapper { margin: 0 auto 0 auto; width:960px; display:block; } .headwrapper { margin: 0 auto 0 auto; width:100%; } #form p{ color: #ffffff; padding-right: 0; left: 184px; font-size: 13px; } #content { width: 960px; color: #ffffff; background: #fff url(/images/eventscribe-login-background.svg) no-repeat top center; background-size: auto 100%; height: 689px; margin:65px 0; display:block; } #form{ margin: 0 auto; width: 447px; position: relative; color:#333333; top: 15px; } #month-info{ position:absolute; top:525px; left:346px; text-align: center; color: #5993C4; font-size: 18px; text-shadow: 0 0px 0px #000000; } #month-info h2{ color: #5993C4; font-size: 22px; margin-bottom: 5px; letter-spacing: 0px; } #month-info p { margin-bottom: 5px; color: #5993C4; } #month-info a { color: #5993C4; font-family:"OpenSansSemibold", Helvetica, Arial, sans-serif; font-weight:normal; } #header { position: fixed; z-index: 2000; width: 100%; margin: 0 auto; top:0; background: #563D7D; background: -moz-linear-gradient(top, #563D7D 0%, #563D7D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#563D7D), color-stop(100%,#563D7D)); background: -webkit-linear-gradient(top, #563D7D 0%,#563D7D 100%); background: -o-linear-gradient(top, #563D7D 0%,#563D7D 100%); background: -ms-linear-gradient(top, #563D7D 0%,#563D7D 100%); background: linear-gradient(to bottom, #563D7D 0%,#563D7D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#563D7D', endColorstr='#563D7D',GradientType=0 ); height: 40px; line-height: 40px; left: 0; } #headerMessage { color: #FFFFFF; font-family: 'OpenSansLight', Arial, Helvetica, sans-serif; font-size: 16px; text-align:center; } #header ul { padding:0; margin: 0; overflow:hidden; list-style: none; } #header a { color:#FFFFFF; text-decoration:underline; height: 40px; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; } #header li { display:inline; letter-spacing:1px; line-height:40px; } #header li a { display:block; float:left; text-decoration:none; color:white; padding:0 10px; font-size:14px; } #header li a:hover{ background: black; background: -moz-linear-gradient(100% 6% 270deg,#303030, #171717); } #header li a.active{ background: black; background: -moz-linear-gradient(100% 6% 270deg,#303030, #171717); } #user {float: left;} #user li a {outline: none;} #support {float: right;} .panel-header { background:#1280C8; margin: 0; padding:0; height:40px; line-height:40px; font-size:15px; color: white; text-align:center; position:absolute; top:0; left:0; width:100%; } .panel-header h3{ padding:0; margin:0; margin-left:10px; } .box{ clear:right; margin-bottom:30px; } #CPUserEmail {width:200px;} #CPUserPassword {width:140px;} .hotlink{ position: absolute; display: block; width: 50px; height: 50px; top: 266px; left: 568px; } .footerleft { width: 300px; float: left; line-height: 0; margin-top: 4px; } .footerright { width: 600px; float: right; text-align: right; } #stickyfooter { color: #FFFFFF; font-family: 'OpenSansLight', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 54px; } #stickyfooter a { color: #FFFFFF; } #stickyfooter a:hover { text-decoration: none; } .imageAlign {text-align:center;} .qrImage { box-shadow:8px 8px 5px #222; } .imageText { color:#FFF; font-size:16px; margin-bottom:10px; } /* CLASSES FOR THE VALIDATOR */ .LoginStandard { color:#444444; border:1px solid #CCCCCC; vertical-align:middle; font-size:14px; width: 210px; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); */ } .LoginStandardPassword { color:#444444; border:1px solid #CCCCCC; vertical-align:middle; font-size:14px; width: 150px; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); */ } .LoginStandardUnused { color:#aaaaaa; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; vertical-align:middle; border: 1px solid #999999; width: 210px; vertical-align:middle; font-size:14px; width: 180px; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); } .LoginStandardPasswordUnused { color:#aaaaaa; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; vertical-align:middle; border: 1px solid #999999; letter-spacing: 0; width: 180px; vertical-align:middle; font-size:14px; width: 150px; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); } .LoginStandardPassedover { color:#aaaaaa; background-color:#FFF; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; border: 1px solid #999999; vertical-align:middle; padding: 6px; color: darkGray; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); width: 180px; } .LoginStandardActive{ color:#444444; background-color:#ffffff; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; width: 180px; vertical-align:middle; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); border: 1px solid #999999; } .LoginStandardPasswordActive{ color:#444444; background-color:#ffffff; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; width: 180px; border: 1px solid #999999; vertical-align:middle; text-transform:uppercase; letter-spacing:3px; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); } .LoginStandardPassedoverPassword { color:#aaaaaa; background-color:#FFF; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; border:1px solid #CCCCCC; vertical-align:middle; line-height:1.7em; font-size:14px; text-transform:uppercase; letter-spacing:3px; padding: 6px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 15px 3px rgba(255, 255, 255, 1); } .InputStandardDropdown{ color:#444444; background-color:#ffffff; font-family:Lucida Grande, Geneva, Helvetica, sans-serif; border:1px solid #CCCCCC; height:18px; padding:0px; vertical-align:middle; line-height:1.7em; font-size:11px; margin-right:1px; width: 180px; } </style> <script type="text/javascript"> function toggleFormFieldBlur(objElement,objValue) { if(objElement.value==''){ objElement.value=objValue; objElement.className='LoginStandardPassedover';} else objElement.className='LoginStandard'; } function toggleFormFieldBlurNR(objElement,objValue) { if(objElement.value==''){ objElement.value=objValue; objElement.className='LoginStandardUnused';} else objElement.className='LoginStandard'; } function toggleFormFieldBlurDropdown(objElement,objValue) { if(objElement.value==objValue){ objElement.className='LoginStandardPassedoverDropdown';} else objElement.className='LoginStandardDropdown'; } function toggleFormFieldFocus(objElement,objValue) { if(objElement.value==objValue){ objElement.value=''; objElement.className='LoginStandardActive';} else objElement.className='LoginStandardActive'; } function toggleFormFieldEmpty(objElement,objValue) { if(objElement.value==objValue){ objElement.value=''; objElement.className='LoginStandardActive';} else objElement.className='LoginStandardActive'; } function toggleFormFieldBlurPassword(objElement,objValue) { if(objElement.value==''){ objElement.value=objValue; objElement.className='LoginStandardPassedover';} else objElement.className='LoginStandardPassword'; } function toggleFormFieldBlurNRPassword(objElement,objValue) { if(objElement.value==''){ objElement.value=objValue; objElement.className='LoginStandardUnused';} else objElement.className='LoginStandardPassword'; } function toggleFormFieldFocusPassword(objElement,objValue) { if(objElement.value==objValue){ objElement.value=''; objElement.className='LoginStandardPasswordActive';} else objElement.className='LoginStandardPasswordActive'; } function toggleFormFieldEmptyPassword(objElement,objValue) { if(objElement.value==objValue){ objElement.value=''; objElement.className='LoginStandardPasswordActive';} else objElement.className='LoginStandardPasswordActive'; } function toggleFormFieldBlurPasswordStart(objElement,objValue) //we run this function at the start so it formats the access key field based on if there is an access key or not { if(objElement.value==''){ objElement.value=objValue; objElement.className='LoginStandardPassedoverPassword';} else objElement.className='LoginStandardPassword'; } </script> <script type="text/javascript"> $(document).ready(function(){ $(function() { var UserPassword = ""; // we focus and then blur this field so that the javascript function is tripped so that the field formats based on the content (or lack of) formats correctly if(UserPassword.value=='Access Key'){ UserPassword.value='Access Key'; UserPassword.className='LoginStandardUnused';} else if(UserPassword.value=='ACCESS KEY'){ UserPassword.value='Access Key'; UserPassword.className='LoginStandardUnused';} else{ UserPassword.className='LoginStandardPassword';} }); }); //END READY </script> </head> <body> <div id="header"> <div class="headwrapper"> <div id="headerMessage"> <style type="text/css"> #banner { background: #3881FF; font-family:'OpenSansRegular', Arial, Helvetica, sans-serif; line-height: 40px; height: 40px; color: #FFFFFF; text-align: center; width: 100%; top:100px; font-size:14px; } #banner a { color: #FFFFFF; text-decoration: underline } </style> <div id="banner"> <div class="fullwrapper">Did you know that audio from your event can be synced with presentation slides inside the eventScribe App? </div> </div> </div> </div> </div>  <div id="wrapper">  <div id="content" style="position:relative"> <div id="form"> <form method="POST" action="/conferenceportal3/login/LoginProcSec.asp" id="FormLogin" name="FormLogin"> <input type="hidden" name="BoomerangID" id="BoomerangID" value=""> <input type="hidden" name="Target" id="Target" value=""> <input type="hidden" name="theID" id="theID" value=""> <input name="LoginSource" type="hidden" id="LoginSource" value=""> <input type="text" id="CPUserEmail" class="LoginStandard" name="CPUserEmail" style="margin-right: 3px;" value="" placeholder = "Email Address" size="20" maxlength="150" autocorrect="off" autocapitalize="off" autofocus /> <input type="password" id="CPUserPassword" class="LoginStandardPassword" name="CPUserPassword" style="margin-right: 3px;" value="" placeholder = "Password" size="25" maxlength="18" spellcheck="false" autocorrect="off" /> <input name="submit" class="submit" type="submit" value="Login"> <p style="margin-top: 10px; color:#FFFFFF;"> Forgot your password? <a style="color:#FFFFFF;" href="/conferenceportal3/login/ResetPassword.asp"><u>Click here to reset it</u></a> </p> </form> </div>  </div>  <div class="imageAlign" style="margin-bottom:100px;"> <div class="imageText" >Scan this code to login on your mobile device!</div> <img class="qrImage" src="/images/login.png" alt="Login using your mobile app!" width="248" /> </div> </div>  <div id="stickyfooter"> <div class="wrapper clearfix"> <div class="footerleft"> <a href="http://www.GoCadmium.com" target='_blank' class="btn-slide2 tech slide"> <span aria-hidden="true" class="icon-info-2 footericon"></span> </a> <a href="https://twitter.com/gocadmium" target="_blank"> <span aria-hidden="true" class="icon-twitter footericon"></span> </a> <a href="https://www.linkedin.com/company/gocadmium" target="_blank"> <span aria-hidden="true" class="icon-linkedin footericon"></span> </a> </div> <div class="footerright"> <a href="mailto:info@GoCadmium.com"> <span aria-hidden="true" class="icon-mail footerIconSmall"></span>info@GoCadmium.com </a> <span aria-hidden="true" class="icon-phone footerIconSmall"></span>Tel 410.638.9239 </div> </div> </div>  <script type="text/javascript"> // the following code handles rendering the reCAPTCHA widget // initialize the following variables accordingly: // emailElem to the email input field, // employeeFlag to 0 if the login page is not for Cadmium employees or 1 if it's for non-Cadmium employees // appendAfter should be the element that the widget should be appended after, typically the submit button var emailElem = document.getElementById('CPUserEmail'); var employeeFlag = 0; var appendAfter = $(".submit") const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; emailElem.addEventListener('input', onEmailInputPaste); emailElem.addEventListener('paste', onEmailInputPaste); function onEmailInputPaste(e) { var userEmail = e.target.value; var emailCheck = emailRegex.test(userEmail); if (emailCheck && $('#reCAPTCHAElem').length == 0) { $.ajax({ url: '/ajaxcalls/reCAPTCHACheck.asp', type: 'POST', data: { employeeFlag: employeeFlag, userEmail: userEmail }, success: function (data) { if (data == 'True') { reCAPTCHARender(); } } }); }; } emailElem.dispatchEvent(new Event('input')); function reCAPTCHARender() { appendAfter.after('<div style="margin-top: 15px;" id="reCAPTCHAElem"></div>') grecaptcha.render('reCAPTCHAElem', { 'sitekey': '6LcQ8KsiAAAAABON5D_4mn_7odz2xqfy3kKfrd4r' }); } </script> </body>

CINXE.COM

myCadmium