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/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: 42px 50px 28px 50px; |
21 | border-radius: 20px; |
22 | } |
23 |
|
24 | nav a { margin-right: 15px; } |
25 |
|
26 | a { color: blue; } |
27 |
|
28 | code, pre { color: #9b0000; } |
29 |
|
30 | pre { |
31 | padding: 15px 25px; |
32 | white-space: pre; |
33 | overflow: auto; |
34 | color: black; |
35 | background-color: #eaf0e6; |
36 | border-radius: 10px; |
37 | } |
38 |
|
39 | @media only screen and (max-width: 700px) { |
40 | body { |
41 | margin: 4px; |
42 | padding: 25px; |
43 | } |
44 | } |
45 |
|
46 | @media (prefers-color-scheme: dark) { |
47 | html { |
48 | /* make things less jarring than a white background while loading the |
49 | * image */ |
50 | background-color: black; |
51 | /* original image source: |
52 | * https://archive.org/details/2_20201030_20201030_1812 |
53 | * small part of image has been cut |
54 | * */ |
55 | background-image: url("/assets/city-lights-1970s.png"); |
56 | background-size: cover; |
57 | } |
58 |
|
59 | body { |
60 | color: #cccccc; |
61 | background-color: #121212; |
62 | } |
63 |
|
64 | a { color: #c8c771; } |
65 |
|
66 | pre, code { |
67 | color: #e790ff; |
68 | background-color: #231626; |
69 | } |
70 | } |