ASCII text
1
@import url("willow.css");
2
@import url("redhatmono.css");
3
@import url("gully.css");
4
/* Colors */
6
:root {
8
--primary: #101010;
9
--secondary: #f9a911;
10
--teriary: #efee00;
11
--primary-text: #fff;
13
--code-bg: #151515;
15
--code-text: #e8e8d3;
16
--code-element: #e783e9;
17
--code-attr: #fad07a;
18
--code-str: #99ad6a;
19
}
20
/* Styles */
22
body {
24
background-color: var(--primary);
25
color: var(--primary-text);
26
font-family: "Gully", sans-serif;
27
width: min(896px, 100vw);
28
margin: 0 auto;
29
padding: 35px;
30
min-height: calc(100% - 70px);
31
box-shadow: 0px 0px 50px #000;
32
}
33
:root {
35
font-family: "Gully", sans-serif;
36
}
37
html {
39
background-image: url("./background.webp");
40
background-color: #FFF;
41
height: 100%;
42
}
43
:is(h1, h2, h3, h4, h5, h6) {
45
font-family: "Willow", sans-serif;
46
font-weight: lighter;
47
}
48
:any-link {
50
background: linear-gradient(
51
90deg,
52
rgb(255, 150, 150) 0%,
53
rgb(255, 194, 102) 10%,
54
rgb(244, 255, 107) 20%,
55
rgb(176, 253, 173) 30%,
56
rgb(155, 255, 254) 40%,
57
rgb(192, 246, 255) 50%,
58
rgb(96, 172, 255) 60%,
59
rgb(138, 79, 255) 70%,
60
rgb(217, 110, 255) 80%,
61
rgb(255, 126, 237) 90%,
62
rgb(255, 145, 145) 100%
63
);
64
background-clip: text;
65
-webkit-text-fill-color: transparent;
66
}
67
th,
69
td {
70
text-align: center;
71
}
72
#ThemeList {
74
padding: 0;
75
margin: 0;
76
}
77
#ThemeList li {
79
width: fit-content;
80
display: inline-block;
81
list-style: none;
82
}
84
code {
86
background-color: var(--code-bg);
87
color: var(--code-text);
88
display: inline-block;
89
font-family: "RH Mono", monospace;
90
}
91
code.preformatted-text {
93
display: block;
94
white-space: pre-wrap;
95
padding: 5px;
96
font-size: small;
97
}
98
[aria-label=breadcrumbs] ol {
100
padding: 0;
101
}
102
[aria-label=breadcrumbs] li {
104
list-style: none;
105
display: inline-block;
106
}
107
[aria-label=breadcrumbs] li + li::before {
109
content: " / ";
110
}
111
/* Syntax Highlighting */
113
.lang-element {
115
font-style: italic;
116
color: var(--code-element);
117
}
118
.lang-attribute {
120
color: var(--code-attr);
121
}
122
.lang-string {
124
color: var(--code-str);
125
}
126