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.01 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: 0 auto;
39
width: 60vw;
40
background-color: #19191b;
41
}
42
43
.breadcrumbs li {
44
display: inline-block;
45
}
46
47
.breadcrumbs li + li::before {
48
content: "\00A5";
49
}
50
51
body > header {
52
display: flex;
53
padding: 20px;
54
box-sizing: border-box;
55
align-items: center;
56
width: 60vw;
57
margin: 0 auto;
58
background-color: #0b0b0c;
59
}
60
61
body > header :any-link {
62
color: #f1f1f1 !important;
63
font-style: italic;
64
text-decoration: none;
65
}
66
67
body > header h2 {
68
font-size: large;
69
margin: 0;
70
}
71
72
body > header nav {
73
font-size: large;
74
padding-left: 15px;
75
margin-left: 15px;
76
border-left: 1px solid white;
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
margin: 8px auto;
89
margin-top: 12px;
90
width: fit-content;
91
padding: 15px;
92
background-color: #19191b;
93
position: absolute;
94
top: 15px;
95
right: 15px;
96
}
97
98
.footer-link-list-holder {
99
flex: 1;
100
}
101
102
.footer-link-list {
103
list-style: none;
104
padding-left: 0;
105
margin: 0;
106
}
107
108
.footer-link-list-label {
109
font-weight: 900;
110
font-size: 1.05rem;
111
}
112
113
img {
114
image-rendering: optimizeQuality;
115
}
116
117
abbr :any-link {
118
text-decoration-style: dotted;
119
text-decoration-color: currentColor;
120
}
121
122
.button-hotlink {
123
display: block;
124
margin-top: 3px;
125
}
126
127
input,
128
textarea {
129
appearance: none;
130
background-color: #000;
131
color: #fff;
132
border: 1px solid white;
133
}
134
135