Blob


1 /*
2 * Copyright (c) 2019 Jerome Kasper <neon.king.fr@gmail.com>
3 * Copyright (c) 2019, 2020 Tracey Emery <tracey@traceyemery.net>
4 *
5 * Permission to use, copy, modify, and distribute this software for any
6 * purpose with or without fee is hereby granted, provided that the above
7 * copyright notice and this permission notice appear in all copies.
8 *
9 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
10 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
11 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
12 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
13 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
14 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
15 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
16 */
18 *, *::after, *::before {
19 box-sizing: border-box;
20 }
22 a {
23 color: #444444;
24 text-decoration: none;
25 }
26 a:hover {
27 color: Gold;
28 text-decoration: none;
29 }
30 body {
31 background-color: #ffffff;
32 color: #000000;
33 margin: 0;
34 padding: 0;
35 font-family: sans-serif;
36 font-size: 16px;
37 }
39 pre {
40 font-family: monospace;
41 margin: 0;
42 }
44 .diff_minus, .diff_submodule {
45 color: magenta;
46 }
47 .diff_plus, .diff_symlink, .diff_author {
48 color: darkcyan;
49 }
50 .diff_chunk_header, .diff_date {
51 background-color: LightSlateGray;
52 color: yellow;
53 }
54 .diff_meta, .diff_executable, .diff_commit {
55 color: green;
56 }
57 .diff_directory {
58 color: blue;
59 }
61 .refs_str {
62 background-color: #243647;
63 color: #ffffff;
64 font-style: italic;
65 white-space: pre;
66 }
67 hr {
68 margin: 0;
69 height: 0;
70 border: 0px;
71 border-top: 1px dotted #444444;
72 }
73 #header {
74 background-image: linear-gradient(to right, White, LightSlateGray);
75 }
76 #header a {
77 color: #ffffff;
78 text-decoration: none;
79 }
80 #header a:hover {
81 color: Gold;
82 text-decoration: none;
83 }
84 #site_path {
85 overflow: auto;
86 width: 100%;
87 background-color: #243647;
88 }
89 #site_link {
90 padding-left: 10px;
91 padding-top: 5px;
92 padding-bottom: 5px;
93 color: #ffffff;
94 overflow: hidden;
95 }
96 #site_link a {
97 color: #ffffff;
98 text-decoration: none;
99 }
100 #got_link {
101 padding-bottom: 10px;
102 padding-top: 10px;
104 #np_wrapper {
105 width: 100%;
106 border-bottom: 1px dotted #444444;
107 background-color: #f5fcfb;
108 overflow: hidden;
109 display: flex;
110 flex-direction: row;
111 justify-content: space-between;
113 #nav_more, #nav_prev, #nav_next {
114 padding: 5px 10px;
116 #nav_more {
117 text-align: center;
118 flex-grow: 2;
120 .navs_wrapper {
121 width: 100%;
122 background-color: #ced7e0;
124 .navs {
125 padding-left: 10px;
126 padding-top: 2px;
127 padding-bottom: 2px;
129 @media (min-width: 680px) {
130 .navs {
131 font-size: .8em;
134 #site_owner_wrapper {
135 width: 100%;
136 background-color: LightSlateGray;
137 color: #ffffff;
139 #site_owner {
140 padding-left: 10px;
141 padding-top: 5px;
142 padding-bottom: 5px;
143 margin: 0;
146 #err_content {
147 padding-left: 20px;
148 padding-top: 20px;
149 padding-bottom: 20px;
152 header.subtitle {
153 background-color: LightSlateGray;
155 header.subtitle h2 {
156 margin: 0;
157 padding: 5px 10px;
158 font-size: 1rem;
159 font-weight: normal;
160 color: #ffffff;
163 .brief {
164 display: flex;
165 flex-direction: row;
166 align-items: center;
167 flex-wrap: wrap;
169 .brief p {
170 margin: 0;
172 .brief_meta {
173 flex-grow: 0;
174 flex-shrink: 0;
176 .briefs_age, .briefs_author {
177 display: inline-block;
178 vertical-align: middle;
180 .briefs_age {
181 padding-left: 10px;
182 padding-top: 5px;
183 padding-bottom: 5px;
184 width: 140px;
186 .briefs_author {
187 padding-top: 5px;
188 padding-bottom: 5px;
189 width: 8.5em;
190 font-style: italic;
192 .briefs_log {
193 padding-left: 10px;
194 padding-right: 10px;
195 padding-top: 5px;
196 padding-bottom: 5px;
197 width: 100%;
200 @media (min-width: 680px) {
201 .brief {
202 flex-wrap: nowrap;
204 .briefs_log {
205 width: auto;
209 .briefs_log summary {
210 cursor: pointer;
213 .briefs_toggle {
214 display: inline-block;
215 padding: 3px 4px;
216 padding: 0px 4px;
217 border: 1px solid #222;
218 border-radius: 3px;
219 user-select: none;
222 /* work around .commits being unusable here */
223 .briefs_log > p {
224 white-space: pre-wrap;
227 .tag_age, .tag_name, .tag_log {
228 display: inline-block;
229 vertical-align: middle;
231 .tag_age {
232 padding-left: 10px;
233 padding-top: 5px;
234 padding-bottom: 5px;
235 width: 140px;
237 .tag_name {
238 width: 8.5em;
239 font-style: italic;
240 padding-top: 5px;
241 padding-bottom: 5px;
243 .tag_log {
244 padding-left: 10px;
245 padding-right: 10px;
246 padding-top: 5px;
247 padding-bottom: 5px;
248 width: 65%;
251 #tag_commit {
252 padding-top: 20px;
253 padding-left: 20px;
254 padding-bottom: 20px;
255 overflow: auto;
258 #index_header {
259 background-color: Khaki;
261 .index_project, .index_project_description, .index_project_owner,
262 .index_project_age {
263 display: inline-block;
264 padding: 10px;
265 overflow: hidden;
266 vertical-align: middle;
268 .index_project {
269 width: 20%;
271 .index_project_description {
272 width: 30%;
274 .index_project_owner {
275 width: 25%;
277 .index_project_age {
278 width: 25%;
280 .index_project a {
281 color: #444444;
282 text-decoration: none;
284 .index_project a:hover {
285 color: SteelBlue;
286 text-decoration: none;
288 #index_next a {
289 color: #444444;
290 text-decoration: none;
292 #index_next a:hover {
293 color: SteelBlue;
294 text-decoration: none;
296 #index_prev a {
297 color: #444444;
298 text-decoration: none;
300 #index_prev a:hover {
301 color: SteelBlue;
302 text-decoration: none;
305 .page_header_wrapper {
306 background-color: #f5fcfb;
307 padding-left: 10px;
308 padding-top: 5px;
309 padding-bottom: 2px;
312 .commits_content {
313 width: 100%;
315 .commit {
316 padding-left: 20px;
317 padding-bottom: 20px;
318 white-space: pre-wrap;
321 #blame, #blob {
322 margin-top: 20px;
323 margin-left: 20px;
324 margin-bottom: 20px;
325 overflow: auto;
327 .blob_line > a {
328 display: inline-block;
329 text-align: right;
330 width: 60px;
331 padding-right: 20px;
333 .blame_code, .blob_code {
334 /* fixes the width of the first tab */
335 display: inline-block;
337 .blame_line:target, .blob_line:target {
338 background-color: Khaki;
340 .blame_number, .blob_number {
341 width: 6em;
342 overflow: hidden;
344 .blame_hash {
345 width: 6em;
346 overflow: auto;
348 .blame_date {
349 width: 7em;
350 overflow: auto;
352 .blame_author {
353 width: 6em;
354 overflow: hidden;
357 #tree {
358 margin-left: 20px;
359 margin-top: 20px;
360 margin-bottom: 20px;
361 border-collapse: collapse;
363 .tree_wrapper:nth-child(odd) {
364 background-color: #d8f3ef;
366 .tree_line {
367 font-family: monospace;
368 width: 20em;
369 padding: 5px;
371 .tree_line_blank {
372 padding: 1px;
373 width: 9.5em;
375 #tree_content h2 {
376 margin-top: 40px;
377 padding: 0 20px 0;
379 #tree_content pre {
380 padding: 0 20px 20px;
381 white-space: pre-wrap;
384 #diff {
385 margin-top: 20px;
386 margin-left: 20px;
387 margin-bottom: 20px;
388 overflow: auto;
391 #summary_wrapper {
392 background-color: Khaki;
395 dl {
396 padding: 0;
397 margin: 0;
398 display: flex;
399 flex-wrap: wrap;
401 dt {
402 padding: 3px 7px;
403 width: 120px;
405 dd {
406 padding: 3px 7px;
407 margin-left: auto;
408 width: calc(100% - 130px);
409 flex-grow: 2;
412 .clone-url {
413 white-space: pre-wrap;
416 .commit-msg {
417 white-space: pre-wrap;
420 .commit-id {
421 width: 100%;
422 display: inline-block;
423 overflow: hidden;
424 text-overflow: ellipsis;
427 .branches_age, .branches_space, .branch {
428 display: inline-block;
429 vertical-align: middle;
431 .branches_age {
432 padding-left: 10px;
433 padding-top: 5px;
434 padding-bottom: 5px;
435 width: calc(140px + 8.5em);
437 .branch {
438 padding-right: 10px;
439 padding-top: 5px;
440 padding-bottom: 5px;
441 padding-left: 10px;
444 /* dark theme */
445 @media (prefers-color-scheme: dark) {
446 body {
447 color: #eee;
448 background-color: #282A36;
451 hr {
452 border-style: solid;
455 #index_header, #summary_wrapper {
456 background-color: #BD93F9;
457 color: #222;
460 #got_link {
461 filter: brightness(0) saturate(100%)
462 invert(68%) sepia(73%) saturate(2771%)
463 hue-rotate(213deg) brightness(104%)
464 contrast(95%);
467 #header {
468 background-image: unset;
471 .index_project a {
472 color: #8BE9FD;
473 text-decoration: none;
475 .index_project a:hover {
476 color: #FFFFA5;
477 text-decoration: none;
480 .index_wrapper {
481 border-bottom-style: solid;
482 border-bottom-width: 1px;
483 border-image: linear-gradient(90deg, #FF79C6, #BD93F9 50%) 1;
486 a {
487 color: #FF79C6;
490 .diff_minus, .diff_submodule {
491 color: #FF79C6;
493 .diff_plus, .diff_symlink, .diff_author {
494 color: #8BE9FD;
496 .diff_chunk_header, .diff_date {
497 background-color: unset;
498 color: #FFB86C;
500 .diff_meta, .diff_executable, .diff_commit {
501 color: #6272A4;
504 .blame_code {
505 color: #eee;
508 .blame_wrapper {
509 color: #6272A4;
512 .blame_author {
513 color: #8BE9FD;
514 text-decoration: none;
517 #site_owner_wrapper, #np_wrapper {
518 background-color: unset;
521 #site_owner_wrapper {
522 border-top: 1px solid #444444;
525 .page_header_wrapper {
526 background-color: unset;
529 .navs_wrapper {
530 background-color: #282A36;
533 .tree_wrapper:nth-child(even) {
534 background-color: #282A36;
537 .tree_wrapper:nth-child(odd) {
538 background-color: #3e3e3e;