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