افزونه نوار کشویی عضویت و ورود

کدهای زیر را جایگزین کدهای css در user-avatar/css/user-avatar.css کن:
#user-avatar-step1{
float:left;
margin-top: 15px;
margin-left:-200px;
}
#testWrap{
position: relative;
width:400px;
float:left;
}
#user-avatar-preview{
float:right;
width:200px;
}
#step1-image{
float:left;
margin: 15px 0px 0px 15px;
}
.folded #user-avatar-display{
left:750px;
}
#user-avatar-display{
position: absolute;
top:400px;
right: 50%;
text-align: center;
padding: 0 10px 10px;
width: 170px;
background: #EEE;
-moz-border-radius: 6px; /* FF1+ */
-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}
@media all and (max-width: 1104px) {
#user-avatar-display {
left: 0;
right:auto;
}
}
@media all and (max-width: 930px) {
.folded #user-avatar-display {
left: 0;
right:auto;
}
}
#user-avatar-display h3{
margin-bottom: 0;
margin-top: 5px;
text-shadow: 0 1px 0 #FFFFFF;
text-align: left;
font-size: 12px;
}
#user-avatar-display-image{
border:3px solid #E3E3E3;
background: #FFF;
padding: 8px;
width: 150px;
margin-top:2px;
border:1px solid #E3E3E3;
-moz-border-radius: 6px; /* FF1+ */
-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}
#user-avatar-link{
user-avatar-remove
}
#user-avatar-remove{
font-size: 11px;
}
#uploadForm{
margin-left:230px;
}
#iframe-crop-form{
margin-left:15px;
}
#user-avatar-step3{
margin-left:15px;
}
#user-avatar-step3-close{
float:left;
margin-top: 15px;
clear:both;
}