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