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  */
17 
18 /* general sections */
19 
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 }
35 
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 }
52 
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;
101 }
102 #got_link {
103 	float: left;
104 	padding-bottom: 10px;
105 	padding-top: 10px;
106 }
107 #content {
108 	width: 100%;
109 }
110 #np_wrapper {
111 	clear: left;
112 	float: left;
113 	width: 100%;
114 	border-bottom: 1px dotted #444444;
115 	background-color: #f5fcfb;
116 	overflow: hidden;
117 }
118 #nav_prev {
119 	float: left;
120 	padding-left: 10px;
121 	padding-top: 5px;
122 	padding-bottom: 5px;
123 	overflow: visible;
124 }
125 #nav_next {
126 	padding-right: 10px;
127 	padding-top: 5px;
128 	padding-bottom: 5px;
129 	text-align: right;
130 	overflow: hidden;
131 }
132 .navs_wrapper {
133 	clear: left;
134 	float: left;
135 	width: 100%;
136 	background-color: #ced7e0;
137 }
138 .navs {
139 	padding-left: 10px;
140 	padding-top: 2px;
141 	padding-bottom: 2px;
142 	font-size: .8em;
143 }
144 #site_owner_wrapper {
145 	clear: left;
146 	float: left;
147 	width: 100%;
148 	background-color: LightSlateGray;
149 	color: #ffffff;
150 }
151 #site_owner {
152 	padding-left: 10px;
153 	padding-top: 5px;
154 	padding-bottom: 5px;
155 }
156 #description_title {
157 	clear: left;
158 	float: left;
159 	width: 6.5em;
160 	padding-left: 10px;
161 	padding-top: 5px;
162 	padding-bottom: 5px;
163 }
164 #description {
165 	float: left;
166 	width: 72%;
167 	padding-top: 5px;
168 	padding-bottom: 5px;
169 }
170 #repo_owner_title {
171 	clear: left;
172 	float: left;
173 	width: 6.5em;
174 	padding-left: 10px;
175 	padding-top: 5px;
176 	padding-bottom: 5px;
177 }
178 #repo_owner {
179 	float: left;
180 	width: 72%;
181 	padding-top: 5px;
182 	padding-bottom: 5px;
183 }
184 #last_change_title {
185 	clear: left;
186 	float: left;
187 	width: 6.5em;
188 	padding-left: 10px;
189 	padding-top: 5px;
190 	padding-bottom: 5px;
191 }
192 #last_change {
193 	float: left;
194 	width: 72%;
195 	padding-top: 5px;
196 	padding-bottom: 5px;
197 }
198 #cloneurl_title {
199 	clear: left;
200 	float: left;
201 	width: 6.5em;
202 	padding-left: 10px;
203 	padding-top: 5px;
204 	padding-bottom: 5px;
205 }
206 #cloneurl {
207 	float: left;
208 	width: 72%;
209 	padding-top: 5px;
210 	padding-bottom: 5px;
211 	overflow: auto;
212 	white-space: pre-wrap;
213 }
214 
215 .header_commit_title {
216 	clear: left;
217 	float: left;
218 	width: 6.5em;
219 	padding-left: 10px;
220 	padding-top: 2px;
221 	padding-bottom: 2px;
222 }
223 .header_commit {
224 	float: left;
225 	width: 72%;
226 	padding-top: 2px;
227 	padding-bottom: 2px;
228 }
229 #header_diff_title {
230 	clear: left;
231 	float: left;
232 	width: 6.5em;
233 	padding-left: 10px;
234 	padding-top: 2px;
235 	padding-bottom: 2px;
236 }
237 #header_diff {
238 	float: left;
239 	width: 72%;
240 	padding-top: 2px;
241 	padding-bottom: 2px;
242 }
243 .header_author_title {
244 	clear: left;
245 	float: left;
246 	width: 6.5em;
247 	padding-left: 10px;
248 	padding-top: 2px;
249 	padding-bottom: 2px;
250 }
251 .header_author {
252 	float: left;
253 	width: 72%;
254 	padding-top: 2px;
255 	padding-bottom: 2px;
256 }
257 .header_age_title {
258 	clear: left;
259 	float: left;
260 	width: 6.5em;
261 	padding-left: 10px;
262 	padding-top: 2px;
263 	padding-bottom: 2px;
264 }
265 .header_age {
266 	float: left;
267 	width: 72%;
268 	padding-top: 2px;
269 	padding-bottom: 2px;
270 }
271 #header_commit_msg_title {
272 	clear: left;
273 	float: left;
274 	width: 6.5em;
275 	padding-left: 10px;
276 	padding-top: 2px;
277 	padding-bottom: 2px;
278 }
279 #header_commit_msg {
280 	float: left;
281 	width: 72%;
282 	padding-top: 2px;
283 	padding-bottom: 2px;
284 	white-space: pre-wrap;
285 }
286 #header_tree_title {
287 	clear: left;
288 	float: left;
289 	width: 6.5em;
290 	padding-left: 10px;
291 	padding-top: 2px;
292 	padding-bottom: 2px;
293 }
294 #header_tree {
295 	float: left;
296 	width: 72%;
297 	padding-top: 2px;
298 	padding-bottom: 2px;
299 }
300 
301 #err_content {
302 	clear: left;
303 	float: left;
304 	width: 100%;
305 	padding-left: 20px;
306 	padding-top: 20px;
307 	padding-bottom: 20px;
308 }
309 
310 #briefs_title_wrapper {
311 	clear: left;
312 	float: left;
313 	width: 100%;
314 	background-color: LightSlateGray;
315 	color: #ffffff;
316 }
317 #briefs_title {
318 	padding-left: 10px;
319 	padding-top: 5px;
320 	padding-bottom: 5px;
321 }
322 #briefs_content {
323 	clear: left;
324 	float: left;
325 	width: 100%;
326 }
327 .briefs_age {
328 	padding-left: 10px;
329 	padding-top: 5px;
330 	padding-bottom: 5px;
331 	float: left;
332 	width: 7.5em;
333 	overflow: auto;
334 }
335 .briefs_author {
336 	float: left;
337 	padding-top: 5px;
338 	padding-bottom: 5px;
339 	width: 8.5em;
340 	font-style: italic;
341 	overflow: auto;
342 }
343 .briefs_log {
344 	float: left;
345 	padding-left: 10px;
346 	padding-right: 10px;
347 	padding-top: 5px;
348 	padding-bottom: 5px;
349 	width: 65%;
350 }
351 
352 #tags_title_wrapper {
353 	clear: left;
354 	float: left;
355 	width: 100%;
356 	background-color: LightSlateGray;
357 	color: #ffffff;
358 }
359 #tags_title {
360 	padding-left: 10px;
361 	padding-top: 5px;
362 	padding-bottom: 5px;
363 }
364 #tags_content {
365 	clear: left;
366 	float: left;
367 	width: 100%;
368 }
369 .tag_age {
370 	padding-left: 10px;
371 	padding-top: 5px;
372 	padding-bottom: 5px;
373 	float: left;
374 	width: 7.5em;
375 	overflow: auto;
376 }
377 .tag_log {
378 	float: left;
379 	padding-left: 10px;
380 	padding-right: 10px;
381 	padding-top: 5px;
382 	padding-bottom: 5px;
383 	width: 65%;
384 }
385 
386 #tag_header_wrapper {
387 	clear: left;
388 	float: left;
389 	background-color: #f5fcfb;
390 	width: 100%;
391 }
392 #tag_header {
393 	float: left;
394 	padding-left: 10px;
395 	padding-top: 5px;
396 	padding-bottom: 2px;
397 	width: 80%;
398 }
399 .tag {
400 	float: left;
401 	width: 8.5em;
402 	font-style: italic;
403 	padding-top: 5px;
404 	padding-bottom: 5px;
405 }
406 #tag_commit {
407 	clear: left;
408 	float: left;
409 	padding-left: 20px;
410 	padding-bottom: 20px;
411 	white-space: pre-wrap;
412 }
413 
414 #index_header {
415 	clear: left;
416 	float: left;
417 	overflow: auto;
418 	width: 100%;
419 	background-color: Khaki;
420 }
421 #index_header_project {
422 	clear: left;
423 	float: left;
424 	width: 20%;
425 	padding: 10px;
426 }
427 #index_header_description {
428 	float: left;
429 	width: 30%;
430 	padding: 10px;
431 }
432 #index_header_owner {
433 	float: left;
434 	width: 12%;
435 	padding: 10px;
436 }
437 #index_header_age {
438 	padding: 10px;
439 	overflow: hidden;
440 }
441 .index_wrapper {
442 	clear: left;
443 	float: left;
444 	width: 100%;
445 }
446 .index_project {
447 	float: left;
448 	width: 20%;
449 	padding: 10px;
450 	overflow: hidden;
451 }
452 .index_project_description {
453 	float: left;
454 	width: 30%;
455 	padding: 10px;
456 	overflow: auto;
457 }
458 .index_project_owner {
459 	float: left;
460 	width: 12%;
461 	padding: 10px;
462 	overflow: hidden;
463 }
464 .index_project_age {
465 	float: left;
466 	width: 14%;
467 	padding: 10px;
468 	overflow: visible;
469 }
470 .index_project a {
471 	color: #444444;
472 	text-decoration: none;
473 }
474 .index_project a:hover {
475 	color: SteelBlue;
476 	text-decoration: none;
477 }
478 #index_next a {
479 	color: #444444;
480 	text-decoration: none;
481 }
482 #index_next a:hover {
483 	color: SteelBlue;
484 	text-decoration: none;
485 }
486 #index_prev a {
487 	color: #444444;
488 	text-decoration: none;
489 }
490 #index_prev a:hover {
491 	color: SteelBlue;
492 	text-decoration: none;
493 }
494 
495 .commits_title_wrapper {
496 	clear: left;
497 	float: left;
498 	width: 100%;
499 	background-color: LightSlateGray;
500 	color: #ffffff;
501 }
502 .commits_title {
503 	padding-left: 10px;
504 	padding-top: 5px;
505 	padding-bottom: 5px;
506 }
507 .commits_content {
508 	clear: left;
509 	float: left;
510 	width: 100%;
511 }
512 .commits_header_wrapper {
513 	float: left;
514 	background-color: #f5fcfb;
515 	width: 100%;
516 }
517 .commits_header {
518 	float: left;
519 	padding-top: 5px;
520 	padding-bottom: 2px;
521 	width: 80%;
522 }
523 .commit {
524 	clear: left;
525 	float: left;
526 	padding-left: 20px;
527 	padding-bottom: 20px;
528 	white-space: pre-wrap;
529 }
530 
531 #blame_title_wrapper {
532 	clear: left;
533 	float: left;
534 	width: 100%;
535 	background-color: LightSlateGray;
536 	color: #ffffff;
537 }
538 #blame_title {
539 	padding-left: 10px;
540 	padding-top: 5px;
541 	padding-bottom: 5px;
542 }
543 #blame_content {
544 	clear: left;
545 	float: left;
546 	width: 100%;
547 }
548 #blame_header_wrapper {
549 	float: left;
550 	background-color: #f5fcfb;
551 	width: 100%;
552 }
553 #blame_header {
554 	float: left;
555 	padding-left: 10px;
556 	padding-top: 5px;
557 	padding-bottom: 2px;
558 	width: 80%;
559 }
560 #blame {
561 	clear: left;
562 	float: left;
563 	margin-left: 20px;
564 	margin-bottom: 20px;
565 	font-family: monospace;
566 	white-space: pre;
567 	overflow: auto;
568 }
569 .blame_wrapper {
570 	clear: left;
571 	float: left;
572 	width: 100%;
573 }
574 .blame_number {
575 	float: left;
576 	width: 6em;
577 	overflow: hidden;
578 }
579 .blame_hash {
580 	float: left;
581 	width: 6em;
582 	overflow: auto;
583 }
584 .blame_date {
585 	float: left;
586 	width: 7em;
587 	overflow: auto;
588 }
589 .blame_author {
590 	float: left;
591 	width: 6em;
592 	overflow: hidden;
593 }
594 .blame_code {
595 	float:left;
596 	width: 50%;
597 	overflow: visible;
598 }
599 
600 #tree_title_wrapper {
601 	clear: left;
602 	float: left;
603 	width: 100%;
604 	background-color: LightSlateGray;
605 	color: #ffffff;
606 }
607 #tree_title {
608 	padding-left: 10px;
609 	padding-top: 5px;
610 	padding-bottom: 5px;
611 }
612 #tree_content {
613 	clear: left;
614 	float: left;
615 	width: 100%;
616 }
617 #tree_header_wrapper {
618 	clear: left;
619 	float: left;
620 	background-color: #f5fcfb;
621 	width: 100%;
622 }
623 #tree_header {
624 	float: left;
625 	padding-left: 10px;
626 	padding-top: 5px;
627 	padding-bottom: 2px;
628 	width: 80%;
629 }
630 #tree {
631 	clear: left;
632 	float: left;
633 	margin-left: 20px;
634 	margin-top: 20px;
635 	margin-bottom: 20px;
636 	font-family: monospace;
637 }
638 .tree_wrapper {
639 	clear: left;
640 	float: left;
641 	width: 100%;
642 	background-color: #d8f3ef;
643 }
644 .tree_wrapper:nth-child(even) {
645 	background-color: #ffffff;
646 }
647 .tree_line {
648 	clear: left;
649 	float: left;
650 	width: 20em;
651 	padding: 1px;
652 }
653 .tree_line_blank {
654 	float: left;
655 	padding: 1px;
656 	width: 9.5em;
657 }
658 
659 #diff_title_wrapper {
660 	clear: left;
661 	float: left;
662 	width: 100%;
663 	background-color: LightSlateGray;
664 	color: #ffffff;
665 }
666 #diff_title {
667 	padding-left: 10px;
668 	padding-top: 5px;
669 	padding-bottom: 5px;
670 }
671 #diff_content {
672 	clear: left;
673 	float: left;
674 	width: 100%;
675 }
676 #diff_header_wrapper {
677 	float: left;
678 	background-color: #f5fcfb;
679 	width: 100%;
680 }
681 #diff_header {
682 	float: left;
683 	padding-left: 10px;
684 	padding-top: 5px;
685 	padding-bottom: 2px;
686 	width: 80%;
687 }
688 #diff {
689 	clear: left;
690 	float: left;
691 	margin-left: 20px;
692 	margin-bottom: 20px;
693 	font-family: monospace;
694 	white-space: pre;
695 }
696 .diff_line {
697 	clear: left;
698 	float: left;
699 }
700 
701 #summary_wrapper {
702 	clear: left;
703 	float: left;
704 	width: 100%;
705 	background-color: Khaki;
706 }
707 
708 #branches_title_wrapper {
709 	clear: left;
710 	float: left;
711 	width: 100%;
712 	background-color: LightSlateGray;
713 	color: #ffffff;
714 }
715 #branches_title {
716 	padding-left: 10px;
717 	padding-top: 5px;
718 	padding-bottom: 5px;
719 }
720 #branches_content {
721 	clear: left;
722 	float: left;
723 	width: 100%;
724 }
725 
726 .branches_wrapper {
727 	clear: left;
728 	float: left;
729 	width: 100%;
730 }
731 .branches_age {
732 	padding-left: 10px;
733 	padding-top: 5px;
734 	padding-bottom: 5px;
735 	float: left;
736 	width: 7.5em;
737 	overflow: auto;
738 }
739 .branches_space {
740 	padding-left: 10px;
741 	padding-top: 5px;
742 	padding-bottom: 5px;
743 	float: left;
744 	width: 8.5em;
745 	overflow: auto;
746 }
747 .branch {
748 	float: left;
749 	padding-right: 10px;
750 	padding-top: 5px;
751 	padding-bottom: 5px;
752 }