moth11.net
frontend for xcvr appview
1:is(:root) {
2 --bg: #000000;
3 --fg: #ffffff;
4 --fl: #ffffff80;
5 --bl: #00000080;
6}
7:root {
8 font-family: Inter, sans-serif;
9 font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
10 -webkit-font-smoothing: antialiased;
11}
12@supports (font-variation-settings: normal) {
13 :root { font-family: InterVariable, sans-serif; }
14}
15* {
16 scrollbar-width: none;
17}
18h1, h2, p {
19 margin: 0;
20}
21input {
22 border: none;
23 background: var(--fg);
24 color: var(--bg);
25 padding: 0;
26}
27#pearly {
28 position: absolute;
29 inset: 0;
30 display: block;
31 width: 100%;
32 height: 100%;
33 z-index: 1;
34 pointer-events: none;
35 mix-blend-mode: multiply;
36 filter: saturate(2);
37}
38
39textarea {
40 background: var(--fg);
41 color: var(--bg);
42}
43
44textarea::placeholder {
45 color: var(--bl);
46}
47
48input::placeholder {
49 color: var(--bl);
50}
51
52body {
53 color: var(--fg);
54 background: var(--bg);
55 margin: 0;
56 position: relative;
57}
58
59.block-link {
60 display: block;
61 font-size: 2rem;
62}
63
64a {
65 color: var(--fg);
66 text-decoration: none;
67 font-weight: 400;
68}
69
70a:hover {
71 font-weight: 700;
72}
73
74input[type="submit"] {
75 cursor: pointer
76}
77input[type="submit"]:hover {
78 font-weight:700
79}
80
81#content.desktop>* {
82 max-height: 100vh;
83 overflow-y: scroll;
84 align-self: start;
85}
86#content:is(.tab-a, .tab-b, .tab-c)>* {
87 max-height: calc(100vh - 2.25rem);
88 max-height: calc(100dvh - 2.25rem);
89}
90#content.desktop>:is(#left-sidebar, main) {
91 border-right: .25rem solid var(--fg);
92}
93#content.tab-a > *:not(:nth-child(1)) {
94 display: none;
95}
96#content.tab-b > *:not(:nth-child(2)) {
97 display: none;
98}
99#content.tab-c > *:not(:nth-child(3)) {
100 display: none;
101}
102#content.desktop .mobile {
103 display: none;
104}
105#content:not(.desktop) .desktop {
106 display: none;
107}