|
Description:
|
|
How encryption hides all around us, how it was used in 18th century Paris to separate merchants from their money and the difference between your brain and your fingertip. Listen, decode, and decide: Can encryption save us? Stay updated on all things Codebreaker. /* RESET */ .elq-form * { margin: 0; padding: 0; } .elq-form input, textarea { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .elq-form button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* GENERIC */.elq-form input { height: 16px; line-height: 16px; } .elq-form .item-padding { padding:6px 5px 9px 9px; } .elq-form .pp-group { padding:0px 5px 0px 9px; } .elq-form .pp-field { padding:6px 0px 9px 0px; } .elq-form .field-wrapper.individual { float: left; width: 100%; clear: both; } .elq-form .field-p { position: relative; margin: 0; padding: 0; } .elq-form .zIndex-fix { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .elq-form .field-design { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; margin:0; padding:0; } .elq-form .no-fields-prompt { float: left; width: 100%; height: 150px; padding-top: 50px; clear: both; } /* SECTION BREAKS */.elq-form .section-break { float:left; width: 97%; margin-right:2%; margin-left:1%; padding-bottom:6px; } .elq-form .section-break .heading { width:100%; font-weight: bold; margin:0; padding:0; } /* LABEL */.elq-form .required { color: red !important; display: inline; float: none; font-weight: bold; margin: 0pt 0pt 0pt; padding: 0pt 0pt 0pt; } /* FIELD GROUP */.elq-form .field-group { float: left; clear: both; } .elq-form .field-group.large { width:100%; } .elq-form .field-group.medium { width:51%; } .elq-form .field-group.small { width:31%; } .elq-form .field-group .label { float:left; width:97%; margin-right:2%; margin-left:1%; padding-bottom:6px; font-weight: bold; } .elq-form .field-group .field-style { float: left; } .elq-form .progressive-profile .pp-inner { float: left; clear: both; } .elq-form .progressive-profile .pp-inner.large { width:100%; } .elq-form .progressive-profile .pp-inner.medium { width:51%; } .elq-form .progressive-profile .pp-inner.small { width:31%; } /* RADIO */.elq-form .radio-option { display: inline-block; } .elq-form .radio-option .label { display:block; float:left; padding-right:10px; padding-left:22px; text-indent:-22px; } .elq-form .radio-option .input { vertical-align:middle; margin-right:7px; } .elq-form .radio-option .inner { vertical-align:middle; } /* CHECKBOX */.elq-form .checkbox-span { display:inline-block; } .elq-form .checkbox-label { margin-left:4px; } /* INPUT */.elq-form .accept-default { width:100%; } /* SIZING */.elq-form .field-style { margin-right:2%; margin-left:2%; } .elq-form .field-style._25 { width:21%; } .elq-form .field-style._50 { width:46%; } .elq-form .field-style._50_left { clear:left; width:46%; } .elq-form .field-style._75 { width:71%; } .elq-form .field-style._100 { width:96%; } .elq-form .field-size-top-small { width:30%; } .elq-form .field-size-top-medium { width:75%; } .elq-form .field-size-top-large { width:100%; } .elq-form .field-size-left-small { width:21%; } .elq-form .field-size-left-medium { width:46%; } .elq-form .field-size-left-large { width:60%; } /* INSTRUCTIONS */.elq-form .instructions.default { color:#444444; display:block; font-size:10px; padding:6px 0pt 3px; } .elq-form .instructions.group { float:left; width:97%; margin-right:2%; margin-left:2%; padding:6px 0pt 3px; color:#444444; display:block; font-size:10px; } .elq-form .instructions.left-single { margin:0 0 0 33%; } .elq-form .instructions-other { margin:0; } /* POSITIONING */.elq-form .label-position.left { display:block; line-height:150%; padding:1px 0pt 3px; float:left; width:31%; margin:0pt 15px 0pt 0pt; word-wrap:break-word; } .elq-form .label-position.top { display:block; line-height:150%; padding:1px 0pt 3px; white-space:nowrap; } .elq-form .label-position.alignment-left { text-align: left; } .elq-form .label-position.alignment-right { text-align: right; } /* LIST ORDER */.elq-form .list-order { display:block; } .elq-form .list-order.oneColumn { margin:0pt 7px 0pt 0pt; width:100%; clear:both; } .elq-form .list-order.twoColumn { float:left; margin:0pt 7px 0pt 0pt; width:38%; } .elq-form .list-order.threeColumn { float:left; margin:0pt 7px 0pt 0pt; width:30%; } .elq-form .list-order.oneColumnLeft { float:left; margin:0pt 7px 0pt 0pt; width:100%; } .elq-form .list-order.twoColumnLeft { float:left; margin:0pt 7px 0pt 0pt; width:38%; } .elq-form .list-order.threeColumnLeft { float:left; margin:0pt 7px 0pt 0pt; width:30%; } /* GRID STYLE */.elq-form .grid-style { display:inline; float:left; margin-left:2%; margin-right:2%; } .elq-form .grid-style._25 { width:21%; } .elq-form .grid-style._50 { width:46%; } .elq-form .grid-style._75 { width:71%; } .elq-form .grid-style._100 { width:96%; } Email Address * .LV_validation_message{ font-weight:bold; margin: 0 0 0 5px; } .LV_valid{ color:#00CC00; display:none; } .LV_invalid{ color:#CC0000; font-size:10px; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { outline: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { outline: 1px solid #CC0000; } var dom0 = document.querySelector('#form1491 #field0'); var field0 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300} ); field0.add(Validate.Presence, { failureMessage:"This field is required"} ); field0.add(Validate.Format, { pattern: /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i, failureMessage: "A valid email address is required"} ); function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i
|