]> git.cameronkatri.com Git - cgit.git/blob - cgit.css
ui-shared: add homepage to tabs
[cgit.git] / cgit.css
1 div#cgit {
2 padding: 0em;
3 margin: 0em;
4 font-family: sans-serif;
5 font-size: 10pt;
6 color: #333;
7 background: white;
8 padding: 4px;
9 }
10
11 div#cgit a {
12 color: blue;
13 text-decoration: none;
14 }
15
16 div#cgit a:hover {
17 text-decoration: underline;
18 }
19
20 div#cgit table {
21 border-collapse: collapse;
22 }
23
24 div#cgit table#header {
25 width: 100%;
26 margin-bottom: 1em;
27 }
28
29 div#cgit table#header td.logo {
30 width: 96px;
31 vertical-align: top;
32 }
33
34 div#cgit table#header td.main {
35 font-size: 250%;
36 padding-left: 10px;
37 white-space: nowrap;
38 }
39
40 div#cgit table#header td.main a {
41 color: #000;
42 }
43
44 div#cgit table#header td.form {
45 text-align: right;
46 vertical-align: bottom;
47 padding-right: 1em;
48 padding-bottom: 2px;
49 white-space: nowrap;
50 }
51
52 div#cgit table#header td.form form,
53 div#cgit table#header td.form input,
54 div#cgit table#header td.form select {
55 font-size: 90%;
56 }
57
58 div#cgit table#header td.sub {
59 color: #777;
60 border-top: solid 1px #ccc;
61 padding-left: 10px;
62 }
63
64 div#cgit table.tabs {
65 border-bottom: solid 3px #ccc;
66 border-collapse: collapse;
67 margin-top: 2em;
68 margin-bottom: 0px;
69 width: 100%;
70 }
71
72 div#cgit table.tabs td {
73 padding: 0px 1em;
74 vertical-align: bottom;
75 }
76
77 div#cgit table.tabs td a {
78 padding: 2px 0.75em;
79 color: #777;
80 font-size: 110%;
81 }
82
83 div#cgit table.tabs td a.active {
84 color: #000;
85 background-color: #ccc;
86 }
87
88 div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after {
89 content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAABQAAAAUAVyMgXwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAeklEQVQI12NoYCu3q3ABwXL98vTy/0D4jaF8XXldRRoYejAwlu8BCTOU72SAg4q08j/le0GC22BC5anlfyrSGBiBGCZYllz+pywLJg8WLOMtf1GeCjRgI5IgSBhMboUIHq40r1CCQrfyDRAV6uXdZTMhsKKlVIIBFwAAVeg4KFYK95cAAAAASUVORK5CYII=);
90 margin: 0 0 0 5px;
91 }
92
93 div#cgit table.tabs td.form {
94 text-align: right;
95 }
96
97 div#cgit table.tabs td.form form {
98 padding-bottom: 2px;
99 font-size: 90%;
100 white-space: nowrap;
101 }
102
103 div#cgit table.tabs td.form input,
104 div#cgit table.tabs td.form select {
105 font-size: 90%;
106 }
107
108 div#cgit div.path {
109 margin: 0px;
110 padding: 5px 2em 2px 2em;
111 color: #000;
112 background-color: #eee;
113 }
114
115 div#cgit div.content {
116 margin: 0px;
117 padding: 2em;
118 border-bottom: solid 3px #ccc;
119 }
120
121
122 div#cgit table.list {
123 width: 100%;
124 border: none;
125 border-collapse: collapse;
126 }
127
128 div#cgit table.list tr {
129 background: white;
130 }
131
132 div#cgit table.list tr.logheader {
133 background: #eee;
134 }
135
136 div#cgit table.list tr:hover {
137 background: #eee;
138 }
139
140 div#cgit table.list tr.nohover:hover {
141 background: white;
142 }
143
144 div#cgit table.list th {
145 font-weight: bold;
146 /* color: #888;
147 border-top: dashed 1px #888;
148 border-bottom: dashed 1px #888;
149 */
150 padding: 0.1em 0.5em 0.05em 0.5em;
151 vertical-align: baseline;
152 }
153
154 div#cgit table.list td {
155 border: none;
156 padding: 0.1em 0.5em 0.1em 0.5em;
157 }
158
159 div#cgit table.list td.commitgraph {
160 font-family: monospace;
161 white-space: pre;
162 }
163
164 div#cgit table.list td.commitgraph .column1 {
165 color: #a00;
166 }
167
168 div#cgit table.list td.commitgraph .column2 {
169 color: #0a0;
170 }
171
172 div#cgit table.list td.commitgraph .column3 {
173 color: #aa0;
174 }
175
176 div#cgit table.list td.commitgraph .column4 {
177 color: #00a;
178 }
179
180 div#cgit table.list td.commitgraph .column5 {
181 color: #a0a;
182 }
183
184 div#cgit table.list td.commitgraph .column6 {
185 color: #0aa;
186 }
187
188 div#cgit table.list td.logsubject {
189 font-family: monospace;
190 font-weight: bold;
191 }
192
193 div#cgit table.list td.logmsg {
194 font-family: monospace;
195 white-space: pre;
196 padding: 0 0.5em;
197 }
198
199 div#cgit table.list td a {
200 color: black;
201 }
202
203 div#cgit table.list td a.ls-dir {
204 font-weight: bold;
205 color: #00f;
206 }
207
208 div#cgit table.list td a:hover {
209 color: #00f;
210 }
211
212 div#cgit img {
213 border: none;
214 }
215
216 div#cgit input#switch-btn {
217 margin: 2px 0px 0px 0px;
218 }
219
220 div#cgit td#sidebar input.txt {
221 width: 100%;
222 margin: 2px 0px 0px 0px;
223 }
224
225 div#cgit table#grid {
226 margin: 0px;
227 }
228
229 div#cgit td#content {
230 vertical-align: top;
231 padding: 1em 2em 1em 1em;
232 border: none;
233 }
234
235 div#cgit div#summary {
236 vertical-align: top;
237 margin-bottom: 1em;
238 }
239
240 div#cgit table#downloads {
241 float: right;
242 border-collapse: collapse;
243 border: solid 1px #777;
244 margin-left: 0.5em;
245 margin-bottom: 0.5em;
246 }
247
248 div#cgit table#downloads th {
249 background-color: #ccc;
250 }
251
252 div#cgit div#blob {
253 border: solid 1px black;
254 }
255
256 div#cgit div.error {
257 color: red;
258 font-weight: bold;
259 margin: 1em 2em;
260 }
261
262 div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
263 font-family: monospace;
264 }
265
266 div#cgit td.ls-size {
267 text-align: right;
268 font-family: monospace;
269 width: 10em;
270 }
271
272 div#cgit td.ls-mode {
273 font-family: monospace;
274 width: 10em;
275 }
276
277 div#cgit table.blob {
278 margin-top: 0.5em;
279 border-top: solid 1px black;
280 }
281
282 div#cgit table.blob td.lines {
283 margin: 0; padding: 0 0 0 0.5em;
284 vertical-align: top;
285 color: black;
286 }
287
288 div#cgit table.blob td.linenumbers {
289 margin: 0; padding: 0 0.5em 0 0.5em;
290 vertical-align: top;
291 text-align: right;
292 border-right: 1px solid gray;
293 }
294
295 div#cgit table.blob pre {
296 padding: 0; margin: 0;
297 }
298
299 div#cgit table.blob td.linenumbers a,
300 div#cgit table.ssdiff td.lineno a {
301 color: gray;
302 text-align: right;
303 text-decoration: none;
304 }
305
306 div#cgit table.blob td.linenumbers a:hover,
307 div#cgit table.ssdiff td.lineno a:hover {
308 color: black;
309 }
310
311 div#cgit table.bin-blob {
312 margin-top: 0.5em;
313 border: solid 1px black;
314 }
315
316 div#cgit table.bin-blob th {
317 font-family: monospace;
318 white-space: pre;
319 border: solid 1px #777;
320 padding: 0.5em 1em;
321 }
322
323 div#cgit table.bin-blob td {
324 font-family: monospace;
325 white-space: pre;
326 border-left: solid 1px #777;
327 padding: 0em 1em;
328 }
329
330 div#cgit table.nowrap td {
331 white-space: nowrap;
332 }
333
334 div#cgit table.commit-info {
335 border-collapse: collapse;
336 margin-top: 1.5em;
337 }
338
339 div#cgit div.cgit-panel {
340 float: right;
341 margin-top: 1.5em;
342 }
343
344 div#cgit div.cgit-panel table {
345 border-collapse: collapse;
346 border: solid 1px #aaa;
347 background-color: #eee;
348 }
349
350 div#cgit div.cgit-panel th {
351 text-align: center;
352 }
353
354 div#cgit div.cgit-panel td {
355 padding: 0.25em 0.5em;
356 }
357
358 div#cgit div.cgit-panel td.label {
359 padding-right: 0.5em;
360 }
361
362 div#cgit div.cgit-panel td.ctrl {
363 padding-left: 0.5em;
364 }
365
366 div#cgit table.commit-info th {
367 text-align: left;
368 font-weight: normal;
369 padding: 0.1em 1em 0.1em 0.1em;
370 vertical-align: top;
371 }
372
373 div#cgit table.commit-info td {
374 font-weight: normal;
375 padding: 0.1em 1em 0.1em 0.1em;
376 }
377
378 div#cgit div.commit-subject {
379 font-weight: bold;
380 font-size: 125%;
381 margin: 1.5em 0em 0.5em 0em;
382 padding: 0em;
383 }
384
385 div#cgit div.commit-msg {
386 white-space: pre;
387 font-family: monospace;
388 }
389
390 div#cgit div.notes-header {
391 font-weight: bold;
392 padding-top: 1.5em;
393 }
394
395 div#cgit div.notes {
396 white-space: pre;
397 font-family: monospace;
398 border: solid 1px #ee9;
399 background-color: #ffd;
400 padding: 0.3em 2em 0.3em 1em;
401 float: left;
402 }
403
404 div#cgit div.notes-footer {
405 clear: left;
406 }
407
408 div#cgit div.diffstat-header {
409 font-weight: bold;
410 padding-top: 1.5em;
411 }
412
413 div#cgit table.diffstat {
414 border-collapse: collapse;
415 border: solid 1px #aaa;
416 background-color: #eee;
417 }
418
419 div#cgit table.diffstat th {
420 font-weight: normal;
421 text-align: left;
422 text-decoration: underline;
423 padding: 0.1em 1em 0.1em 0.1em;
424 font-size: 100%;
425 }
426
427 div#cgit table.diffstat td {
428 padding: 0.2em 0.2em 0.1em 0.1em;
429 font-size: 100%;
430 border: none;
431 }
432
433 div#cgit table.diffstat td.mode {
434 white-space: nowrap;
435 }
436
437 div#cgit table.diffstat td span.modechange {
438 padding-left: 1em;
439 color: red;
440 }
441
442 div#cgit table.diffstat td.add a {
443 color: green;
444 }
445
446 div#cgit table.diffstat td.del a {
447 color: red;
448 }
449
450 div#cgit table.diffstat td.upd a {
451 color: blue;
452 }
453
454 div#cgit table.diffstat td.graph {
455 width: 500px;
456 vertical-align: middle;
457 }
458
459 div#cgit table.diffstat td.graph table {
460 border: none;
461 }
462
463 div#cgit table.diffstat td.graph td {
464 padding: 0px;
465 border: 0px;
466 height: 7pt;
467 }
468
469 div#cgit table.diffstat td.graph td.add {
470 background-color: #5c5;
471 }
472
473 div#cgit table.diffstat td.graph td.rem {
474 background-color: #c55;
475 }
476
477 div#cgit div.diffstat-summary {
478 color: #888;
479 padding-top: 0.5em;
480 }
481
482 div#cgit table.diff {
483 width: 100%;
484 }
485
486 div#cgit table.diff td {
487 font-family: monospace;
488 white-space: pre;
489 }
490
491 div#cgit table.diff td div.head {
492 font-weight: bold;
493 margin-top: 1em;
494 color: black;
495 }
496
497 div#cgit table.diff td div.hunk {
498 color: #009;
499 }
500
501 div#cgit table.diff td div.add {
502 color: green;
503 }
504
505 div#cgit table.diff td div.del {
506 color: red;
507 }
508
509 div#cgit .sha1 {
510 font-family: monospace;
511 font-size: 90%;
512 }
513
514 div#cgit .left {
515 text-align: left;
516 }
517
518 div#cgit .right {
519 text-align: right;
520 }
521
522 div#cgit table.list td.reposection {
523 font-style: italic;
524 color: #888;
525 }
526
527 div#cgit a.button {
528 font-size: 80%;
529 padding: 0em 0.5em;
530 }
531
532 div#cgit a.primary {
533 font-size: 100%;
534 }
535
536 div#cgit a.secondary {
537 font-size: 90%;
538 }
539
540 div#cgit td.toplevel-repo {
541
542 }
543
544 div#cgit table.list td.sublevel-repo {
545 padding-left: 1.5em;
546 }
547
548 div#cgit ul.pager {
549 list-style-type: none;
550 text-align: center;
551 margin: 1em 0em 0em 0em;
552 padding: 0;
553 }
554
555 div#cgit ul.pager li {
556 display: inline-block;
557 margin: 0.25em 0.5em;
558 }
559
560 div#cgit ul.pager a {
561 color: #777;
562 }
563
564 div#cgit ul.pager .current {
565 font-weight: bold;
566 }
567
568 div#cgit span.age-mins {
569 font-weight: bold;
570 color: #080;
571 }
572
573 div#cgit span.age-hours {
574 color: #080;
575 }
576
577 div#cgit span.age-days {
578 color: #040;
579 }
580
581 div#cgit span.age-weeks {
582 color: #444;
583 }
584
585 div#cgit span.age-months {
586 color: #888;
587 }
588
589 div#cgit span.age-years {
590 color: #bbb;
591 }
592 div#cgit div.footer {
593 margin-top: 0.5em;
594 text-align: center;
595 font-size: 80%;
596 color: #ccc;
597 }
598 div#cgit div.footer a {
599 color: #ccc;
600 text-decoration: none;
601 }
602 div#cgit div.footer a:hover {
603 text-decoration: underline;
604 }
605 div#cgit a.branch-deco {
606 color: #000;
607 margin: 0px 0.5em;
608 padding: 0px 0.25em;
609 background-color: #88ff88;
610 border: solid 1px #007700;
611 }
612 div#cgit a.tag-deco {
613 color: #000;
614 margin: 0px 0.5em;
615 padding: 0px 0.25em;
616 background-color: #ffff88;
617 border: solid 1px #777700;
618 }
619 div#cgit a.remote-deco {
620 color: #000;
621 margin: 0px 0.5em;
622 padding: 0px 0.25em;
623 background-color: #ccccff;
624 border: solid 1px #000077;
625 }
626 div#cgit a.deco {
627 color: #000;
628 margin: 0px 0.5em;
629 padding: 0px 0.25em;
630 background-color: #ff8888;
631 border: solid 1px #770000;
632 }
633
634 div#cgit div.commit-subject a.branch-deco,
635 div#cgit div.commit-subject a.tag-deco,
636 div#cgit div.commit-subject a.remote-deco,
637 div#cgit div.commit-subject a.deco {
638 margin-left: 1em;
639 font-size: 75%;
640 }
641
642 div#cgit table.stats {
643 border: solid 1px black;
644 border-collapse: collapse;
645 }
646
647 div#cgit table.stats th {
648 text-align: left;
649 padding: 1px 0.5em;
650 background-color: #eee;
651 border: solid 1px black;
652 }
653
654 div#cgit table.stats td {
655 text-align: right;
656 padding: 1px 0.5em;
657 border: solid 1px black;
658 }
659
660 div#cgit table.stats td.total {
661 font-weight: bold;
662 text-align: left;
663 }
664
665 div#cgit table.stats td.sum {
666 color: #c00;
667 font-weight: bold;
668 /* background-color: #eee; */
669 }
670
671 div#cgit table.stats td.left {
672 text-align: left;
673 }
674
675 div#cgit table.vgraph {
676 border-collapse: separate;
677 border: solid 1px black;
678 height: 200px;
679 }
680
681 div#cgit table.vgraph th {
682 background-color: #eee;
683 font-weight: bold;
684 border: solid 1px white;
685 padding: 1px 0.5em;
686 }
687
688 div#cgit table.vgraph td {
689 vertical-align: bottom;
690 padding: 0px 10px;
691 }
692
693 div#cgit table.vgraph div.bar {
694 background-color: #eee;
695 }
696
697 div#cgit table.hgraph {
698 border: solid 1px black;
699 width: 800px;
700 }
701
702 div#cgit table.hgraph th {
703 background-color: #eee;
704 font-weight: bold;
705 border: solid 1px black;
706 padding: 1px 0.5em;
707 }
708
709 div#cgit table.hgraph td {
710 vertical-align: middle;
711 padding: 2px 2px;
712 }
713
714 div#cgit table.hgraph div.bar {
715 background-color: #eee;
716 height: 1em;
717 }
718
719 div#cgit table.ssdiff {
720 width: 100%;
721 }
722
723 div#cgit table.ssdiff td {
724 font-size: 75%;
725 font-family: monospace;
726 white-space: pre;
727 padding: 1px 4px 1px 4px;
728 border-left: solid 1px #aaa;
729 border-right: solid 1px #aaa;
730 }
731
732 div#cgit table.ssdiff td.add {
733 color: black;
734 background: #cfc;
735 min-width: 50%;
736 }
737
738 div#cgit table.ssdiff td.add_dark {
739 color: black;
740 background: #aca;
741 min-width: 50%;
742 }
743
744 div#cgit table.ssdiff span.add {
745 background: #cfc;
746 font-weight: bold;
747 }
748
749 div#cgit table.ssdiff td.del {
750 color: black;
751 background: #fcc;
752 min-width: 50%;
753 }
754
755 div#cgit table.ssdiff td.del_dark {
756 color: black;
757 background: #caa;
758 min-width: 50%;
759 }
760
761 div#cgit table.ssdiff span.del {
762 background: #fcc;
763 font-weight: bold;
764 }
765
766 div#cgit table.ssdiff td.changed {
767 color: black;
768 background: #ffc;
769 min-width: 50%;
770 }
771
772 div#cgit table.ssdiff td.changed_dark {
773 color: black;
774 background: #cca;
775 min-width: 50%;
776 }
777
778 div#cgit table.ssdiff td.lineno {
779 color: black;
780 background: #eee;
781 text-align: right;
782 width: 3em;
783 min-width: 3em;
784 }
785
786 div#cgit table.ssdiff td.hunk {
787 color: black;
788 background: #ccf;
789 border-top: solid 1px #aaa;
790 border-bottom: solid 1px #aaa;
791 }
792
793 div#cgit table.ssdiff td.head {
794 border-top: solid 1px #aaa;
795 border-bottom: solid 1px #aaa;
796 }
797
798 div#cgit table.ssdiff td.head div.head {
799 font-weight: bold;
800 color: black;
801 }
802
803 div#cgit table.ssdiff td.foot {
804 border-top: solid 1px #aaa;
805 border-left: none;
806 border-right: none;
807 border-bottom: none;
808 }
809
810 div#cgit table.ssdiff td.space {
811 border: none;
812 }
813
814 div#cgit table.ssdiff td.space div {
815 min-height: 3em;
816 }