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