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