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