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