176 lines
4.7 KiB
Plaintext
176 lines
4.7 KiB
Plaintext
.daping-body{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100vh;
|
|
background:url(../../assets/ykzImg/bp.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
.topMenu{
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 160px;
|
|
background:url(../../assets/ykzImg/title.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
.title{
|
|
position: absolute;
|
|
top: 0;
|
|
// left: 41%;
|
|
width: 350px;
|
|
height: 70px;
|
|
background:url(../../assets/ykzImg/text.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
}
|
|
.title_name{
|
|
position: absolute;
|
|
top: 130px;
|
|
// left: 41%;
|
|
width: 350px;
|
|
height: 70px;
|
|
background:url(../../assets/ykzImg/name.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
}
|
|
.menuItem_style{
|
|
width: 170px;
|
|
height: 55px;
|
|
line-height: 55px;
|
|
text-align: center;
|
|
letter-spacing: 5px;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
|
|
background:url(../../assets/ykzImg/menu_btn.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
}
|
|
.styles0{
|
|
position: absolute;
|
|
top:30px;
|
|
left:100px;
|
|
}
|
|
.styles1{
|
|
position: absolute;
|
|
top:30px;
|
|
left:300px;
|
|
}.styles2{
|
|
position: absolute;
|
|
top:30px;
|
|
left:500px;
|
|
}.styles3{
|
|
position: absolute;
|
|
top:30px;
|
|
right:100px;
|
|
}.styles4{
|
|
position: absolute;
|
|
top:30px;
|
|
right:300px;
|
|
}.styles5{
|
|
position: absolute;
|
|
top:30px;
|
|
right:500px;
|
|
}
|
|
}
|
|
.content-box{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.content-left{
|
|
position: absolute;
|
|
top: 120px;
|
|
left:20px;
|
|
.project-introduce,.runWatch,.safeWatch{
|
|
width: 380px;
|
|
.project-title{
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
background:url(../../assets/ykzImg/left.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
color: #fff;
|
|
letter-spacing: 5px;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
padding: 5px 0 0 26px;
|
|
font-style:italic
|
|
}
|
|
.project-content{
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
background: rgba(67, 109, 165, 0.49);
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
color: #fff;
|
|
.content-img{
|
|
width: 150px;
|
|
height: 107px;
|
|
float: left;
|
|
}
|
|
}
|
|
}
|
|
.runWatch{
|
|
.run_list{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 3px 5px;
|
|
background: linear-gradient(to bottom, #32528d, #2e6ec1);
|
|
cursor: pointer;
|
|
}
|
|
.active{
|
|
color: #95f204;
|
|
}
|
|
.run_chart{
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
}
|
|
|
|
}
|
|
.content-right{
|
|
position: absolute;
|
|
top: 120px;
|
|
right:20px;
|
|
.operate-log{
|
|
width: 380px;
|
|
.project-title{
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
background:url(../../assets/ykzImg/right.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
color: #fff;
|
|
letter-spacing: 5px;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
padding: 5px 26px 0 0;
|
|
font-style:italic;
|
|
text-align: right;
|
|
}
|
|
.project-content{
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
background: rgba(67, 109, 165, 0.49);
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
.odd_row{
|
|
background: #46678b;
|
|
}
|
|
table tbody {
|
|
display:block;
|
|
height:100px;
|
|
overflow-y:scroll;
|
|
}
|
|
|
|
table thead, tbody tr {
|
|
display:table;
|
|
width:100%;
|
|
table-layout:fixed;
|
|
}
|
|
} |