a mini social media app for small communities
emmeline.girlkisser.top
1:root {
2 --c-nsfw-border: red;
3}
4
5.post,
6.notification {
7 border: 2px solid;
8 padding: 8px;
9}
10
11.post > p,
12.notification > p {
13 margin: 0;
14}
15
16.post > pre,
17.notification > pre {
18 margin: 0;
19 display: inline;
20}
21
22.post + .post,
23.notification + .notification {
24 margin-top: 6px;
25}
26
27pre {
28 white-space: pre-wrap;
29 word-wrap: break-word;
30}
31
32span.nsfw-indicator {
33 border: 2px solid var(--c-nsfw-border);
34 border-radius: 2px;
35 padding-left: 4px;
36 padding-right: 4px;
37 margin-left: 6px;
38}
39
40details>summary:hover {
41 cursor: pointer;
42}
43
44/*
45 * some themes make input fields display: block, which overrides my hidden
46 * attribute. to resolve that, i will just override the override.
47 */
48input[hidden] {
49 display: none !important;
50 visibility: none !important;
51}