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 /* general sections */
20 a {
21 color: #444444;
22 text-decoration: none;
23 }
24 a:hover {
25 color: Gold;
26 text-decoration: none;
27 }
28 body {
29 background-color: #ffffff;
30 color: #000000;
31 margin: 0;
32 padding: 0;
33 font-family: Arial, sans-serif;
34 }
36 .diff_minus, .diff_submodule {
37 color: magenta;
38 }
39 .diff_plus, .diff_symlink, .diff_author {
40 color: darkcyan;
41 }
42 .diff_chunk_header, .diff_date {
43 background-color: LightSlateGray;
44 color: yellow;
45 }
46 .diff_meta, .diff_executable, .diff_commit {
47 color: green;
48 }
49 .diff_directory {
50 color: blue;
51 }
53 #logo {
54 height: 50px;
55 }
56 .refs_str {
57 background-color: #243647;
58 color: #ffffff;
59 font-style: italic;
60 }
61 .dotted_line {
62 clear: left;
63 float: left;
64 width: 100%;
65 border-top: 1px dotted #444444;
66 }
67 #header {
68 overflow: auto;
69 width: 100%;
70 background-image: linear-gradient(to right, White, LightSlateGray);
71 }
72 #header a {
73 color: #ffffff;
74 font-size: 1.2em;
75 text-decoration: none;
76 }
77 #header a:hover {
78 color: Gold;
79 font-size: 1.2em;
80 text-decoration: none;
81 }
82 #site_path {
83 clear: left;
84 float: left;
85 overflow: auto;
86 width: 100%;
87 background-color: #243647;
88 }
89 #site_link {
90 float: left;
91 width: 40%;
92 padding-left: 10px;
93 padding-top: 5px;
94 padding-bottom: 5px;
95 color: #ffffff;
96 overflow: hidden;
97 }
98 #site_link a {
99 color: #ffffff;
100 text-decoration: none;
102 #got_link {
103 float: left;
104 padding-bottom: 10px;
105 padding-top: 10px;
107 #content {
108 width: 100%;
109 float: left;
110 clear: both;
112 #np_wrapper {
113 clear: left;
114 float: left;
115 width: 100%;
116 border-bottom: 1px dotted #444444;
117 background-color: #f5fcfb;
118 overflow: hidden;
120 #nav_prev {
121 float: left;
122 padding-left: 10px;
123 padding-top: 5px;
124 padding-bottom: 5px;
125 overflow: visible;
127 #nav_next {
128 padding-right: 10px;
129 padding-top: 5px;
130 padding-bottom: 5px;
131 text-align: right;
132 overflow: hidden;
134 .navs_wrapper {
135 clear: left;
136 float: left;
137 width: 100%;
138 background-color: #ced7e0;
140 .navs {
141 padding-left: 10px;
142 padding-top: 2px;
143 padding-bottom: 2px;
144 font-size: .8em;
146 #site_owner_wrapper {
147 clear: left;
148 float: left;
149 width: 100%;
150 background-color: LightSlateGray;
151 color: #ffffff;
153 #site_owner {
154 padding-left: 10px;
155 padding-top: 5px;
156 padding-bottom: 5px;
158 #description_title {
159 clear: left;
160 float: left;
161 width: 6.5em;
162 padding-left: 10px;
163 padding-top: 5px;
164 padding-bottom: 5px;
166 #description {
167 float: left;
168 width: 72%;
169 padding-top: 5px;
170 padding-bottom: 5px;
172 #repo_owner_title {
173 clear: left;
174 float: left;
175 width: 6.5em;
176 padding-left: 10px;
177 padding-top: 5px;
178 padding-bottom: 5px;
180 #repo_owner {
181 float: left;
182 width: 72%;
183 padding-top: 5px;
184 padding-bottom: 5px;
186 #last_change_title {
187 clear: left;
188 float: left;
189 width: 6.5em;
190 padding-left: 10px;
191 padding-top: 5px;
192 padding-bottom: 5px;
194 #last_change {
195 float: left;
196 width: 72%;
197 padding-top: 5px;
198 padding-bottom: 5px;
200 #cloneurl_title {
201 clear: left;
202 float: left;
203 width: 6.5em;
204 padding-left: 10px;
205 padding-top: 5px;
206 padding-bottom: 5px;
208 #cloneurl {
209 float: left;
210 width: 72%;
211 padding-top: 5px;
212 padding-bottom: 5px;
213 overflow: auto;
214 white-space: pre-wrap;
217 .header_commit_title {
218 clear: left;
219 float: left;
220 width: 6.5em;
221 padding-left: 10px;
222 padding-top: 2px;
223 padding-bottom: 2px;
225 .header_commit {
226 float: left;
227 width: 72%;
228 padding-top: 2px;
229 padding-bottom: 2px;
231 #header_diff_title {
232 clear: left;
233 float: left;
234 width: 6.5em;
235 padding-left: 10px;
236 padding-top: 2px;
237 padding-bottom: 2px;
239 #header_diff {
240 float: left;
241 width: 72%;
242 padding-top: 2px;
243 padding-bottom: 2px;
245 .header_author_title {
246 clear: left;
247 float: left;
248 width: 6.5em;
249 padding-left: 10px;
250 padding-top: 2px;
251 padding-bottom: 2px;
253 .header_author {
254 float: left;
255 width: 72%;
256 padding-top: 2px;
257 padding-bottom: 2px;
259 .header_age_title {
260 clear: left;
261 float: left;
262 width: 6.5em;
263 padding-left: 10px;
264 padding-top: 2px;
265 padding-bottom: 2px;
267 .header_age {
268 float: left;
269 width: 72%;
270 padding-top: 2px;
271 padding-bottom: 2px;
273 #header_commit_msg_title {
274 clear: left;
275 float: left;
276 width: 6.5em;
277 padding-left: 10px;
278 padding-top: 2px;
279 padding-bottom: 2px;
281 #header_commit_msg {
282 float: left;
283 width: 72%;
284 padding-top: 2px;
285 padding-bottom: 2px;
286 white-space: pre-wrap;
288 #header_tree_title {
289 clear: left;
290 float: left;
291 width: 6.5em;
292 padding-left: 10px;
293 padding-top: 2px;
294 padding-bottom: 2px;
296 #header_tree {
297 float: left;
298 width: 72%;
299 padding-top: 2px;
300 padding-bottom: 2px;
303 #err_content {
304 clear: left;
305 float: left;
306 padding-left: 20px;
307 padding-top: 20px;
308 padding-bottom: 20px;
311 #briefs_title_wrapper {
312 clear: left;
313 float: left;
314 width: 100%;
315 background-color: LightSlateGray;
316 color: #ffffff;
318 #briefs_title {
319 padding-left: 10px;
320 padding-top: 5px;
321 padding-bottom: 5px;
323 #briefs_content {
324 clear: left;
325 float: left;
326 width: 100%;
328 .briefs_age {
329 padding-left: 10px;
330 padding-top: 5px;
331 padding-bottom: 5px;
332 float: left;
333 width: 7.5em;
334 overflow: auto;
336 .briefs_author {
337 float: left;
338 padding-top: 5px;
339 padding-bottom: 5px;
340 width: 8.5em;
341 font-style: italic;
342 overflow: auto;
344 .briefs_log {
345 float: left;
346 padding-left: 10px;
347 padding-right: 10px;
348 padding-top: 5px;
349 padding-bottom: 5px;
350 width: 65%;
353 #tags_title_wrapper {
354 clear: left;
355 float: left;
356 width: 100%;
357 background-color: LightSlateGray;
358 color: #ffffff;
360 #tags_title {
361 padding-left: 10px;
362 padding-top: 5px;
363 padding-bottom: 5px;
365 #tags_content {
366 clear: left;
367 float: left;
368 width: 100%;
370 .tag_age {
371 padding-left: 10px;
372 padding-top: 5px;
373 padding-bottom: 5px;
374 float: left;
375 width: 7.5em;
376 overflow: auto;
378 .tag_log {
379 float: left;
380 padding-left: 10px;
381 padding-right: 10px;
382 padding-top: 5px;
383 padding-bottom: 5px;
384 width: 65%;
387 #tag_header_wrapper {
388 clear: left;
389 float: left;
390 background-color: #f5fcfb;
391 width: 100%;
393 #tag_header {
394 float: left;
395 padding-left: 10px;
396 padding-top: 5px;
397 padding-bottom: 2px;
398 width: 80%;
400 .tag {
401 float: left;
402 width: 8.5em;
403 font-style: italic;
404 padding-top: 5px;
405 padding-bottom: 5px;
407 #tag_commit {
408 clear: left;
409 float: left;
410 padding-left: 20px;
411 padding-bottom: 20px;
412 white-space: pre-wrap;
415 #index_header {
416 clear: left;
417 float: left;
418 overflow: auto;
419 width: 100%;
420 background-color: Khaki;
422 #index_header_project {
423 clear: left;
424 float: left;
425 width: 20%;
426 padding: 10px;
428 #index_header_description {
429 float: left;
430 width: 30%;
431 padding: 10px;
433 #index_header_owner {
434 float: left;
435 width: 12%;
436 padding: 10px;
438 #index_header_age {
439 padding: 10px;
440 overflow: hidden;
442 .index_wrapper {
443 clear: left;
444 float: left;
445 width: 100%;
447 .index_project {
448 float: left;
449 width: 20%;
450 padding: 10px;
451 overflow: hidden;
453 .index_project_description {
454 float: left;
455 width: 30%;
456 padding: 10px;
457 overflow: auto;
459 .index_project_owner {
460 float: left;
461 width: 12%;
462 padding: 10px;
463 overflow: hidden;
465 .index_project_age {
466 float: left;
467 width: 14%;
468 padding: 10px;
469 overflow: visible;
471 .index_project a {
472 color: #444444;
473 text-decoration: none;
475 .index_project a:hover {
476 color: SteelBlue;
477 text-decoration: none;
479 #index_next a {
480 color: #444444;
481 text-decoration: none;
483 #index_next a:hover {
484 color: SteelBlue;
485 text-decoration: none;
487 #index_prev a {
488 color: #444444;
489 text-decoration: none;
491 #index_prev a:hover {
492 color: SteelBlue;
493 text-decoration: none;
496 .commits_title_wrapper {
497 clear: left;
498 float: left;
499 width: 100%;
500 background-color: LightSlateGray;
501 color: #ffffff;
503 .commits_title {
504 padding-left: 10px;
505 padding-top: 5px;
506 padding-bottom: 5px;
508 .commits_content {
509 clear: left;
510 float: left;
511 width: 100%;
513 .commits_header_wrapper {
514 float: left;
515 background-color: #f5fcfb;
516 width: 100%;
518 .commits_header {
519 float: left;
520 padding-top: 5px;
521 padding-bottom: 2px;
522 width: 80%;
524 .commit {
525 clear: left;
526 float: left;
527 padding-left: 20px;
528 padding-bottom: 20px;
529 white-space: pre-wrap;
532 #blame_title_wrapper, #blob_title_wrapper {
533 background-color: LightSlateGray;
534 color: #ffffff;
536 #blame_title, #blob_title_wrapper {
537 padding-left: 10px;
538 padding-top: 5px;
539 padding-bottom: 5px;
541 #blame_content, #blob_content {
542 clear: left;
543 float: left;
544 width: 100%;
546 #blame_header_wrapper, #blob_header_wrapper {
547 float: left;
548 background-color: #f5fcfb;
549 width: 100%;
551 #blame_header, #blob_header {
552 float: left;
553 padding-left: 10px;
554 padding-top: 5px;
555 padding-bottom: 2px;
556 width: 80%;
558 #blame, #blob {
559 clear: left;
560 float: left;
561 margin-left: 20px;
562 margin-bottom: 20px;
563 font-family: monospace;
564 white-space: pre;
565 overflow: auto;
567 .blame_wrapper, .blob_line {
568 clear: left;
569 float: left;
570 width: 100%;
572 .blame_wrapper:target, .blob_line:target {
573 background-color: Khaki;
575 .blame_number, .blob_number {
576 float: left;
577 width: 6em;
578 overflow: hidden;
580 .blame_hash {
581 float: left;
582 width: 6em;
583 overflow: auto;
585 .blame_date {
586 float: left;
587 width: 7em;
588 overflow: auto;
590 .blame_author {
591 float: left;
592 width: 6em;
593 overflow: hidden;
595 .blame_code, .blob_code {
596 float:left;
597 width: 50%;
598 overflow: visible;
601 #tree_title_wrapper {
602 clear: left;
603 float: left;
604 width: 100%;
605 background-color: LightSlateGray;
606 color: #ffffff;
608 #tree_title {
609 padding-left: 10px;
610 padding-top: 5px;
611 padding-bottom: 5px;
613 #tree_content {
614 clear: left;
615 float: left;
616 width: 100%;
618 #tree_header_wrapper {
619 clear: left;
620 float: left;
621 background-color: #f5fcfb;
622 width: 100%;
624 #tree_header {
625 float: left;
626 padding-left: 10px;
627 padding-top: 5px;
628 padding-bottom: 2px;
629 width: 80%;
631 #tree {
632 clear: left;
633 float: left;
634 margin-left: 20px;
635 margin-top: 20px;
636 margin-bottom: 20px;
637 font-family: monospace;
639 .tree_wrapper {
640 clear: left;
641 float: left;
642 width: 100%;
643 background-color: #d8f3ef;
645 .tree_wrapper:nth-child(even) {
646 background-color: #ffffff;
648 .tree_line {
649 clear: left;
650 float: left;
651 width: 20em;
652 padding: 1px;
654 .tree_line_blank {
655 float: left;
656 padding: 1px;
657 width: 9.5em;
660 #diff_title_wrapper {
661 clear: left;
662 float: left;
663 width: 100%;
664 background-color: LightSlateGray;
665 color: #ffffff;
667 #diff_title {
668 padding-left: 10px;
669 padding-top: 5px;
670 padding-bottom: 5px;
672 #diff_content {
673 clear: left;
674 float: left;
675 width: 100%;
677 #diff_header_wrapper {
678 float: left;
679 background-color: #f5fcfb;
680 width: 100%;
682 #diff_header {
683 float: left;
684 padding-left: 10px;
685 padding-top: 5px;
686 padding-bottom: 2px;
687 width: 80%;
689 #diff {
690 clear: left;
691 float: left;
692 margin-left: 20px;
693 margin-bottom: 20px;
694 font-family: monospace;
695 white-space: pre;
697 .diff_line {
698 clear: left;
699 float: left;
702 #summary_wrapper {
703 clear: left;
704 float: left;
705 width: 100%;
706 background-color: Khaki;
709 #branches_title_wrapper {
710 clear: left;
711 float: left;
712 width: 100%;
713 background-color: LightSlateGray;
714 color: #ffffff;
716 #branches_title {
717 padding-left: 10px;
718 padding-top: 5px;
719 padding-bottom: 5px;
721 #branches_content {
722 clear: left;
723 float: left;
724 width: 100%;
727 .branches_wrapper {
728 clear: left;
729 float: left;
730 width: 100%;
732 .branches_age {
733 padding-left: 10px;
734 padding-top: 5px;
735 padding-bottom: 5px;
736 float: left;
737 width: 7.5em;
738 overflow: auto;
740 .branches_space {
741 padding-left: 10px;
742 padding-top: 5px;
743 padding-bottom: 5px;
744 float: left;
745 width: 8.5em;
746 overflow: auto;
748 .branch {
749 float: left;
750 padding-right: 10px;
751 padding-top: 5px;
752 padding-bottom: 5px;