31 lines
700 B
CSS
31 lines
700 B
CSS
|
|
||
|
|
|
||
|
|
/*only for video-js and live streaming*/
|
||
|
|
@media screen {
|
||
|
|
.contain{
|
||
|
|
width:100vw;
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
.live-streaming .video-js, .live-streaming .video-dimensions {
|
||
|
|
width: calc(30vw * 3);
|
||
|
|
height: calc(15vw * 3);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width:768px) {
|
||
|
|
.dropdown:hover .menu,
|
||
|
|
.dropdown:hover .menu:hover {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contain{
|
||
|
|
max-width:970px;
|
||
|
|
}
|
||
|
|
.live-streaming .video-js, .live-streaming .video-dimensions {
|
||
|
|
width: calc(30vw * 2);
|
||
|
|
max-width:970px;
|
||
|
|
height: calc(15vw * 2);
|
||
|
|
max-height:calc(970px / 2);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|