You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

167 lines
2.5 KiB

* {
margin: 0;
padding: 0;
}
body {
/* background-image: linear-gradient(to left, rgba(255, 0, 149, 0.2), rgba(0, 247, 255, 0.2)), url(../img/bg.jpg); */
background-color: rgb(1,112,254);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
z-index:-2000;
}
#bg{
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
position:fixed;
width:100%;
height:100%;
z-index:-1000;
opacity:0.8;
}
.login-box {
width: 60%;
position: absolute;
left: 50%;
height: 25em;
top: 50%;
margin-top: -12.5em;
margin-left: -30%;
}
.login-box .bg_title{
width: 100%;
font-weight: bold;
font-size: 2em;
text-align: center;
margin-bottom: 1.2em;
background-color: #4dc47d;
color: white;
float: left;
opacity: 0.8;
}
.login-box .admin,
.login-box .dormManage,
.login-box .student{
width: 30%;
height: 75%;
margin-left: 2.3%;
float: left;
opacity: 0.8;
}
.login-box .admin .titel,
.login-box .dormManage .titel,
.login-box .student .titel{
width: 100%;
height: 15%;
float: left;
line-height: 3em;
text-align: center;
color: white;
font-weight: bold;
font-size: 1em;
background-color: #4dc47d;
}
.login-box .admin .content,
.login-box .dormManage .content,
.login-box .student .content{
background-color: white;
width: 100%;
height: 100%;
}
.login-box .admin .content ul,
.login-box .dormManage .content ul,
.login-box .student .content ul{
width: 100%;
height: 82%;
}
.login-box .admin .content li,
.login-box .dormManage .content li,
.login-box .student .content li{
width: 100%;
font-size:15px;
margin-top: 8px;
float: left;
list-style: none;
text-align:center;
}
.login-box .admin .content button,
.login-box .dormManage .content button,
.login-box .student .content button{
width: 100px;
height: 30px;
float: left;
bottom: 10px;
margin-left: 70px;
color: white;
border: none;
background-color: #4dc47d;
border-radius: 5px;
}
.box2{
display: none
}
.login-box .content{
width: 100%;
margin-left: 0;
}
.content .left{
width: 50%;
height: 100%;
float: left;
background-color: white;
}
.content .right{
width: 50%;
height: 100%;
float: left;
background-color: white;
}
.right ul li{
width: 100%;
height: 25px;
margin-top: 25px;
}
.right ul li input{
height: 25px;
border-radius: 5px;
border: 2px solid #4dc47d;
}
.right .button{
position: relative;
top: 25px;
left: 82px;
}
.right .a{
position: relative;
top: 50px;
left: 35px;
}