157 lines
2.8 KiB
CSS
157 lines
2.8 KiB
CSS
html {
|
|
--backupground-color: #f7f7f7;
|
|
--btn-color-blue: #307dbe;
|
|
--btn-color-yellow: #f7b24d;
|
|
--btn-color-green: #5bad60;
|
|
--btn-color-red: #e56651;
|
|
--btn-font-color: #fff;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: yunfengfeiyunti;
|
|
src: url(../fonts/YunFengfeiyunti.TTF);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: jinghongtifan;
|
|
src: url(../fonts/FZZJ-JHTJF.TTF);
|
|
}
|
|
|
|
body {
|
|
font-family: "Poppins", sans-serif;
|
|
padding: 0px;
|
|
overflow-x: hidden;
|
|
min-width: 1280px;
|
|
/* -ms-overflow-style: none; */
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0 !important;
|
|
}
|
|
|
|
.login_box {
|
|
box-shadow: 0px 0px 10px #bbb;
|
|
/* border-radius: 5px; */
|
|
position: fixed;
|
|
height: 100vh;
|
|
width: 400px;
|
|
top: 0vh;
|
|
right: 50px;
|
|
background-color: #ffffffcf;
|
|
z-index: 10;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.login_box img {
|
|
height: 100px;
|
|
}
|
|
|
|
.login_box h2 {
|
|
margin: 15px 0px;
|
|
font-size: 2.9rem;
|
|
color: #333;
|
|
}
|
|
|
|
.input-div {
|
|
position: relative;
|
|
display: grid;
|
|
grid-template-columns: 7% 93%;
|
|
grid-gap: 5px;
|
|
margin: 0px 0px 5px 0;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.user {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.i {
|
|
color: #b9b9b9;
|
|
font-family: "Font Awesome 5 Free";
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.input-div > div {
|
|
/* 相对定位 */
|
|
/* position: relative; */
|
|
/* height: 45px; */
|
|
}
|
|
|
|
/* .input-div > div > h5 {
|
|
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: #999;
|
|
font-size: 18px;
|
|
transition: 0.3s;
|
|
} */
|
|
|
|
.fa-user::before {
|
|
content: "\f007";
|
|
}
|
|
|
|
.input-div > div > input {
|
|
border: none;
|
|
outline: none;
|
|
height: 2rem;
|
|
padding: 0px 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.btn_login {
|
|
/* display: inline; */
|
|
width: 40%;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
outline: none;
|
|
border: none;
|
|
background-image: linear-gradient(to right, #32be8f, #32b39f, #32be8f);
|
|
background-size: 200%;
|
|
font-size: 1.2rem;
|
|
color: #fff;
|
|
font-family: "Poppins", sans-serif;
|
|
text-transform: uppercase;
|
|
margin: 1rem auto;
|
|
/* 鼠标放上变小手 */
|
|
cursor: pointer;
|
|
/* transition: 0.1s; */
|
|
}
|
|
|
|
.btn_login:active {
|
|
background-color: var(--btn-font-color);
|
|
background-image: none;
|
|
color: var(--btn-color-red);
|
|
}
|
|
|
|
.title_box {
|
|
position: absolute;
|
|
font-family: "jinghongtifan";
|
|
font-size: 60px;
|
|
color: #f00;
|
|
top: 5vh;
|
|
left: 10vw;
|
|
height: 2em;
|
|
width: 10em;
|
|
z-index: 10;
|
|
}
|
|
|
|
.dash_box {
|
|
position: relative;
|
|
min-height: 120vh;
|
|
width: 100vw;
|
|
background-color: #ddd;
|
|
z-index: 0;
|
|
background-image: url("../img/login/login_bg_06.jpg");
|
|
background-position: right;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|