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 • 1.75 kiB
ASCII text
        
            
1
@import url("/fonts/inter/inter.css");
2
3
body,
4
html {
5
margin: 0;
6
width: 100vw;
7
font-size: 95%;
8
font-family: "Inter";
9
}
10
11
body {
12
background-color: #19191b;
13
color: #fff;
14
}
15
16
:any-link {
17
color: #9a9af0;
18
}
19
20
:any-link:visited {
21
color: #a99af0;
22
}
23
24
:any-link:active {
25
color: #f09a9a;
26
}
27
28
main {
29
padding: 0 8px;
30
max-width: 60vw;
31
margin: 0 auto;
32
}
33
34
main h1,
35
main h2,
36
main h3,
37
main h4,
38
main h5,
39
main h6 {
40
text-align: center;
41
}
42
43
.breadcrumbs {
44
list-style: none;
45
padding: 16px 8px 0;
46
margin: 0 auto;
47
width: 60vw;
48
}
49
50
.breadcrumbs li {
51
display: inline-block;
52
}
53
54
.breadcrumbs li + li::before {
55
content: "\0000BB";
56
}
57
58
body > header {
59
display: flex;
60
padding: 20px;
61
align-items: center;
62
background-color: #0b0b0c;
63
border-bottom: 1px solid #fff;
64
}
65
66
body > header :any-link {
67
color: #f1f1f1 !important;
68
font-style: italic;
69
text-decoration: none;
70
}
71
72
body > header h2 {
73
flex: 1;
74
font-size: large;
75
margin: 0;
76
}
77
78
body > header nav {
79
font-size: large;
80
flex: 1.15;
81
}
82
83
body > header nav :any-link:not(:last-child) {
84
margin-right: 15px;
85
}
86
87
tr > :not(:last-child) {
88
padding-right: 15px;
89
}
90
91
body > footer {
92
display: flex;
93
align-items: first baseline;
94
margin: 8px;
95
margin-top: 12px;
96
width: calc(100vw - 16px);
97
padding-top: 3px;
98
border-top: 1px currentColor solid;
99
}
100
101
.footer-link-list-holder {
102
flex: 1;
103
}
104
105
.footer-link-list {
106
list-style: none;
107
padding-left: 0;
108
margin: 0;
109
}
110
111
.footer-link-list-label {
112
font-weight: 900;
113
font-size: 1.05rem;
114
}
115
116
img {
117
image-rendering: optimizeQuality;
118
}
119
120
abbr :any-link {
121
text-decoration-style: dotted;
122
text-decoration-color: currentColor;
123
}
124
125
abbr:has(:any-link) {
126
text-decoration: none;
127
}
128