start a video-only page; fix some styles

This commit is contained in:
Ginger Wong
2020-08-23 21:23:16 -07:00
parent a07ad8d693
commit 22e16b67d7
10 changed files with 681 additions and 687 deletions

View File

@@ -0,0 +1,30 @@
/*
The styles in this file mostly ovveride those coming from chat.css
*/
/* modify this px number if you want things to be relatively bigger or smaller */
#video-only {
font-size: 16px;
position: relative;
}
#video-only #video-container {
background-size: 30%;
width: 100%;
height: calc((9 / 16) * 100vw);
}
#video-only #video-container #video {
transition: opacity .5s;
opacity: 0;
pointer-events: none;
}
#video-only .online #video-container #video {
opacity: 1;
pointer-events: auto;
}
#video-only #stream-info {
height: 3rem;
}