themes/based.css (view raw)
1body {
2 background: #151515 ;
3 color: #ccc ;
4 max-width: 800px ;
5 margin: auto ;
6 padding: 0 16px ;
7 margin-bottom: 500px ;
8 font-family: sans-serif ;
9}
10
11a, a:visited {
12 color: lightblue ;
13}
14
15h1 {
16 text-align: center ;
17}
18
19h2 {
20 color: tomato ;
21}
22
23footer {
24 text-align: center ;
25}
26
27img {
28 max-width: 600px ;
29 width: 100% ;
30 margin: auto ;
31 display: block ;
32}
33
34code {
35 overflow-wrap: break-word ;
36 color: lime ;
37}
38
39img[alt="BTC logo"],
40img[alt="XMR Logo"] {
41 max-width: 1em ;
42 max-height: 1em ;
43 display: inline ;
44}
45
46@media (prefers-color-scheme: light) {
47 body {
48 background: white ;
49 color: black ;
50 }
51 a {
52 color: blue ;
53 }
54 a:visited {
55 color: purple ;
56 }
57 h2 {
58 color: inherit ;
59 }
60 code {
61 color: forestgreen ;
62 }
63}
64
65@media print {
66 a[href] {
67 text-decoration: none ;
68 color: black ;
69 }
70}
71
72@media (min-width: 55em) {
73 #artlist { column-count: 2 ;}
74}
75
76@media (min-width: 100em) {
77 #artlist { column-count: 3 ;}
78}