Our Blog
Giới thiệu về tôi
About
Đăng nhập
Đăng nhập
#over {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;
}
a, a:visited, a:active{
text-decoration:none;
}
.login
{
background-color:#85B561;
height:auto;
width:450px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-bottom:5px;
display:none;
overflow:hidden;
position:absolute;
z-index:99999;
top:10%;
left:50%;
margin-left:-300px;
}
.login .login_title
{
color:white;
font-size:16px;
padding:8px 0 5px 8px;
text-align:left;
}
.login-content label {
display: block;
padding-bottom: 7px;
}
.login-content span {
display: block;
}
.login-content
{
padding-left:35px;
background-color:white;
margin-left:5px;
margin-right:5px;
height:auto;
padding-top:15px;
overflow:hidden;
}
.img-close {
float: right;
margin-top:-43px;
margin-right:5px
}
.button{
display: inline-block;
min-width: 46px;
text-align: center;
color: #444;
font-size: 14px;
font-weight: 700;
height: 36px;
padding: 0px 8px;
line-height: 36px;
border-radius: 4px;
transition: all 0.218s ease 0s;
border: 1px solid #DCDCDC;
background-color: #F5F5F5;
background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
cursor: pointer;
}
.button:hover{
border: 1px solid #DCDCDC;
text-decoration: none;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.login input
{
border:1px solid #D5D5D5;
border-radius:5px;
box-shadow:1px 1px 5px rgba(0,0,0,.07) inset;
color:black;
font:12px/25px "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
height:28px;
padding:0px 8px;
word-spacing:0.1em;
width:300px;
}
.submit-button{
display: inline-block;
padding: auto;
margin: 15px 75px;
width: 150px;
}
$(document).ready(function() {
$('a.login-window').click(function() {
//lấy giá trị thuộc tính href - chính là phần tử "#login-box"
var loginBox = $(this).attr('href');
//cho hiện hộp đăng nhập trong 300ms
$(loginBox).fadeIn(300);
// thêm phần tử id="over" vào sau body
$('body').append('
');
$('#over').fadeIn(300);
return false;
});
// khi click đóng hộp thoại
$(document).on('click', "a.close, #over", function() {
$('#over, .login').fadeOut(300 , function() {
$('#over').remove();
});
return false;
});
});
