a mini social media app for small communities
emmeline.girlkisser.top
1@import url('https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css');
2@import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
3
4:root {
5 --background-body: var(--ctp-macchiato-base);
6 --background: var(--ctp-macchiato-mantle);
7 --background-alt: var(--ctp-macchiato-crust);
8 --selection: var(--ctp-macchiato-overlay-2);
9 --text-main: var(--ctp-macchiato-text);
10 --text-bright: var(--ctp-macchiato-overlay-1);
11 --text-muted: var(--ctp-macchiato-subtext-0);
12 --links: var(--accent);
13 --focus: var(--accent);
14 --border: var(--accent);
15 --code: var(--ctp-macchiato-text);
16 --button-hover: var(--ctp-macchiato-mantle);
17 --scrollbar-thumb: var(--accent);
18 --form-placeholder: var(--ctp-macchiato-overlay-1);
19 --form-text: var(--ctp-macchiato-text);
20 --variable: var(--ctp-macchiato-pink);
21 --highlight: var(--ctp-macchiato-blue);
22 --select-arrow: var(--accent);
23}
24
25input {
26 border: 1px solid var(--border);
27 margin-right: none;
28 width: calc(100% - 2px);
29 padding-right: 10px;
30 padding-left: 10px;
31}
32
33input[type="text"],
34input[type="number"],
35input[type="url"] {
36 width: calc(100% - 22px);
37}
38
39input[type="button"],
40input[type="submit"] {
41 width: 100%;
42}
43
44textarea {
45 border: 1px solid var(--border);
46 width: 100%;
47 padding-right: 10px;
48 padding-left: 10px;
49 margin-right: none;
50}
51
52.post {
53 border: 1px solid var(--border);
54 width: calc(100% - 20px);
55 border-radius: 6px;
56 padding: 10px;
57}
58
59.post.post-full #id {
60 display: none;
61}