diff options
author | Case Duckworth | 2022-08-18 23:05:52 -0500 |
---|---|---|
committer | Case Duckworth | 2022-08-18 23:07:16 -0500 |
commit | 7f65ca3467db4bc9ae6ac4cb28f5865d6d4581e2 (patch) | |
tree | 5536b0a33d1f0bc00151d4eb4d9e78d8e9086ffa /style.css | |
download | fwendplanet-7f65ca3467db4bc9ae6ac4cb28f5865d6d4581e2.tar.gz fwendplanet-7f65ca3467db4bc9ae6ac4cb28f5865d6d4581e2.zip |
Initialize
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..299b98b --- /dev/null +++ b/style.css | |||
@@ -0,0 +1,117 @@ | |||
1 | body { | ||
2 | font-size: 14pt; | ||
3 | line-spacing: 1.4; | ||
4 | } | ||
5 | |||
6 | img { | ||
7 | max-width: 100%; | ||
8 | } | ||
9 | |||
10 | pre, | ||
11 | code { | ||
12 | overflow: scroll; | ||
13 | } | ||
14 | |||
15 | details { | ||
16 | margin: 1ch; | ||
17 | max-width: 78ch; | ||
18 | margin: auto; | ||
19 | padding: 1ch; | ||
20 | position: relative; | ||
21 | } | ||
22 | |||
23 | details[open] { | ||
24 | border: 1px solid; | ||
25 | border-radius: 1ch; | ||
26 | min-height: 4.2em; | ||
27 | } | ||
28 | |||
29 | summary { | ||
30 | display: block; | ||
31 | padding: 1ch; | ||
32 | margin: -1ch; | ||
33 | font: 12pt monospace; | ||
34 | } | ||
35 | |||
36 | .info { | ||
37 | font: 10pt monospace; | ||
38 | position: absolute; | ||
39 | right: 0; | ||
40 | bottom: 1px; | ||
41 | border-radius: 1ch; | ||
42 | } | ||
43 | .info summary { | ||
44 | font: inherit; | ||
45 | text-align: right; | ||
46 | } | ||
47 | |||
48 | summary:hover { | ||
49 | text-transform: uppercase; | ||
50 | border-radius: 1ch; | ||
51 | } | ||
52 | |||
53 | .links { | ||
54 | float: right; | ||
55 | } | ||
56 | |||
57 | .content { | ||
58 | margin: 2ch; | ||
59 | } | ||
60 | |||
61 | a { | ||
62 | text-decoration: none; | ||
63 | padding: 2px; | ||
64 | } | ||
65 | |||
66 | a:link, | ||
67 | a:visited { | ||
68 | color: inherit; | ||
69 | } | ||
70 | |||
71 | @media screen and (prefers-color-scheme: light) { | ||
72 | body { | ||
73 | background: white; | ||
74 | color: black; | ||
75 | } | ||
76 | details { | ||
77 | background: #ddd; | ||
78 | } | ||
79 | details[open] { | ||
80 | background: #bbb; | ||
81 | } | ||
82 | a:link { | ||
83 | background: cyan; | ||
84 | } | ||
85 | a:hover, | ||
86 | summary:hover { | ||
87 | background: yellow; | ||
88 | } | ||
89 | pre, | ||
90 | code { | ||
91 | background: #eee; | ||
92 | } | ||
93 | } | ||
94 | |||
95 | @media screen and (prefers-color-scheme: dark) { | ||
96 | body { | ||
97 | background: #002222; | ||
98 | color: #dee; | ||
99 | } | ||
100 | details { | ||
101 | background: #220000; | ||
102 | } | ||
103 | details[open] { | ||
104 | background: #333; | ||
105 | } | ||
106 | a:link { | ||
107 | background: #002244; | ||
108 | } | ||
109 | a:hover, | ||
110 | summary:hover { | ||
111 | background: brown; | ||
112 | } | ||
113 | pre, | ||
114 | code { | ||
115 | background: #111; | ||
116 | } | ||
117 | } | ||