CTLELE/css/frame.css

116 lines
1.9 KiB
CSS

html,
body {
width: 100%;
height: 100%;
}
.bj {
width: 100%;
height: auto;
padding: 3%;
background: url('../image/login.png') no-repeat;
background-size: 100% 100%;
}
.groove_dark {
width: calc(100% / 9);
float: left;
text-align: center;
}
.mui-btn {
width: 115px;
height: 45px;
margin-left: 50px;
margin-top: 30px;
border: none;
border-radius: 5px;
}
.mui-btn2 {
background-color: rgb(250, 85, 85);
width: 115px;
height: 45px;
margin-left: 36px;
margin-top: 10px;
border: none;
border-radius: 5px;
}
.mui-btn3 {
background-color: rgb(240, 143, 46);
width: 115px;
height: 45px;
margin-left: 36px;
margin-top: 10px;
border: none;
border-radius: 5px;
}
.row {
height: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
padding-top: 10px;
}
.row>div{
margin-top: 15px;
}
.cn_light {
display: flex;
align-items: center;
padding-top: 5px;
color: rgb(24, 24, 24);
background-color: rgb(193, 196, 194);
border: 2px solid rgb(253, 252, 252);
height: 80px;
}
.btn {
background-color: rgb(134, 155, 182);
color: #fff;
width: 115px;
height: 45px;
border-radius: 5px;
margin-top: 10px;
float: right;
margin-right: 60px;
border: none;
}
.batch {
display: none;
vertical-align: top;
position: relative;
top: 10px;
}
.stateImg {
width: 30px;
height: 10px;
}
.row_content {
/* width: 130px; */
}
.font {
background-image: linear-gradient(to right, red 50%, rgb(12, 247, 12) 50%);
border: #fff 2px solid;
border-bottom: 0;
height: 40px;
}
.after {
background-image: linear-gradient(to right, red 50%, rgb(12, 247, 12) 50%);
border: #fff 2px solid;
border-top: 0;
height: 40px;
/* margin-bottom: 30px; */
}
.hide {
display: none;
}