5d14f20deade6558b894d1d4da02a6ac007c392d
[gitweb] / static / gitweb.css
1 html,
2 body {
3 height: 100%;
4 }
5
6 body {
7 font-family: sans-serif;
8 margin: 0;
9 background-color: #ffffff;
10 color: #000000;
11 /*display: flex;
12 flex-direction: column;*/
13 }
14
15 .cards {
16 display: flex;
17 flex-direction: column;
18 gap: 1rem;
19 margin: 1rem;
20 }
21
22 .cards > article {
23 border: 1px solid #ddd;
24 }
25
26 .cards > article > .header > .title {
27 --card-title-pad-left: 0.5rem;
28 padding: 0.25rem 0.5rem;
29 }
30
31 .cards > article > table {
32 padding: 0;
33 }
34
35 a {
36 color: #0000cc;
37 }
38
39 a:hover, a:visited, a:active {
40 color: #880000;
41 }
42
43 span.cntrl {
44 border: dashed #aaaaaa;
45 border-width: 1px;
46 padding: 0px 2px 0px 2px;
47 margin: 0px 2px 0px 2px;
48 }
49
50 img.logo {
51 float: right;
52 border-width: 0px;
53 }
54
55 img.avatar {
56 vertical-align: middle;
57 }
58
59 img.blob {
60 max-height: 100%;
61 max-width: 100%;
62 }
63
64 a.list img.avatar {
65 border-style: none;
66 }
67
68 .page_header {
69 padding: 1rem;
70 font-size: 150%;
71 border-top: 0.25rem solid #f71;
72 background-color: #f716;
73 }
74
75 .page_header a {
76 font-weight: bold;
77 }
78
79 .page_header a:visited, a.header {
80 color: #0000cc;
81 }
82
83 .page_header a:hover {
84 color: #880000;
85 }
86
87 /* .page_header + nav.page_subhead now wraps .page_nav and the search form, which is reduced from <form><div class=search> to <form role=search>; and both it and .page_nav are optional; and page_nav comes first rather than last. */
88 .page_subhead {
89 display: flex;
90 background: #eee;
91 margin-bottom: 1em;
92 }
93
94 div.page_nav {
95 padding: 0.5rem 1em;
96 }
97
98 div.page_nav a:visited {
99 color: #0000cc;
100 }
101
102 .page_nav .current {
103 font-weight: bold;
104 }
105
106 div.page_path {
107 padding: 0.5rem 1rem;
108 font-weight: bold;
109 border: solid #ddd;
110 border-width: 0px 0px 1px;
111 }
112
113 .page_footer {
114 margin-top: auto;
115 margin-top: 2rem;
116 display: flex;
117 padding: 0.5rem 1rem;
118 background-color: #ddd;
119 justify-content: flex-end;
120 }
121
122 div.page_footer_text {
123 margin-right: auto;
124 float: left;
125 color: #555555;
126 font-style: italic;
127 }
128
129 div#generating_info {
130 margin: 0.5rem 1rem;
131 font-size: smaller;
132 text-align: center;
133 color: #505050;
134 }
135
136 div.page_body {
137 padding: 0.5rem 1rem;
138 font-family: monospace;
139 }
140
141 div.title, a.title {
142 display: block;
143 padding: 0.5rem 1rem;
144 font-weight: bold;
145 background-color: #ddd;
146 text-decoration: none;
147 color: #000000;
148 }
149
150 div.readme {
151 padding: 8px;
152 }
153
154 a.title:hover {
155 background-color: #ccc;
156 }
157
158 div.title_text {
159 padding: 0;
160 border: solid #ccc;
161 border-width: 0px 0px 1px;
162 }
163
164 :root {
165 /* FIXME: not good, too tied to the font, restructure */
166 --log-sidebar-width: 10rem;
167 }
168
169 div.log_body {
170 padding: 8px 8px 8px var(--log-sidebar-width);
171 }
172
173 time {
174 font-style: italic;
175 }
176
177 time.age {
178 float: left;
179 /* From .cards > article > .header > .title padding-left; eww, TODO tidy all this up */
180 width: calc(var(--log-sidebar-width) - var(--card-title-pad-left));
181 }
182
183 span.signoff {
184 color: #888888;
185 }
186
187 div.log_link {
188 padding: 0 0.5rem;
189 font-size: 80%;
190 font-family: sans-serif;
191 font-style: normal;
192 position: relative;
193 float: left;
194 width: calc(var(--log-sidebar-width) - 0.5rem - 0.5rem);
195 }
196
197 div.list_head {
198 padding: 6px 8px 4px;
199 border: solid #d9d8d1;
200 border-width: 1px 0px 0px;
201 font-style: italic;
202 }
203
204 .author_date, .author {
205 font-style: italic;
206 }
207
208 div.author_date {
209 padding: 8px;
210 border: solid #d9d8d1;
211 border-width: 0px 0px 1px 0px;
212 }
213
214 a.list {
215 text-decoration: none;
216 color: #000000;
217 }
218
219 a.subject, a.name {
220 font-weight: bold;
221 }
222
223 table.tags a.subject {
224 font-weight: normal;
225 }
226
227 a.list:hover {
228 text-decoration: underline;
229 color: #880000;
230 }
231
232 a.text {
233 text-decoration: none;
234 color: #0000cc;
235 }
236
237 a.text:visited {
238 text-decoration: none;
239 color: #880000;
240 }
241
242 a.text:hover {
243 text-decoration: underline;
244 color: #880000;
245 }
246
247 table {
248 padding: 0.5rem 1rem;
249 border-spacing: 0;
250 }
251 table.tree {
252 padding: 0;
253 }
254
255 table.diff_tree {
256 font-family: monospace,m;
257 }
258
259 table.combined.diff_tree th {
260 text-align: center;
261 }
262
263 table.combined.diff_tree td {
264 padding-right: 24px;
265 }
266
267 table.combined.diff_tree th.link,
268 table.combined.diff_tree td.link {
269 padding: 0px 2px;
270 }
271
272 table.combined.diff_tree td.nochange a {
273 color: #6666ff;
274 }
275
276 table.combined.diff_tree td.nochange a:hover,
277 table.combined.diff_tree td.nochange a:visited {
278 color: #d06666;
279 }
280
281 table.blame {
282 border-collapse: collapse;
283 }
284
285 table.blame td {
286 padding: 0px 5px;
287 vertical-align: top;
288 }
289
290 th {
291 padding: 2px 5px;
292 text-align: left;
293 }
294
295 th:first-child {
296 padding-left: 0;
297 }
298
299 /* do not change row style on hover for 'blame' view */
300 tr.light {
301 background-color: #ffffff;
302 }
303
304 tr.dark {
305 background-color: #f6f6f6;
306 }
307
308 /* boundary commits in 'blame' view */
309 /* and commits without "previous" */
310 tr.boundary td.sha1,
311 tr.no-previous td.linenr {
312 font-weight: bold;
313 }
314
315 /* for 'blame_incremental', during processing */
316 tr.color1 { background-color: #f6fff6; }
317 tr.color2 { background-color: #f6f6ff; }
318 tr.color3 { background-color: #fff6f6; }
319
320 td {
321 padding: 0.25rem 0.5rem;
322 }
323
324 td.link, td.selflink {
325 padding: 2px 5px;
326 font-family: sans-serif;
327 font-size: 80%;
328 }
329
330 td.selflink {
331 padding-right: 0px;
332 }
333
334 td.sha1 {
335 font-family: monospace,m;
336 }
337
338 .error {
339 color: red;
340 background-color: yellow;
341 }
342
343 td.current_head {
344 text-decoration: underline;
345 }
346
347 td.category {
348 background-color: #d9d8d1;
349 border-top: 1px solid #000000;
350 border-left: 1px solid #000000;
351 font-weight: bold;
352 }
353
354 table.diff_tree span.file_status.new {
355 color: #008000;
356 }
357
358 table.diff_tree span.file_status.deleted {
359 color: #c00000;
360 }
361
362 table.diff_tree span.file_status.moved,
363 table.diff_tree span.file_status.mode_chnge {
364 color: #777777;
365 }
366
367 table.diff_tree span.file_status.copied {
368 color: #70a070;
369 }
370
371 /* noage: "No commits" */
372 table.project_list td.noage {
373 color: #808080;
374 font-style: italic;
375 }
376
377 /* age2: 60*60*24*2 <= age */
378 table.project_list td.age2, table.blame td.age2 {
379 font-style: italic;
380 }
381
382 /* age1: 60*60*2 <= age < 60*60*24*2 */
383 table.project_list td.age1 {
384 color: #009900;
385 font-style: italic;
386 }
387
388 table.blame td.age1 {
389 color: #009900;
390 background: transparent;
391 }
392
393 /* age0: age < 60*60*2 */
394 table.project_list td.age0 {
395 color: #009900;
396 font-style: italic;
397 font-weight: bold;
398 }
399
400 table.blame td.age0 {
401 color: #009900;
402 background: transparent;
403 font-weight: bold;
404 }
405
406 td.pre, div.pre, div.diff {
407 font-family: monospace,m;
408 white-space: pre;
409 }
410
411 td.mode {
412 font-family: monospace,m;
413 }
414
415 /* progress of blame_interactive */
416 div#progress_bar {
417 height: 2px;
418 margin-bottom: -2px;
419 background-color: #d8d9d0;
420 }
421 div#progress_info {
422 float: right;
423 text-align: right;
424 }
425
426 /* format of (optional) objects size in 'tree' view */
427 td.size {
428 font-family: monospace,m;
429 text-align: right;
430 }
431
432 /* styling of diffs (patchsets): commitdiff and blobdiff views */
433 div.diff.header,
434 div.diff.extended_header {
435 white-space: normal;
436 }
437
438 div.diff.header {
439 font-weight: bold;
440 background-color: #eee;
441 box-shadow: inset 0 1px #0003;
442 }
443
444 div.diff.header a.path {
445 text-decoration: underline;
446 }
447
448 div.diff.extended_header,
449 div.diff.extended_header a.path,
450 div.diff.extended_header a.hash {
451 color: #333;
452 }
453
454 div.diff.extended_header .info {
455 opacity: 0.5;
456 }
457
458 div.diff.extended_header,
459 div.diff.from_file,
460 div.diff.to_file {
461 background-color: #eee;
462 }
463
464 div.diff a.list,
465 div.diff a.path,
466 div.diff a.hash {
467 text-decoration: none;
468 }
469
470 div.diff a.list:hover,
471 div.diff a.path:hover,
472 div.diff a.hash:hover {
473 text-decoration: underline;
474 }
475
476 div.diff.to_file a.path,
477 div.diff.to_file {
478 color: #060;
479 }
480
481 div.diff.add {
482 background-color: #dfd;
483 }
484
485 div.diff.add mark {
486 background-color: #afa;
487 }
488
489 div.diff.from_file a.path,
490 div.diff.from_file {
491 color: #900;
492 }
493
494 div.diff.rem {
495 background-color: #fdd;
496 }
497
498 div.diff.rem mark {
499 background-color: #faa;
500 }
501
502 div.diff.chunk_header a,
503 div.diff.chunk_header {
504 color: #990099;
505 }
506
507 div.diff.chunk_header {
508 }
509
510 div.diff.chunk_header span.chunk_info {
511 background-color: #ffeeff;
512 }
513
514 div.diff.chunk_header span.section {
515 color: #aa22aa;
516 font-style: italic;
517 }
518
519 div.diff.incomplete {
520 color: #cccccc;
521 }
522
523 div.diff.nodifferences {
524 font-weight: bold;
525 color: #600000;
526 }
527
528 /* side-by-side diff */
529 div.chunk_block {
530 overflow: hidden;
531 }
532
533 div.chunk_block div.old {
534 float: left;
535 width: 50%;
536 overflow: hidden;
537 }
538
539 div.chunk_block div.new {
540 margin-left: 50%;
541 width: 50%;
542 }
543
544 div.chunk_block.rem div.old div.diff.rem {
545 background-color: #fff5f5;
546 }
547 div.chunk_block.add div.new div.diff.add {
548 background-color: #f8fff8;
549 }
550 div.chunk_block.chg div div.diff {
551 background-color: #fffff0;
552 }
553 div.chunk_block.ctx div div.diff.ctx {
554 color: #404040;
555 }
556
557
558 div.index_include {
559 border: solid #d9d8d1;
560 border-width: 0px 0px 1px;
561 padding: 12px 8px;
562 }
563
564 .page_subhead [role=search] {
565 margin: 0.5rem 1rem 0.5rem auto;
566 }
567
568 div.projsearch {
569 text-align: center;
570 margin: 20px 0px;
571 }
572
573 div.projsearch form {
574 margin-bottom: 2px;
575 }
576
577 td.linenr {
578 text-align: right;
579 }
580
581 a.linenr {
582 color: #999999;
583 text-decoration: none;
584 user-select: none;
585 }
586
587 a.rss_logo {
588 padding: 3px 5px;
589 border: 1px solid;
590 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
591 color: #ffffff;
592 background-color: #ff6600;
593 font-weight: bold;
594 font-family: sans-serif;
595 font-size: 80%;
596 text-align: center;
597 text-decoration: none;
598 }
599
600 a.rss_logo:hover {
601 background-color: #ee5500;
602 }
603
604 a.rss_logo.generic {
605 background-color: #ff8800;
606 }
607
608 a.rss_logo.generic:hover {
609 background-color: #ee7700;
610 }
611
612 span.refs span {
613 padding: 0px 4px;
614 font-size: 80%;
615 font-weight: normal;
616 border: 1px solid;
617 background-color: #ffaaff;
618 border-color: #ffccff #ff00ee #ff00ee #ffccff;
619 }
620
621 span.refs span a {
622 text-decoration: none;
623 color: inherit;
624 }
625
626 span.refs span a:hover {
627 text-decoration: underline;
628 }
629
630 span.refs span.indirect {
631 font-style: italic;
632 }
633
634 span.refs span.ref {
635 background-color: #aaaaff;
636 border-color: #ccccff #0033cc #0033cc #ccccff;
637 }
638
639 span.refs span.tag {
640 background-color: #ffffaa;
641 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
642 }
643
644 span.refs span.head {
645 background-color: #aaffaa;
646 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
647 }
648
649 div.binary {
650 font-style: italic;
651 }
652
653 div.remote {
654 margin: .5em;
655 border: 1px solid #d9d8d1;
656 display: inline-block;
657 }
658
659 /* JavaScript-based timezone manipulation */
660
661 .popup { /* timezone selection UI */
662 position: absolute;
663 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
664 top: 0; left: 0;
665 border: 1px solid;
666 padding: 2px;
667 background-color: #f0f0f0;
668 font-style: normal;
669 color: #000000;
670 cursor: auto;
671 }
672
673 .close-button { /* close timezone selection UI without selecting */
674 /* float doesn't work within absolutely positioned container,
675 * if width of container is not set explicitly */
676 /* float: right; */
677 position: absolute;
678 top: 0px; right: 0px;
679 border: none;
680 font-weight: bold;
681 background-color: transparent;
682 cursor: pointer;
683 }
684
685
686 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
687
688 /* Highlighting theme definition: */
689
690 .num { color:#2928ff; }
691 .esc { color:#ff00ff; }
692 .str { color:#ff0000; }
693 .dstr { color:#818100; }
694 .slc { color:#838183; font-style:italic; }
695 .com { color:#838183; font-style:italic; }
696 .dir { color:#008200; }
697 .sym { color:#000000; }
698 .line { color:#555555; }
699 .kwa { color:#000000; font-weight:bold; }
700 .kwb { color:#830000; }
701 .kwc { color:#000000; font-weight:bold; }
702 .kwd { color:#010181; }