A mirror of my website's source code.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 global.css

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