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.42 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 8px auto;
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
border-bottom: 1px solid #fff;
61
}
62
63
body > header :any-link {
64
color: #f1f1f1 !important;
65
font-style: italic;
66
text-decoration: none;
67
}
68
69
body > header h2 {
70
flex: 1;
71
font-size: large;
72
margin: 0;
73
}
74
75
body > header nav {
76
font-size: large;
77
}
78
79
body > header nav :any-link:not(:last-child) {
80
margin-right: 15px;
81
}
82
83
tr > :not(:last-child) {
84
padding-right: 15px;
85
}
86
87
body > footer {
88
display: flex;
89
align-items: first baseline;
90
margin: 8px auto;
91
margin-top: 12px;
92
width: 60vw;
93
padding-top: 3px;
94
box-sizing: border-box;
95
background-color: #19191b;
96
border-top: 1px currentColor solid;
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