Custom Login, Register and Forgot Form1
Description
This code if for a custom login, register and forgot password form displayed as 3 seperate boxes (not tabs).
This code if for a custom login, register and forgot password form displayed as 3 seperate boxes (not tabs).
CSS Source Code
/****************Login Starts*************/
#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}
/* form elements */
.wp-user-form {}
.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
.username label, .password label {
float: left;
clear: none;
width: 25%;
}
.username input, .password input {
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none;
width: 200px;
padding: 2px 3px;
color: #777;
}
.rememberme {
overflow: hidden;
width: 100%;
margin-bottom: 7px;
}
#rememberme {
float: left;
clear: none;
margin: 4px 4px -4px 0;
}
.user-submit {
padding: 5px 10px;
margin: 5px 0;
}
#userinfo {
float: left;
margin-top: 12px;
text-align: center;
width: 100%;
}
.userinfo p {
margin-left: 10px;
}
.userinfo {
border: 1px solid #F1F2F3;
float: left;
height: 198px;
margin-left: 5px;
text-transform: capitalize;
width: 243px;
}
.usericon {
border: 1px solid #F1F2F3;
clear: none;
float: left;
height: 198px;
margin-left: 7px;
width: 168px;
}
.usericon img {
height: 185px;
margin-top: 6px;
width: auto;
}
.login {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 19px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.login label{
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.register {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 26px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.register label {
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.forgot {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 31px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
/****************Login Ends*************/
/****************Login Starts*************/
#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}
/* form elements */
.wp-user-form {}
.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
.username label, .password label {
float: left;
clear: none;
width: 25%;
}
.username input, .password input {
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none;
width: 200px;
padding: 2px 3px;
color: #777;
}
.rememberme {
overflow: hidden;
width: 100%;
margin-bottom: 7px;
}
#rememberme {
float: left;
clear: none;
margin: 4px 4px -4px 0;
}
.user-submit {
padding: 5px 10px;
margin: 5px 0;
}
#userinfo {
float: left;
margin-top: 12px;
text-align: center;
width: 100%;
}
.userinfo p {
margin-left: 10px;
}
.userinfo {
border: 1px solid #F1F2F3;
float: left;
height: 198px;
margin-left: 5px;
text-transform: capitalize;
width: 243px;
}
.usericon {
border: 1px solid #F1F2F3;
clear: none;
float: left;
height: 198px;
margin-left: 7px;
width: 168px;
}
.usericon img {
height: 185px;
margin-top: 6px;
width: auto;
}
.login {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 19px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.login label{
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.register {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 26px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.register label {
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.forgot {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 31px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
/****************Login Ends*************/
/****************Login Starts*************/
#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}
/* form elements */
.wp-user-form {}
.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
.username label, .password label {
float: left;
clear: none;
width: 25%;
}
.username input, .password input {
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none;
width: 200px;
padding: 2px 3px;
color: #777;
}
.rememberme {
overflow: hidden;
width: 100%;
margin-bottom: 7px;
}
#rememberme {
float: left;
clear: none;
margin: 4px 4px -4px 0;
}
.user-submit {
padding: 5px 10px;
margin: 5px 0;
}
#userinfo {
float: left;
margin-top: 12px;
text-align: center;
width: 100%;
}
.userinfo p {
margin-left: 10px;
}
.userinfo {
border: 1px solid #F1F2F3;
float: left;
height: 198px;
margin-left: 5px;
text-transform: capitalize;
width: 243px;
}
.usericon {
border: 1px solid #F1F2F3;
clear: none;
float: left;
height: 198px;
margin-left: 7px;
width: 168px;
}
.usericon img {
height: 185px;
margin-top: 6px;
width: auto;
}
.login {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 19px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.login label{
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.register {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 26px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.register label {
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.forgot {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 31px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
/****************Login Ends*************/
/****************Login Starts*************/
#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}
/* form elements */
.wp-user-form {}
.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
.username label, .password label {
float: left;
clear: none;
width: 25%;
}
.username input, .password input {
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none;
width: 200px;
padding: 2px 3px;
color: #777;
}
.rememberme {
overflow: hidden;
width: 100%;
margin-bottom: 7px;
}
#rememberme {
float: left;
clear: none;
margin: 4px 4px -4px 0;
}
.user-submit {
padding: 5px 10px;
margin: 5px 0;
}
#userinfo {
float: left;
margin-top: 12px;
text-align: center;
width: 100%;
}
.userinfo p {
margin-left: 10px;
}
.userinfo {
border: 1px solid #F1F2F3;
float: left;
height: 198px;
margin-left: 5px;
text-transform: capitalize;
width: 243px;
}
.usericon {
border: 1px solid #F1F2F3;
clear: none;
float: left;
height: 198px;
margin-left: 7px;
width: 168px;
}
.usericon img {
height: 185px;
margin-top: 6px;
width: auto;
}
.login {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 19px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.login label{
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.register {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 26px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
.register label {
float: left;
margin-right: 7px;
text-align: left;
width: 116px;
}
.forgot {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #F1F2F3;
float: left;
font-family: calibri;
height: 255px;
margin-left: 31px;
margin-top: 65px;
padding: 20px;
width: 273px;
}
/****************Login Ends*************/