custom.css (1488B)
1 body {
2 display: initial;
3 }
4
5 @media (prefers-color-scheme: dark) {
6 img[src="assets/fallback.svg"] {
7 filter: invert(100%);
8 }
9 }
10
11 main {
12 width: 100%;
13 max-width: 1080px;
14 margin-left: auto;
15 margin-right: auto;
16 display: flex;
17 flex-wrap: wrap;
18 }
19 footer > * {
20 max-width: 1080px;
21 margin-left: auto !important;
22 margin-right: auto !important;
23 text-align: left;
24 }
25
26 section {
27 flex: calc(50% - 1em);
28 background: var(--accent-bg);
29 margin: 0.5em;
30 margin-top: 0px;
31 margin-bottom: 1em;
32 border-bottom: none;
33 border-radius: 10px;
34 box-shadow: #00000030 5px 5px 5px;
35 min-width:
36 }
37
38 @media only screen and (max-device-width: 800px) {
39 section {
40 flex: 100%;
41 }
42 }
43
44 /* Always scroll smoothly */
45 * {
46 scroll-behavior: smooth;
47 }
48 /* Hide linebreaks inside articles */
49 section > br,
50 section > * > br
51 {
52 display: none;
53 }
54
55 /* Only show first paragraph of article content (typically the summary) */
56 .article_content *:nth-child(n + 2)
57 {
58 display: none;
59 }
60 .article_content {
61 margin-bottom: 1.5em;
62 -webkit-box-orient: vertical;
63 display: -webkit-box;
64 -webkit-line-clamp: 5;
65 overflow: hidden;
66 }
67
68 /* Article content should not be weighted or have any styling */
69 .article_content > * {
70 font-size: inherit;
71 font-weight: normal;
72 font-style: normal;
73 line-height: inherit;
74 }
75 /* Hide iframes and images in case they are not filtered out */
76 .article_content iframe,
77 .article_content img,
78 .article_content figcaption
79 {
80 display: none;
81 }
82
83 p {
84 margin: 0px;
85 }
