1body {
2 font-family: system-ui, -apple-system, Roboto, "Segoe UI", sans-serif;
3 color: #000000;
4 padding: 1em 10%;
5}
6ul.no-marker {
7 list-style-type: none;
8 padding-left: 0;
9}
10hr {
11 margin: 2em 0;
12}
13.hidden {
14 display: none;
15}
16.empty-cell {
17 background: #ccc;
18}
19table.time-stats > tbody > tr > th {
20 text-align: left;
21}
22table.time-stats > tbody > tr > td {
23 text-align: right;
24}
25details > summary {
26 cursor: pointer;
27 font-size: 1.5em;
28}
29.tooltip {
30 text-decoration: underline;
31 cursor: help;
32}
33.tooltip-content {
34 border-radius: 6px;
35 display: none;
36 position: absolute;
37 background: #fff;
38 border: 1px solid black;
39 max-width: 500px;
40 padding: 1em;
41 text-align: left;
42 font-weight: normal;
43 pointer-events: none;
44}
45.tooltip:hover > .tooltip-content {
46 display: block;
47}
48table {
49 margin: 1.0em auto 1.5em 0;
50 border-collapse: collapse;
51}
52th, td {
53 padding: 0.5em 1em 0.5em 1em;
54 border: 1px solid;
55 border-color: black;
56}
57a, button {
58 color: #2A6286;
59}
60button {
61 background: #eee;
62 cursor: pointer;
63 border: none;
64 border-radius: 3px;
65 padding: 0.2em 0.5em;
66}
67button.big-btn {
68 font-size: 1.3em;
69}
70button.linkish {
71 background: none;
72 text-decoration: underline;
73 padding: 0;
74}
75button:disabled {
76 color: #888;
77 cursor: not-allowed;
78}
79pre {
80 font-family: "Source Code Pro", monospace;
81 font-size: 1em;
82 background-color: #F5F5F5;
83 padding: 1em;
84 margin: 0;
85 overflow-x: auto;
86}
87:not(pre) > code {
88 white-space: break-spaces;
89}
90code {
91 font-family: "Source Code Pro", monospace;
92 font-size: 0.9em;
93}
94code a {
95 color: #000000;
96}
97kbd {
98 color: #000;
99 background-color: #fafbfc;
100 border-color: #d1d5da;
101 border-bottom-color: #c6cbd1;
102 box-shadow-color: #c6cbd1;
103 display: inline-block;
104 padding: 0.3em 0.2em;
105 font: 1.2em monospace;
106 line-height: 0.8em;
107 vertical-align: middle;
108 border: solid 1px;
109 border-radius: 3px;
110 box-shadow: inset 0 -1px 0;
111 cursor: default;
112}
113.status-running { color: #181; }
114.status-idle { color: #444; }
115.step-success { color: #181; }
116.step-failure { color: #d11; }
117.step-wip::before {
118 content: '';
119 position: absolute;
120 margin-left: -1.5em;
121 width: 1em;
122 text-align: center;
123 animation-name: spinner;
124 animation-duration: 0.5s;
125 animation-iteration-count: infinite;
126 animation-timing-function: step-start;
127}
128@keyframes spinner {
129 0% { content: '|'; }
130 25% { content: '/'; }
131 50% { content: '-'; }
132 75% { content: '\\'; }
133 100% { content: '|'; }
134}
135
136.l {
137 display: inline-block;
138 background: red;
139 width: 1em;
140 height: 1em;
141 border-radius: 1em;
142}
143.c {
144 background-color: green;
145}
146
147.tok-kw {
148 color: #333;
149 font-weight: bold;
150}
151.tok-str {
152 color: #d14;
153}
154.tok-builtin {
155 color: #0086b3;
156}
157.tok-comment {
158 color: #777;
159 font-style: italic;
160}
161.tok-fn {
162 color: #900;
163 font-weight: bold;
164}
165.tok-null {
166 color: #008080;
167}
168.tok-number {
169 color: #008080;
170}
171.tok-type {
172 color: #458;
173 font-weight: bold;
174}
175
176@media (prefers-color-scheme: dark) {
177 body {
178 background-color: #111;
179 color: #ddd;
180 }
181 pre {
182 background-color: #222;
183 }
184 a, button {
185 color: #88f;
186 }
187 button {
188 background: #333;
189 }
190 button:disabled {
191 color: #555;
192 }
193 code a {
194 color: #eee;
195 }
196 th, td {
197 border-color: white;
198 }
199 .empty-cell {
200 background: #000;
201 }
202 .tooltip-content {
203 background: #060606;
204 border-color: white;
205 }
206 .status-running { color: #90ee90; }
207 .status-idle { color: #bbb; }
208 .step-success { color: #90ee90; }
209 .step-failure { color: #f66; }
210 .l {
211 background-color: red;
212 }
213 .c {
214 background-color: green;
215 }
216 .tok-kw {
217 color: #eee;
218 }
219 .tok-str {
220 color: #2e5;
221 }
222 .tok-builtin {
223 color: #ff894c;
224 }
225 .tok-comment {
226 color: #aa7;
227 }
228 .tok-fn {
229 color: #B1A0F8;
230 }
231 .tok-null {
232 color: #ff8080;
233 }
234 .tok-number {
235 color: #ff8080;
236 }
237 .tok-type {
238 color: #68f;
239 }
240}