89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
|
.workInclock{
|
||
|
height: 100%;
|
||
|
}
|
||
|
.workInclock>form{
|
||
|
margin-top:10px;
|
||
|
}
|
||
|
.workInclockContent{
|
||
|
margin:10px 0;
|
||
|
height:calc(100% - 100px);
|
||
|
}
|
||
|
.workInclockContent_total{
|
||
|
display: flex;
|
||
|
margin:30px 0;
|
||
|
}
|
||
|
.workInclockContent_total>div>div{
|
||
|
height:100%;
|
||
|
}
|
||
|
.workInclockContent_total>div>div:nth-child(1){
|
||
|
width:150px;
|
||
|
float:left;
|
||
|
}
|
||
|
.workInclockContent_total>div>div:nth-child(2){
|
||
|
width:calc(100% - 170px);
|
||
|
float:left;
|
||
|
margin-left:20px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.clockStation>.signPersonNumber{
|
||
|
width:80px !important;
|
||
|
}
|
||
|
.clockStation>.clockStationEchart{
|
||
|
width:calc(100% - 120px) !important;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
.workInclockContent_total>div{
|
||
|
width:470px;
|
||
|
height:170px;
|
||
|
background:#06214D;
|
||
|
border:1px solid #112951;
|
||
|
padding:15px;
|
||
|
}
|
||
|
.workInclockContent_total>div:nth-child(2){
|
||
|
margin:0 10px;
|
||
|
}
|
||
|
.signPersonContent{
|
||
|
float:left;
|
||
|
width:48%;
|
||
|
height:100%;
|
||
|
margin-top:2%;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
flex-wrap:wrap ;
|
||
|
margin-right:2%;
|
||
|
}
|
||
|
.signPersonContent>p{
|
||
|
width:100%;
|
||
|
}
|
||
|
.signPersonContent>p>span:first-child{
|
||
|
font-size:24px;
|
||
|
text-shadow: 0 0 5px #fff;
|
||
|
}
|
||
|
.signPersonNumber>p:nth-child(1){
|
||
|
margin-top:20px;
|
||
|
}
|
||
|
.signPersonNumber>p:nth-child(2){
|
||
|
margin-bottom:20px;
|
||
|
}
|
||
|
.signPersonNumber>p:nth-child(even){
|
||
|
color:#fff;
|
||
|
height:40px;
|
||
|
line-height:40px;
|
||
|
font-size:24px;
|
||
|
text-shadow: 0 0 5px #fff;
|
||
|
}
|
||
|
.signPersonNumber>p>span:last-child{
|
||
|
font-size:14px;
|
||
|
}
|
||
|
.workInclockContent_table{
|
||
|
width:100%;
|
||
|
height: calc(100% - 242px);
|
||
|
margin-top:10px;
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
|
||
|
|