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