<style type="text/css">
/*Suosittelemme siirtämään CSS-blokin HTML-tiedoston HEAD-osioon.*/
.lianamailer {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
color: #464646;
}
.lianamailer * {
box-sizing: border-box;
}
.lianamailer-formfield {
margin-bottom: 10px;
}
.lianamailer-formfield:before,
.lianamailer-formfield:after {
content: "";
display: table;
}
.lianamailer-formfield:after {
clear: both;
}
.lianamailer-formfield label {
display: block;
}
.lianamailer-formfield-lists label,
.lianamailer-formfield-consents label {
cursor: pointer;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lianamailer-formfield-properties label {
float: left;
width: 180px;
padding-top: 7px;
padding-right: 20px;
font-weight: 700;
}
.lianamailer-formfield-lists,
.lianamailer-formfield-consents,
.lianamailer-formfield-submit {
padding-left: 180px;
}
.lianamailer-formfield-inner {
overflow: hidden;
}
.lianamailer-formfield-consents {
border-top: 1px dotted #eee;
padding-top: 10px;
}
.lianamailer input[type="text"],
.lianamailer input[type="email"] {
width: 100%;
height: 32px;
line-height: 32px;
padding: 0 8px;
background-color: #f2f2f2;
border: none;
border-radius: 4px;
font-size: 1em;
}
.lianamailer input[type="text"]:focus,
.lianamailer input[type="email"]:focus {
background-color: #e2e2e2;
outline: none;
}
.lianamailer input[type="checkbox"], .lianamailer input[type="checkbox"] + span {
vertical-align: middle;
}
.lianamailer button {
cursor: pointer;
display: inline-block;
padding: 10px 20px;
color: #ffffff;
background-color: #464646;
border: none;
border-radius: 4px;
outline: none;
font-size: 1em;
font-weight: 700;
-webkit-transition: background-color 250ms linear;
transition: background-color 250ms linear;
}
.lianamailer button:hover {
background-color: #666666;
}
.lianamailer button:focus {
background-color: #363636;
}
.lianamailer-formfield-error {
color: #ff0000;
margin: 14px 0;
}
.lianamailer-success {
font-size: 20px;
line-height: 26px;
font-weight: 700;
}
@media only screen and (max-width: 500px) {
.lianamailer-formfield-properties label {
float: none;
width: 100%;
padding: 0 0 2px 0;
}
.lianamailer-formfield-lists,
.lianamailer-formfield-consents,
.lianamailer-formfield-submit {
padding-left: 0px;
}
}
</style>