78 lines
1.3 KiB
CSS
78 lines
1.3 KiB
CSS
|
#sosVideoContent{
|
||
|
height: calc(100% - 60px);
|
||
|
width:calc(100% - 20px);
|
||
|
margin:10px;
|
||
|
}
|
||
|
#sosVideo{
|
||
|
width:100%;
|
||
|
height:349px;
|
||
|
box-sizing: border-box;
|
||
|
border:1px solid #3374B4;
|
||
|
}
|
||
|
.sosVideoOpera{
|
||
|
height: 60px;
|
||
|
display: flex;
|
||
|
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.sosVideoOpera>.sosVideoOperaTime>p{
|
||
|
line-height:30px;
|
||
|
}
|
||
|
.sosVideoOpera>.sosVideoOperaTime>p:last-child{
|
||
|
display: none;
|
||
|
}
|
||
|
.sosVideoOpera>.sosVideoOperaTime>p:last-child>span:first-child{
|
||
|
float:left;
|
||
|
width:10px;
|
||
|
height:10px;
|
||
|
border-radius: 50%;
|
||
|
background:red;
|
||
|
padding:2px;
|
||
|
margin:7px 5px 7px 0;
|
||
|
border:1px solid #ccc;
|
||
|
animation: sosRecordfadeIn 1s infinite;
|
||
|
}
|
||
|
|
||
|
@keyframes sosRecordfadeIn {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
50% {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
100% {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
.sosVideoOpera>.sosVideoOperaTool{
|
||
|
margin-left:auto;
|
||
|
width:180px;
|
||
|
display:flex;
|
||
|
}
|
||
|
.sosVideoOpera>.sosVideoOperaTool>p{
|
||
|
width:60px;
|
||
|
text-align: center;
|
||
|
cursor: pointer;
|
||
|
|
||
|
}
|
||
|
.sosVideoOpera>.sosVideoOperaTool>p>img{
|
||
|
float:left;
|
||
|
width:32px;
|
||
|
height:32px;
|
||
|
margin:4px 14px;
|
||
|
}
|
||
|
.sosVideoOpera>.sosVideoOperaTool>p>span{
|
||
|
float:left;
|
||
|
width:100%;
|
||
|
height:22px;
|
||
|
line-height: 22px;
|
||
|
|
||
|
}
|