I don't remember what changes I made to css and now my login.aspx page looks like the attached screenshot.
I have even matched my login page css with latest nightly built and it is same like this but still having problem ?
/**** Login / Register - START ****/
.or-use
{
position: relative;
}
.or-use HR
{
margin: 30px 10px;
}
.or-use DIV
{
width: 80px;
height: 25px;
background: url(img/bg.png) repeat;
font-family: 'BebasNeueRegular';
font-size: 24px;
position: absolute;
top: -10px;
left: 50%;
margin-left: -40px;
color: #ccc;
text-shadow: 1px 1px #fff;
text-align: center;
}
.user-account,
.login-social
{
background: #fff;
margin: 20px 0px;
padding: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
border: solid 1px #ddd;
text-shadow: 1px 1px #fff;
}
.login-social
{
margin: 0px 10px 50px 10px;
}
.login-top .error
{
text-align: center;
background: #F2DEDE;
border: 1px solid #e4bfc5;
line-height: 20px;
color: #B94A48 !important;
padding: 15px;
overflow: hidden;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px #f6eeee;
-moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.05), 0px 1px 0px rgba(255,255,255,0.7);
-webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.05), 0px 1px 0px rgba(255,255,255,0.7);
box-shadow: inset 0px 3px 3px rgba(0,0,0,0.05), 0px 1px 0px rgba(255,255,255,0.7);
margin-bottom: 30px;
}
.user-account H2
{
margin: 0px;
}
.user-account .italic-style
{
font-size: 11px;
line-height: 16px;
font-style: italic;
}
.user-account .input-form
{
background: url(img/bg.png) repeat;
padding: 30px;
margin: 30px -30px;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.user-account .input-form DL DD
{
margin-bottom: 8px;
}
.user-account .input-form INPUT[type="text"],
.user-account .input-form INPUT[type="password"],
.user-account .input-form SELECT,
.user-account .input-form .disabled
{
padding: 7px 7px 7px 40px;
}
.user-account .social-mail INPUT[type="text"]
{
padding: 7px;
}
.user-account .input-form .disabled
{
background: #f9f9f9;
}
.openid-container INPUT[type="text"]
{
background: #fff !important;
padding: 7px 7px 7px 40px !important;
}
.user-account .input-form .inline-label
{
width: 130px;
float: left;
line-height: 35px;
font-weight: bold;
color: #999;
}
.user-account .control-holder
{
overflow: hidden;
position: relative;
padding-bottom: 1px;
}
.user-account .control-holder IMG
{
position: absolute;
top: 0px;
left: 0px;
}
.user-account .forger-password
{
font-size: 11px;
font-weight: bold;
display: inline-block;
margin-left: 10px;
}
.user-account .input-form .offset
{
margin-left: 130px;
}
.social-login .social-button-holder
{
width: 50%;
float: left;
}
.social-login .facebook,
.social-login .google,
.social-login .linkedin,
.social-login .twitter
{
height: 33px;
background: url(img/Sn/google-login-bg.png) repeat-x;
border: solid 1px #c6c6c6;
padding: 0px 20px 0px 0px;
margin: 3px;
line-height: 33px;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 11px;
text-transform: uppercase;
text-shadow: 0px 0px #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}
.social-login A IMG
{
float: left;
margin-right: 10px;
}
.social-login A SPAN
{
display: inline-block;
line-height: 33px;
}
.social-login .facebook
{
background: url(img/Sn/facebook-login-bg.png) repeat-x;
border: solid 1px #3c5997;
}
.social-login .google
{
color: #5874ac;
text-shadow: 1px 1px #fff;
}
.social-login .linkedin
{
background: url(img/Sn/linkedin-login-bg.png) repeat-x;
border: solid 1px #0074b1;
}
.social-login .twitter
{
background: url(img/Sn/twitter-login-bg.png) repeat-x;
border: solid 1px #47aed1;
}
.container-fluid-small .user-account
{
margin: -130px 5px 20px 0;
}
.container-fluid-small .login-social
{
margin: -130px 0 20px 5px;
}
/**** Login / Register - END ****/