Current section

Files

Jump to
zotonic_mod_authentication priv lib css logon.css
Raw

priv/lib/css/logon.css

body.err403 {
background-color: #e8e8e8;
}
body.err403 .z-logon-box {
background-color: white;
padding: 20px 10px;
}
.z-logon-prompt {
text-align: center;
max-width: 400px;
margin: 40px auto;
}
.z-logon-back {
float: left;
margin: 40px 20px;
}
.z-logon-box {
float: none;
margin: 15px auto;
width: 400px;
max-width: 100%;
/* Extra login options */
/* Supporting options */
/* Sign up specific*/
}
.z-logon-box img.loading {
display: block;
margin: 0 auto;
opacity: 0.5;
height: 16px;
}
.z-logon-box ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.z-logon-box p {
margin-bottom: 10px;
}
.z-logon-box button[type="submit"],
.z-logon-box input[type="submit"] {
width: 100%;
}
.z-logon-box .z-logon-title:first-of-type,
.z-logon-box h2:first-of-type,
.z-logon-box h3:first-of-type,
.z-logon-box h4:first-of-type {
margin-top: 0;
}
.z-logon-box .z-logon-form {
margin: 15px auto 0 auto;
}
.z-logon-box .z-logon-extra li {
margin: 0 0 10px 0;
}
.z-logon-box .z-logon-extra .z-btn-social {
display: block;
text-align: center;
text-decoration: none;
}
.z-logon-box .z-logon-extra .z-logon-extra-separator {
position: relative;
z-index: 1;
text-align: center;
line-height: 16px;
margin: 15px 0;
}
.z-logon-box .z-logon-extra .z-logon-extra-separator:before {
position: absolute;
left: 50%;
top: 50%;
height: 16px;
top: 8px;
width: 40px;
background-color: #fff;
content: "";
margin: -8px 0 0 -20px;
z-index: -1;
}
.z-logon-box .z-logon-extra .z-logon-extra-separator:after {
position: absolute;
left: 0;
top: 8px;
content: " ";
width: 100%;
border-bottom: 1px solid #ddd;
z-index: -2;
}
.z-logon-box .z-logon-extra .z-logon-extra-separator:first-child {
display: none;
}
.z-logon-box .z-logon-support {
margin: 15px 0 0 0;
padding: 15px 0 0 0;
}
.z-logon-box .z-logon-support:empty {
display: none;
}
.z-logon-box .alert :first-child {
margin-top: 0;
}
.z-logon-box .alert :last-child {
margin-bottom: 0;
}
.z-logon-box.z-logon-box-boxed .z-logon-form {
margin: 15px 0;
padding: 15px 20px;
background-color: #f2f2f2;
}
.z-logon-box.z-logon-box-boxed .z-logon-extra .z-logon-extra-separator {
margin-left: -20px;
margin-right: -20px;
}
.z-logon-box.z-logon-box-boxed .z-logon-extra .z-logon-extra-separator:before {
background-color: #f2f2f2;
}
.z-logon-box.z-logon-box-boxed .z-logon-support {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid #ddd;
}
.z-logon-box.z-logon-box-boxed .z-logon-support p:last-child {
margin-bottom: 0;
}
.z-logon-box #signup_verify {
display: none;
}
.z-logon-box input#surprefix {
width: 50px;
}
.z-logon-box #signup_error_tos_agree,
.z-logon-box #signup_error_duplicate_username,
.z-logon-box #signup_error_duplicate_identity {
display: none;
}
.z-logon-box.error_tos_agree #signup_error_tos_agree,
.z-logon-box.error_duplicate_username #signup_error_duplicate_username,
.z-logon-box.error_duplicate_identity #signup_error_duplicate_identity,
.z-logon-box.error_custom_1 #signup_error_custom_1,
.z-logon-box.error_custom_2 #signup_error_custom_2 {
display: block;
}
.z-logon-box .z_validation_message {
display: block;
margin: 5px 0 0 0;
}