162 lines
2.6 KiB
CSS
162 lines
2.6 KiB
CSS
|
/* Login Panel */
|
||
|
|
#top {
|
||
|
|
background: url(/images/blue/login/login_top.jpg) repeat-x 0 0;
|
||
|
|
height: 38px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top ul.login {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
float: right;
|
||
|
|
clear: right;
|
||
|
|
height: 38px;
|
||
|
|
width: auto;
|
||
|
|
font-weight: bold;
|
||
|
|
line-height: 38px;
|
||
|
|
margin: 0;
|
||
|
|
right: 150px;
|
||
|
|
color: white;
|
||
|
|
font-size: 80%;
|
||
|
|
text-align: center;
|
||
|
|
background: url(/images/blue/login/login_r.jpg) no-repeat right 0;
|
||
|
|
padding-right: 45px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top ul.login li.left {
|
||
|
|
background: url(/images/blue/login/login_l.jpg) no-repeat left 0;
|
||
|
|
height: 38px;
|
||
|
|
width: 45px;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top ul.login li {
|
||
|
|
text-align: left;
|
||
|
|
padding: 0 6px;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
height: 38px;
|
||
|
|
background: url(/images/blue/login/login_m.jpg) repeat-x 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top ul.login li a {
|
||
|
|
color: #33CCCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top ul.login li a:hover {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
#head {
|
||
|
|
margin:0px 0px 0px 50px;
|
||
|
|
height:80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Login*/
|
||
|
|
/* toggle effect - show/hide login*/
|
||
|
|
#login {
|
||
|
|
width: 100%;
|
||
|
|
color: white;
|
||
|
|
background: #1E1E1E;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
z-index: 3;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #33CCCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login a:hover {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent {
|
||
|
|
width: 740px;
|
||
|
|
height: 80px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-top: 25px;
|
||
|
|
text-align: left;
|
||
|
|
font-size: 0.85em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent .left {
|
||
|
|
width: 120px;
|
||
|
|
float: left;
|
||
|
|
padding-left: 65px;
|
||
|
|
font-size: 0.95em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent .right {
|
||
|
|
width: 290px;
|
||
|
|
float: left;
|
||
|
|
text-align: left;
|
||
|
|
padding-right: 65px;
|
||
|
|
font-size: 0.95em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent form {
|
||
|
|
margin: 0 0 10px 0;
|
||
|
|
height: 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent input.field {
|
||
|
|
border: 1px #1A1A1A solid;
|
||
|
|
background: #464646;
|
||
|
|
margin-right: 5px;
|
||
|
|
margin-top: 4px;
|
||
|
|
color: white;
|
||
|
|
height: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent input:focus.field {
|
||
|
|
background: #545454;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent input.rememberme {
|
||
|
|
border: none;
|
||
|
|
background: transparent;
|
||
|
|
float:left;
|
||
|
|
margin-top: -8;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginContent input.button_login {
|
||
|
|
margin-left:10px;
|
||
|
|
width: 47px;
|
||
|
|
height: 20px;
|
||
|
|
cursor: pointer;
|
||
|
|
border: none;
|
||
|
|
background: transparent url(/images/blue/login/button_login.jpg) no-repeat 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginClose {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 25px;
|
||
|
|
top: 10px;
|
||
|
|
width: 70px;
|
||
|
|
font-size: 0.8em;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginClose a {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 20px;
|
||
|
|
background: url(/images/blue/icon/login_1.png) no-repeat right 0;
|
||
|
|
padding-right: 10px;
|
||
|
|
border: none;
|
||
|
|
font-size: 0.9em;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login .loginClose a:hover {
|
||
|
|
background: url(/images/blue/icon/login_2.png) no-repeat right 0px;
|
||
|
|
}
|