ghostream/web/static/style.css

99 lines
1.3 KiB
CSS

body, html {
height: 100%;
margin: 0;
}
body {
background-color: #3b4b5b;
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #bbb;
text-align: justify;
user-select: none;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
code {
font-size: 87.5%;
word-break: break-word;
user-select: text;
}
svg {
overflow: hidden;
vertical-align: middle;
}
a {
text-decoration: underline;
text-decoration-style: dotted;
color: inherit;
}
img {
max-width: 100%;
}
h1, h2, h3, h4 {
color: #ddd;
}
.container {
height: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
height: 100%;
}
.col-video {
padding: 1rem;
flex-basis: 0;
flex-grow: 1;
position: relative;
width: 100%;
text-align: right;
max-height: 90vh;
}
.col-chat {
position: relative;
width: 100%;
height: 100%;
box-shadow: 0 1rem 3rem rgba(0,0,0,0.175);
}
.col-chat iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/* Hide chat toggler on small screen */
#chatToggle {
margin-left: 0.5rem;
display: none;
}
/* On large screen, put chat on left */
@media(min-width:1000px){
.col-chat {
width: 33.33333%;
flex: 0 0 33.33333%;
}
#chatToggle {
display: inline;
}
}