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;
332 user-select: none;
334 .blame_code, .blob_code {
335 /* fixes the width of the first tab */
336 display: inline-block;
338 .blame_line:target, .blob_line:target {
339 background-color: Khaki;
341 .blame_number, .blob_number {
342 width: 6em;
343 overflow: hidden;
345 .blame_hash {
346 width: 6em;
347 overflow: auto;
349 .blame_date {
350 width: 7em;
351 overflow: auto;
353 .blame_author {
354 width: 6em;
355 overflow: hidden;
358 #tree {
359 margin-left: 20px;
360 margin-top: 20px;
361 margin-bottom: 20px;
362 border-collapse: collapse;
364 .tree_wrapper:nth-child(odd) {
365 background-color: #d8f3ef;
367 .tree_line {
368 font-family: monospace;
369 width: 20em;
370 padding: 5px;
372 .tree_line_blank {
373 padding: 1px;
374 width: 9.5em;
376 #tree_content h2 {
377 margin-top: 40px;
378 padding: 0 20px 0;
380 #tree_content pre {
381 padding: 0 20px 20px;
382 white-space: pre-wrap;
385 #diff {
386 margin-top: 20px;
387 margin-left: 20px;
388 margin-bottom: 20px;
389 overflow: auto;
392 #summary_wrapper {
393 background-color: Khaki;
396 dl {
397 padding: 0;
398 margin: 0;
399 display: flex;
400 flex-wrap: wrap;
402 dt {
403 padding: 3px 7px;
404 width: 120px;
406 dd {
407 padding: 3px 7px;
408 margin-left: auto;
409 width: calc(100% - 130px);
410 flex-grow: 2;
413 .clone-url {
414 white-space: pre-wrap;
417 .commit-msg {
418 white-space: pre-wrap;
421 .commit-id {
422 width: 100%;
423 display: inline-block;
424 overflow: hidden;
425 text-overflow: ellipsis;
428 .branches_age, .branches_space, .branch {
429 display: inline-block;
430 vertical-align: middle;
432 .branches_age {
433 padding-left: 10px;
434 padding-top: 5px;
435 padding-bottom: 5px;
436 width: calc(140px + 8.5em);
438 .branch {
439 padding-right: 10px;
440 padding-top: 5px;
441 padding-bottom: 5px;
442 padding-left: 10px;
445 /* dark theme */
446 @media (prefers-color-scheme: dark) {
447 body {
448 color: #eee;
449 background-color: #282A36;
452 hr {
453 border-style: solid;
456 #index_header, #summary_wrapper {
457 background-color: #BD93F9;
458 color: #222;
461 #got_link {
462 filter: brightness(0) saturate(100%)
463 invert(68%) sepia(73%) saturate(2771%)
464 hue-rotate(213deg) brightness(104%)
465 contrast(95%);
468 #header {
469 background-image: unset;
472 .index_project a {
473 color: #8BE9FD;
474 text-decoration: none;
476 .index_project a:hover {
477 color: #FFFFA5;
478 text-decoration: none;
481 .index_wrapper {
482 border-bottom-style: solid;
483 border-bottom-width: 1px;
484 border-image: linear-gradient(90deg, #FF79C6, #BD93F9 50%) 1;
487 a {
488 color: #FF79C6;
491 .diff_minus, .diff_submodule {
492 color: #FF79C6;
494 .diff_plus, .diff_symlink, .diff_author {
495 color: #8BE9FD;
497 .diff_chunk_header, .diff_date {
498 background-color: unset;
499 color: #FFB86C;
501 .diff_meta, .diff_executable, .diff_commit {
502 color: #6272A4;
505 .blame_code {
506 color: #eee;
509 .blame_wrapper {
510 color: #6272A4;
513 .blame_author {
514 color: #8BE9FD;
515 text-decoration: none;
518 .blame_line:target, .blob_line:target {
519 background-color: #44475a;
522 #site_owner_wrapper, #np_wrapper {
523 background-color: unset;
526 #site_owner_wrapper {
527 border-top: 1px solid #444444;
530 .page_header_wrapper {
531 background-color: unset;
534 .navs_wrapper {
535 background-color: #282A36;
538 .tree_wrapper:nth-child(even) {
539 background-color: #282A36;
542 .tree_wrapper:nth-child(odd) {
543 background-color: #3e3e3e;