custom.css (869B)
1 * {
2 scroll-behavior: smooth;
3 }
4 .preview, .player, .player_container {
5 height: auto;
6 width: 100%;
7 aspect-ratio: 16/9 !important;
8 margin-top: 1em;
9 margin-bottom: 1em;
10 border: 0;
11 }
12 #searchbar {
13 width: 100%;
14 margin-top: 2em;
15 }
16 .chat_container, .chat_container > iframe {
17 width: 100%;
18 height:100%;
19 min-height: 800px;
20 border: 0;
21 margin: 0px;
22 background-color: var(--accent);
23 }
24 details {
25 width: 100% !important;
26 }
27
28 a.button:visited,
29 a.button:hover
30 {
31 color: var(--bg) !important;
32 }
33
34 .hidden {
35 display: none;
36 }
37
38 textarea[name=streams] {
39 width: 100%;
40 min-height: 400px;
41 }
42
43 .loading_indicator {
44 color: white;
45 font-size: 75%;
46 }
47 .loading_indicator.online {
48 color: var(--accent);
49 }
50 .loading_indicator.offline {
51 color: #898ea4;
52 }
53
54 @media only screen and (width<=720px) {
55 button, .button {
56 width: 100%;
57 align-content: center;
58 text-align: center;
59 }
60 }
