1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
|
* {
box-sizing: border-box;
}
body, input {
color: #0a0a0a;
}
body {
margin: 1em auto;
max-width: 46em;
padding: 0 0.62em;
line-height: 1.6;
}
.nav {
text-align: right;
margin-bottom: -2em;
}
h1, h2, h3, h4 {
line-height: 1.2;
margin: 2.5rem 0 1rem 0;
padding-bottom: 0.1em;
border-bottom: 0.01em solid #9995
}
table {
border-spacing: 0;
border-collapse: collapse;
margin: 0.4em;
}
table td, th {
padding: 0.4em 0.9em;
border: 1px solid #939b97;
}
table th {
background-color: #eaeeee;
border-bottom-color: #5a5f5d;
}
@font-face{
font-family: BQN;
src: url(DejaVuBQNSansMono.ttf) format('truetype');
}
pre, code, textarea {
background-color: #e3e7e7;
color: #292929;
}
pre, code, textarea, .kb {
font-family: BQN, monospace;
font-size: 0.94em;
border: 1px solid #bdcac4;
letter-spacing: 0.2;
}
.code {
fill: #e3e7e7;
stroke: #bdcac4;
}
code {
padding: 0.15em 0.1em 0.05em;
white-space: nowrap;
border-width: 0.3px;
}
pre, textarea, .kb {
line-height: 1.2;
}
pre {
margin: 1.6em 0.4em;
overflow-x: auto;
}
pre, textarea { padding: 0.8em; }
textarea { width: 100%; outline: none; resize: vertical; margin: 0; }
.cont { margin: 1.3em 0; }
.rslt { background: none; border-top: none; margin: 0; overflow-x: initial; }
.rslt.err { color: #d11; }
.kb {
line-height: 1.5;
width: 100%;
padding: 0.3em 0;
}
.kb span {
cursor: default;
padding: 1px;
}
.rel { position: relative; }
.demo {
position: absolute; top: 0.2em; right: 0.4em;
height: 2.2em;
fill: #272e30;
cursor: pointer;
}
.replLink {
float: right;
position: relative;
right: 1em;
top: 0.8em;
font-size: 0.84em;
opacity: 0.7;
}
.Value { color: #1f2020; }
.Function { color: #1f7229; }
.Modifier { color: #7b3b60; }
.Modifier2 { color: #857614; }
.Gets { color: #16170a; }
.Paren { color: #585f5b; }
.Ligature,
.Separator,
.Bracket { color: #30241f; }
.Brace { color: #9130ad; }
.Nothing,
.Number { color: #6f251f; }
.Comment { color: #32328b; }
.String { color: #2d7583; }
a:link { color: #0b39dc; text-decoration-color: #0b39dc91; }
a:visited { color: #3d155f; }
.kb span:hover{ background-color: #bce; }
.kb.backslash { background-color: #cee; }
@media (prefers-color-scheme: dark) {
body, input { color: #d6d7d9; background-color: #141515; }
input { border-color: #0c0d0e; }
textarea, pre, code { color: #969698; background-color: #0c0d0e; }
textarea, pre, code, .kb { border-color: #040509; }
.code { fill: #0c0d0e; stroke: #040509; }
code { border-color: #0c0d0e; background-color: #0f1011; }
table td, th{ border-color: #636967; }
table th { border-color: #88918c; background-color: #292a2b; }
.kb span:hover { background-color: #237; }
.kb.backslash { background-color: #1e2430; }
.Value { color: #b2b9bb; }
.Function { color: #3aa548; }
.Modifier { color: #93428b; }
.Modifier2 { color: #998819; }
.Gets { color: #cccdcb; }
.Paren { color: #5a524a; }
.Ligature,
.Separator,
.Bracket { color: #9c7dc1; }
.Brace { color: #862f9e; }
.Nothing,
.Number { color: #a73227; }
.Comment { color: #3f3daa; }
.String { color: #3e99ab; }
a:link { color: #5592d9; text-decoration-color: #508dd978; }
a:visited { color: #8781c1; }
}
svg tspan {
fill: currentColor;
}
.purple { fill:#d6afe0; stroke:#3d1b46; } text.purple { fill:#3b1346; stroke:none; }
.bluegreen { fill:#55cbcb; stroke:#1c4e4e; } text.bluegreen { fill:#113939; stroke:none; }
.yellow { fill:#e2d17f; stroke:#a28237; } text.yellow { fill:#7a5a0e; stroke:none; }
@media (prefers-color-scheme: dark) {
.purple { fill:#241922; stroke:#612d86; } text.purple { fill:#6e2ca0; stroke:none; }
.bluegreen { fill:#0e2525; stroke:#297f7f; } text.bluegreen { fill:#578d8d; stroke:none; }
.yellow { fill:#5b4b25; stroke:#a27e2a; } text.yellow { fill:#9d7925; stroke:none; }
}
|
