2021-04-10 03:26:39 +09:00
|
|
|
.banner {
|
|
|
|
text-align: center;
|
|
|
|
margin: 0.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.border {
|
|
|
|
border: 1px solid #434343;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red {
|
|
|
|
color: #ff8280;
|
|
|
|
fill: #ff8280;
|
|
|
|
}
|
|
|
|
|
|
|
|
#stream {
|
|
|
|
height: calc(100vw * 9 / 16);
|
|
|
|
}
|
|
|
|
|
|
|
|
#chat {
|
|
|
|
height: calc(100vh - (100vw * 9 / 16 + 20em));
|
2021-04-10 15:14:59 +09:00
|
|
|
min-height: 12em;
|
2021-04-10 03:26:39 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
#noscript {
|
|
|
|
text-align: center;
|
|
|
|
margin-top: calc(-100vw * 9 / 16 / 2 - 1ex);
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
Update website/static/external/grids-responsive-min.css, website/static/external/pure-min.css, website/static/external/video-js.css, website/static/external/video.js, website/static/external/videojs-contrib-hls.js, website/static/platform.css, website/static/platform.js, website/templates/chat-iframe.html, website/templates/comment-iframe.html, website/templates/index.html, website/templates/stream-info-iframe.html, website/utils/captcha.py, website/utils/colour.py, website/utils/stream.py, website/utils/tripcode.py, website/chat.py, website/concatenate.py, website/routes.py, website/viewership.py files
2021-04-14 23:12:40 +09:00
|
|
|
iframe.stream-info {
|
|
|
|
min-height: 7em;
|
|
|
|
height: 7em;
|
|
|
|
}
|
|
|
|
|
2021-04-10 03:26:39 +09:00
|
|
|
@media screen and (min-width:48em) {
|
|
|
|
#chat {
|
2021-04-10 15:14:59 +09:00
|
|
|
height: calc(100vh - 1px - 10em);
|
2021-04-10 03:26:39 +09:00
|
|
|
}
|
|
|
|
#stream {
|
|
|
|
height: calc(100vw * 2 / 3 * 9 / 16); /* 16:9 video taking up 2/3 of the page horizontally */
|
|
|
|
}
|
|
|
|
#noscript {
|
|
|
|
margin-top: calc(-100vw * 2 / 3 * 9 / 16 / 2 - 1ex);
|
|
|
|
}
|
Update website/static/external/grids-responsive-min.css, website/static/external/pure-min.css, website/static/external/video-js.css, website/static/external/video.js, website/static/external/videojs-contrib-hls.js, website/static/platform.css, website/static/platform.js, website/templates/chat-iframe.html, website/templates/comment-iframe.html, website/templates/index.html, website/templates/stream-info-iframe.html, website/utils/captcha.py, website/utils/colour.py, website/utils/stream.py, website/utils/tripcode.py, website/chat.py, website/concatenate.py, website/routes.py, website/viewership.py files
2021-04-14 23:12:40 +09:00
|
|
|
iframe.stream-info {
|
|
|
|
height: calc(100vh - 100vw * 2 / 3 * 9 / 16 - 2px);
|
|
|
|
}
|
2021-04-10 03:26:39 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
iframe {
|
|
|
|
border:0;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark-theme a:hover,
|
|
|
|
.dark-theme a:active {
|
|
|
|
color: #00b6f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark-theme a {
|
|
|
|
color: #a0a0a0;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.dark-theme {
|
|
|
|
background-color: #232323;
|
|
|
|
color: #f0f0f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark-theme input,
|
|
|
|
.dark-theme select,
|
|
|
|
.dark-theme textarea {
|
|
|
|
color: #232323;
|
|
|
|
}
|
2021-04-10 23:37:42 +09:00
|
|
|
|
|
|
|
/* workaround to make some custom user css work
|
|
|
|
e.g. https://raw.githubusercontent.com/33kk/uso-archive/flomaster/data/usercss/2154.user.css */
|
|
|
|
div[class="vjs-text-track-display"] {
|
|
|
|
display: none;
|
|
|
|
}
|