Email sign up

#ic_signupform .elcontainer {
background: #ffffff;
text-align: left;
max-width: 300px;
padding: 10px 10px;
border-radius: 0px;
border: 1px solid #000000;
font-size: 12px;
color: #226699;
font-family: arial;
}

#ic_signupform .elcontainer.center-aligned .formEl {
margin-right: auto;
margin-left: auto;
}

#ic_signupform .elcontainer.right-aligned .formEl {
margin-left: auto;
}

#ic_signupform .form-header {

display: none;

background: #ffffff;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 10px; /* using padding on purpose */
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
border-radius: calc(0px – 1px) calc(0px – 1px) 0 0;
text-align: center;
font-size: 150%;
color: #333333;
border-bottom: 1px solid #dddddd;
}

#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-input label,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-input label,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 {
width: 30%;
}

#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 {
line-height: 3em;
}

#ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-checkbox h3 {
line-height: 2em;
}

#ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-checkbox h3 {
line-height: 4em;
}

#ic_signupform .elcontainer.inline-label-left .formEl input[type=”text”],
#ic_signupform .elcontainer.inline-label-left .formEl select,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio .option-container,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox .option-container,
#ic_signupform .elcontainer.inline-label-right .formEl input[type=”text”],
#ic_signupform .elcontainer.inline-label-right .formEl select,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio .option-container,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox .option-container {
width: 70%;
}

#ic_signupform .elcontainer.hidden-label .formEl.required:before {
color: #000000;
}

#ic_signupform .elcontainer .formEl {
font-size: 1em;
}

#ic_signupform .elcontainer .formEl.fieldtype-input label,
#ic_signupform .elcontainer .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox h3 {
font-size: 100%;
font-weight: bold;
color: #226699;
}

#ic_signupform .elcontainer .formEl.fieldtype-input input[type=”text”],
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select {
background-color: #ffffff;
border: 1px solid #666666;
border-radius: 0px;
}

#ic_signupform .elcontainer .formEl.fieldtype-input input[type=”text”],
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select,
#ic_signupform .elcontainer .formEl.fieldtype-radio label,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox label {
font-size: 100%;
}

#ic_signupform .elcontainer .formEl input[type=”text”]::-moz-placeholder {
color: #bdbdbf;
font-family: inherit;
}

#ic_signupform .elcontainer .formEl input[type=”text”]::-webkit-input-placeholder {
color: #bdbdbf;
font-family: inherit;
}

#ic_signupform .elcontainer .formEl input[type=”text”]:-ms-input-placeholder {
color: #bdbdbf;
font-family: inherit;
}

#ic_signupform .elcontainer .formEl input[type=”text”],
#ic_signupform .elcontainer .formEl select,
#ic_signupform .elcontainer .formEl .option-container label {
color: #000000;
font-family: inherit;
}

#ic_signupform .elcontainer.inline-button .submit-container {
display: inline-block;
box-sizing: border-box;
right: -.5em;
padding: 0 1em 0 0;
position: relative;
vertical-align: bottom;
margin-bottom: 1em;
}

#ic_signupform .elcontainer.inline-button.tight .sortables {
margin-bottom: -.5em;
}

#ic_signupform .elcontainer.inline-button .sortables {
margin-bottom: -1em;
}

#ic_signupform .elcontainer.inline-button.generous .sortables {
margin-bottom: -1.5em;
}

#ic_signupform .elcontainer .submit-container {
text-align: center;
}

#ic_signupform .elcontainer .submit-container input[type=”submit”] {
background: #ffffff;
border: 1px solid #666666;
border-radius: 0px;
line-height: 1em;
padding: 0px 25px;
color: #666666;
font-size: 100%;
font-family: inherit;
width: auto;
}

Form Heading

Lists*

Leave a Reply

  • (will not be published)