A mirror of my website's source code.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 global.css

View raw Download
text/plain • 2.39 kiB
ASCII text
        
            
1
@import url("/fonts/inter/inter.css");
2
@import url("/fonts/mononoki/mononoki.css");
3
4
body,
5
html {
6
margin: 0;
7
width: 100vw;
8
font-size: 95%;
9
font-family: "Inter";
10
}
11
12
body {
13
background-image: url("/Background.webp");
14
background-color: #000;
15
color: #fff;
16
}
17
18
:any-link {
19
color: #9a9af0;
20
}
21
22
:any-link:active {
23
color: #f09a9a;
24
}
25
26
main {
27
padding: 8px;
28
box-sizing: border-box;
29
max-width: 60vw;
30
margin: 0 auto;
31
background-color: #19191b;
32
}
33
34
.breadcrumbs {
35
list-style: none;
36
padding: 8px;
37
box-sizing: border-box;
38
margin: 16px auto 0;
39
width: 60vw;
40
/*border: 1px solid black;*/
41
background-color: #19191b;
42
}
43
44
.breadcrumbs li {
45
display: inline-block;
46
}
47
48
.breadcrumbs li + li::before {
49
content: "\00A5";
50
}
51
52
body > header {
53
display: flex;
54
padding: 20px;
55
box-sizing: border-box;
56
align-items: center;
57
width: 60vw;
58
margin: 0 auto;
59
background-color: #0b0b0c;
60
}
61
62
body > header :any-link {
63
color: #f1f1f1 !important;
64
font-style: italic;
65
text-decoration: none;
66
}
67
68
body > header h2 {
69
font-size: large;
70
margin: 0;
71
}
72
73
body > header nav {
74
font-size: large;
75
padding-left: 15px;
76
margin-left: 15px;
77
border-left: 1px solid white;
78
}
79
80
body > header nav :any-link:not(:last-child) {
81
margin-right: 15px;
82
}
83
84
tr > :not(:last-child) {
85
padding-right: 15px;
86
}
87
88
body > footer {
89
margin: 8px auto;
90
margin-top: 12px;
91
width: fit-content;
92
padding: 15px;
93
background-color: #19191b;
94
position: absolute;
95
top: 15px;
96
right: 15px;
97
}
98
99
.footer-link-list-holder {
100
flex: 1;
101
}
102
103
.footer-link-list {
104
list-style: none;
105
padding-left: 0;
106
margin: 0;
107
}
108
109
.footer-link-list-label {
110
font-weight: 900;
111
font-size: 1.05rem;
112
}
113
114
img {
115
image-rendering: optimizeQuality;
116
}
117
118
abbr :any-link {
119
text-decoration-style: dotted;
120
text-decoration-color: currentColor;
121
}
122
123
abbr:has(:any-link) {
124
text-decoration: none;
125
}
126
127
kbd {
128
white-space: pre-wrap;
129
font-family: "mononoki", monospace;
130
display: inline-block;
131
font-size: .85rem;
132
}
133
134
:not(samp) kbd:not(:has(kbd)) {
135
background-color: #222728;
136
color: currentColor;
137
border: currentColor 1px solid;
138
border-radius: 10px;
139
padding: 5px;
140
margin: 1px 0;
141
}
142
143
samp kbd {
144
display: block;
145
}
146
147
samp {
148
background-color: #282722;
149
color: #fff;
150
font-family: "mononoki", monospace;
151
padding: 10px;
152
display: block;
153
font-size: .85rem;
154
white-space: pre-wrap;
155
}
156