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