73 lines
1.1 KiB
CSS
73 lines
1.1 KiB
CSS
|
|
||
|
|
.popTaskDetail{
|
||
|
|
background:#002961;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
color:#fff;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.taskDetailTitle{
|
||
|
|
width:calc(100% - 20px);
|
||
|
|
float:left;
|
||
|
|
height:44px;
|
||
|
|
line-height:44px;
|
||
|
|
border-bottom:1px solid #01417C;
|
||
|
|
padding:0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.taskDetailTitle>span{
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.taskDetailTitle>img{
|
||
|
|
float:right;
|
||
|
|
width:16px;
|
||
|
|
height:16px;
|
||
|
|
margin-top:15px;
|
||
|
|
}
|
||
|
|
.taskDetailContent{
|
||
|
|
height:calc(100% - 36px);
|
||
|
|
width:calc(100% - 20px);
|
||
|
|
margin:10px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.taskDetailContent>div{
|
||
|
|
line-height:40px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.taskDetailContent>div>p{
|
||
|
|
width:100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.taskDetailContent>div>p>span{
|
||
|
|
float:left;
|
||
|
|
|
||
|
|
}
|
||
|
|
.taskDetailContent>div>p>span:nth-child(odd){
|
||
|
|
color:#0BFFFF;
|
||
|
|
width:80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.taskDetailContent>div:nth-child(2)>p>span:nth-child(2){
|
||
|
|
width:calc(100% - 80px);
|
||
|
|
}
|
||
|
|
.taskDetailContent>div:first-child{
|
||
|
|
height:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.taskDetailContent>div:first-child>p{
|
||
|
|
width:50%;
|
||
|
|
}
|
||
|
|
.taskDetailContent>div:first-child>p:first-child{
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.taskFinish{
|
||
|
|
background:#0BFFFF !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popTaskDetail .layui-timeline-title{
|
||
|
|
color:#fff !important;
|
||
|
|
}
|