this repo has no description
rockorager.dev
1:root {
2 --fg: black;
3 --bg: floralwhite;
4
5 --link: blue;
6 --link-hover: skyblue;
7 --link-visited: purple;
8 --link-visited-hover: violet;
9}
10
11@media(prefers-color-scheme: dark) {
12 :root {
13 --fg: floralwhite;
14 --bg: #282b4f1c;
15
16 --link: skyblue;
17 --link-hover: blue;
18 --link-visited: violet;
19 --link-visited-hover: purple;
20 }
21}
22
23html {
24 color: var(--fg);
25 background-color: var(--bg);
26}
27
28header {
29 display: flex;
30 flex-direction: row;
31 justify-content: space-between;
32 align-items: center;
33
34 padding: 0.2rem;
35}
36
37header h1,
38header h2,
39header h3,
40header h4,
41header h5 {
42 padding: 0;
43 margin: 0;
44}
45
46header h1 a {
47 text-decoration: none;
48}
49
50header nav ul {
51 list-style: none;
52 display: flex;
53 flex-direction: row;
54 gap: 1rem;
55}
56
57main {
58 max-width: 760px;
59 margin: auto;
60}
61
62a {
63 color: var(--link);
64}
65
66a:hover {
67 color: var(--link-hover);
68}
69
70a:visited {
71 color: var(--link-visited);
72}
73
74a:visited:hover {
75 color: var(--link-visited-hover);
76}
77
78header .channel-title {
79 display: flex;
80 flex-direction: row;
81 gap: 0.5rem;
82 align-items: baseline;
83}
84
85header .channel-title h2 {
86 font-size: 1.1rem;
87}
88
89div.message {
90 margin-block-end: 1rem;
91}
92
93div.message p {
94 margin-block-start: 0.5rem;
95}