clone url: git://git.m455.casa/m455.casa
style.css
1 | html { |
2 | /* just for while things load */ |
3 | background-color: beige; |
4 | /* original image source: |
5 | * https://www.publicdomainpictures.net/en/view-image.php?image=174188&picture=papel-de-parede-floral-do-vintage |
6 | * image has been dithered and made smaller |
7 | * */ |
8 | background-image: url("/assets/images/dither_it_floral-wallpaper-vintage.png"); |
9 | background-repeat: repeat; |
10 | background-attachment: fixed; |
11 | } |
12 |
|
13 | body { |
14 | margin: 35px auto; |
15 | line-height: 1.6; |
16 | max-width: 600px; |
17 | font-family: system-ui, sans-serif; |
18 | color: black; |
19 | background-color: white; |
20 | padding: 35px 45px; |
21 | } |
22 |
|
23 | nav a { margin-right: 15px; } |
24 |
|
25 | a { color: blue; } |
26 |
|
27 | code, pre { color: #9b0000; } |
28 |
|
29 | pre { |
30 | padding: 15px 18px; |
31 | white-space: pre; |
32 | overflow: auto; |
33 | color: black; |
34 | background-color: #eee; |
35 | } |
36 |
|
37 | @media only screen and (max-width: 700px) { |
38 | body { |
39 | margin: 4px; |
40 | padding: 25px; |
41 | } |
42 | } |
43 |
|
44 | @media (prefers-color-scheme: dark) { |
45 | html { |
46 | /* make things less jarring than a white background while loading the |
47 | * image */ |
48 | background-color: black; |
49 | /* original image source: |
50 | * https://archive.org/details/2_20201030_20201030_1812 |
51 | * small part of image has been cut |
52 | * */ |
53 | background-image: url("/assets/images/city-lights-1970s.png"); |
54 | background-size: cover; |
55 | } |
56 |
|
57 | body { |
58 | color: #cccccc; |
59 | background-color: #121212; |
60 | } |
61 |
|
62 | a { color: #c8c771; } |
63 |
|
64 | pre, code { |
65 | color: #e790ff; |
66 | background-color: #231626; |
67 | } |
68 | } |