]> luflow.net public git repositories - flow-web.git/blob - static/css/post.css
Initial commit.
[flow-web.git] / static / css / post.css
1 /* luflow.net web site */
2 /* Public domain 2025. All rights waived */
3
4 article {
5 line-height: 1.4em;
6 }
7
8 article p {
9 margin-top: 16px;
10 margin-bottom: 16px;
11 }
12
13 article ul {
14 margin-left: 32px;
15 }
16
17 article a:link,
18 article a:visited {
19 color: #0064ff;
20 text-decoration: none;
21 }
22
23 article a:active,
24 article a:focus,
25 article a:hover {
26 border-style: none none dashed none;
27 border-width: thin;
28 color: #357edd;
29 }
30
31 article a img {
32 border-style: none;
33 }
34
35 article h2 {
36 font-size: 1.8em;
37 text-align: left;
38 line-height: 1.2em;
39 padding: 0 0;
40 }
41
42 article h4 {
43 font-size: 2em;
44 padding: 30px 0px;
45 }
46
47 article h5 {
48 font-size: 1.5em;
49 }
50
51 article audio,
52 article img,
53 article video {
54 display: block;
55 margin: 50px auto;
56 max-width: 100%;
57 }
58
59 .post-metadata {
60 color: #4d4d4d;
61 margin-bottom: 50px;
62 }
63
64 .topic-list {
65 margin: 50px 0px;
66 }
67
68 .topic-list p {
69 font-weight: bold;
70 margin-bottom: 30px;
71 }
72
73 /* Aim for ~12 words per line for good readability. */
74 article.limit-width {
75 max-width: 720px;
76 }
77
78 .license {
79 font-size: 0.8em;
80 line-height: 1.4em;
81 }
82
83 article button {
84 padding: 2px;
85 margin: 2px;
86 min-width: 5em;
87 }
88
89 /* force wrapping to new line so that scrollbar isn't needed: */
90 code[class*='language-'] {
91 white-space: pre-wrap;
92 word-break: break-all;
93 }
94
95 .copy-code {
96 position: absolute;
97 top: 0;
98 right: 0;
99 background-color: #white;
100 border-radius: 6px;
101 padding: 0.25rem 0.5rem;
102 font-size: 0.75rem;
103 line-height: 1rem;
104 }
105
106 .copy-code:hover {
107 background-color: #f6f6f6;
108 }