git.m455.casa

m455.casa

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 }