Merge branch 't/summary/auto-readme' into refs/top-bases/gitweb-additions
[git/gitweb.git] / gitweb / static / gitweb.css
blob9aa3aad5d4d26adc54ed7eaa9881d214abb20c91
1 body {
2 font-family: sans-serif;
3 font-size: small;
4 border: solid #d9d8d1;
5 border-width: 1px;
6 margin: 10px;
7 background-color: #ffffff;
8 color: #000000;
11 a {
12 color: #0000cc;
15 a:hover, a:visited, a:active {
16 color: #880000;
19 span.cntrl {
20 border: dashed #aaaaaa;
21 border-width: 1px;
22 padding: 0px 2px 0px 2px;
23 margin: 0px 2px 0px 2px;
26 img.logo {
27 float: right;
28 border-width: 0px;
31 img.avatar {
32 vertical-align: middle;
35 img.blob {
36 max-height: 100%;
37 max-width: 100%;
40 a.list img.avatar {
41 border-style: none;
44 div.page_header {
45 height: 25px;
46 padding: 8px;
47 font-size: 150%;
48 font-weight: bold;
49 background-color: #d9d8d1;
52 div.page_header a:visited, a.header {
53 color: #0000cc;
56 div.page_header a:hover {
57 color: #880000;
60 div.page_nav {
61 padding: 8px;
64 div.page_nav a:visited {
65 color: #0000cc;
68 div.forkinfo {
69 border: 1px;
70 text-align: center;
71 margin-bottom: 6px;
74 div.page_path {
75 padding: 8px;
76 font-weight: bold;
77 border: solid #d9d8d1;
78 border-width: 0px 0px 1px;
81 div.page_footer {
82 height: 22px;
83 padding: 4px 8px;
84 background-color: #d9d8d1;
87 div.page_footer_text {
88 line-height: 22px;
89 float: left;
90 color: #555555;
91 font-style: italic;
94 div#generating_info {
95 margin: 4px;
96 font-size: smaller;
97 text-align: center;
98 color: #505050;
101 div.page_body {
102 padding: 8px;
103 font-family: monospace;
106 div.title, span.title {
107 padding: 6px 8px;
110 div.title, a.title, span.title {
111 font-weight: bold;
112 background-color: #edece6;
113 text-decoration: none;
114 color: #000000;
117 span.title {
118 position: relative;
119 z-index: 0;
122 a.cover {
123 position: absolute;
124 z-index: -1;
125 top: 0;
126 left: 0;
127 bottom: 0;
128 right: 0;
131 span.title a.title {
132 background-color: inherit;
133 text-decoration: inherit;
136 span.title {
137 display: block;
140 span.title:hover {
141 background-color: #d9d8d1;
144 div.readme {
145 padding: 8px;
148 div.readme h1 {
149 font-size: 150%;
152 div.readme h2 {
153 font-size: 125%;
156 div.readme h3 {
157 font-size: 110%;
160 div.readme h4 {
161 font-size: 100%;
164 div.title_text {
165 padding: 6px 0px;
166 border: solid #d9d8d1;
167 border-width: 0px 0px 1px;
168 font-family: monospace;
171 div.log, div.log_body {
172 word-wrap: break-word;
175 div.log_body {
176 padding: 8px 8px 8px 150px;
179 span.age {
180 position: relative;
181 float: left;
182 width: 142px;
183 font-style: italic;
186 span.signoff {
187 color: #888888;
190 div.log_link {
191 padding: 0px 8px;
192 font-size: 70%;
193 font-family: sans-serif;
194 font-style: normal;
195 position: relative;
196 float: left;
197 width: 136px;
200 div.list_head {
201 padding: 6px 8px 4px;
202 border: solid #d9d8d1;
203 border-width: 1px 0px 0px;
204 font-style: italic;
207 .author_date, .author {
208 font-style: italic;
211 div.author_date {
212 padding: 8px;
213 border: solid #d9d8d1;
214 border-width: 0px 0px 1px 0px;
217 a.list {
218 text-decoration: none;
219 color: #000000;
222 a.subject, a.name {
223 font-weight: bold;
226 table.tags a.subject {
227 font-weight: normal;
230 tr.tags_header {
231 font-size: 90%;
234 tr.tags_header th {
235 padding-bottom: 8px;
238 a.list:hover {
239 text-decoration: underline;
240 color: #880000;
243 a.text {
244 text-decoration: none;
245 color: #0000cc;
248 a.text:visited {
249 text-decoration: none;
250 color: #880000;
253 a.text:hover {
254 text-decoration: underline;
255 color: #880000;
258 table {
259 padding: 8px 4px;
260 border-spacing: 0;
263 table.diff_tree {
264 font-family: monospace;
267 table.combined.diff_tree th {
268 text-align: center;
271 table.combined.diff_tree td {
272 padding-right: 24px;
275 table.combined.diff_tree th.link,
276 table.combined.diff_tree td.link {
277 padding: 0px 2px;
280 table.combined.diff_tree td.nochange a {
281 color: #6666ff;
284 table.combined.diff_tree td.nochange a:hover,
285 table.combined.diff_tree td.nochange a:visited {
286 color: #d06666;
289 table.blame {
290 border-collapse: collapse;
293 table.blame td {
294 padding: 0px 5px;
295 font-size: 100%;
296 vertical-align: top;
299 th {
300 padding: 2px 5px;
301 font-size: 100%;
302 text-align: left;
305 /* do not change row style on hover for 'blame' view */
306 tr.light,
307 table.blame .light:hover {
308 background-color: #ffffff;
311 tr.dark,
312 table.blame .dark:hover {
313 background-color: #f6f6f0;
316 /* currently both use the same, but it can change */
317 tr.light:hover,
318 tr.dark:hover {
319 background-color: #edece6;
322 /* boundary commits in 'blame' view */
323 /* and commits without "previous" */
324 tr.boundary td.sha1,
325 tr.no-previous td.linenr {
326 font-weight: bold;
329 /* for 'blame_incremental', during processing */
330 tr.color1 { background-color: #f6fff6; }
331 tr.color2 { background-color: #f6f6ff; }
332 tr.color3 { background-color: #fff6f6; }
334 td {
335 padding: 2px 5px;
336 font-size: 100%;
337 vertical-align: top;
340 td.link, td.selflink {
341 padding: 2px 5px;
342 font-family: sans-serif;
343 font-size: 70%;
346 td.selflink {
347 padding-right: 0px;
350 td.sha1 {
351 font-family: monospace;
354 .error {
355 color: red;
356 background-color: yellow;
359 td.current_head {
360 text-decoration: underline;
363 td.category {
364 background-color: #d9d8d1;
365 border-top: 1px solid #000000;
366 border-left: 1px solid #000000;
367 font-weight: bold;
370 table.diff_tree span.file_status.new {
371 color: #008000;
374 table.diff_tree span.file_status.deleted {
375 color: #c00000;
378 table.diff_tree span.file_status.moved,
379 table.diff_tree span.file_status.mode_chnge {
380 color: #777777;
383 table.diff_tree span.file_status.copied {
384 color: #70a070;
387 /* noage: "No commits" */
388 table.project_list td.noage {
389 color: #808080;
390 font-style: italic;
393 /* age2: 60*60*24*2 <= age */
394 table.project_list td.age2, table.blame td.age2 {
395 font-style: italic;
398 /* age1: 60*60*2 <= age < 60*60*24*2 */
399 table.project_list td.age1 {
400 color: #009900;
401 font-style: italic;
404 table.blame td.age1 {
405 color: #009900;
406 background: transparent;
409 /* age0: age < 60*60*2 */
410 table.project_list td.age0 {
411 color: #009900;
412 font-style: italic;
413 font-weight: bold;
416 table.blame td.age0 {
417 color: #009900;
418 background: transparent;
419 font-weight: bold;
422 td.pre, div.pre, div.diff {
423 font-family: monospace;
424 font-size: 12px;
427 div.pre, div.diff {
428 white-space: pre;
429 word-wrap: break-word;
432 div.pre {
433 padding-left: 5.5ex !important;
434 text-indent: -5.5ex;
437 div.diff_body {
438 position: relative;
439 overflow: hidden;
440 padding-left: 2.6ex !important;
441 text-indent: -2.6ex;
444 div.diff_body:before {
445 position: absolute;
446 left: -0.35ex;
447 white-space: pre;
448 content: " \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa";
449 clip: rect(auto, auto, auto, 1ex);
452 td.pre {
453 white-space: pre-wrap;
456 td.mode {
457 font-family: monospace;
460 /* progress of blame_interactive */
461 div#progress_bar {
462 height: 2px;
463 margin-bottom: -2px;
464 background-color: #d8d9d0;
466 div#progress_info {
467 float: right;
468 text-align: right;
471 /* format of (optional) objects size in 'tree' view */
472 td.size {
473 font-family: monospace;
474 text-align: right;
477 /* styling of diffs (patchsets): commitdiff and blobdiff views */
478 div.diff.header,
479 div.diff.extended_header {
480 white-space: normal;
483 div.diff.header {
484 font-weight: bold;
486 background-color: #edece6;
488 margin-top: 4px;
489 padding: 4px 0px 2px 0px;
490 border: solid #d9d8d1;
491 border-width: 1px 0px 1px 0px;
494 div.diff.header a.path {
495 text-decoration: underline;
498 div.diff.extended_header,
499 div.diff.extended_header a.path,
500 div.diff.extended_header a.hash {
501 color: #777777;
504 div.diff.extended_header .info {
505 color: #b0b0b0;
508 div.diff.extended_header {
509 background-color: #f6f5ee;
510 padding: 2px 0px 2px 0px;
513 div.diff a.list,
514 div.diff a.path,
515 div.diff a.hash {
516 text-decoration: none;
519 div.diff a.list:hover,
520 div.diff a.path:hover,
521 div.diff a.hash:hover {
522 text-decoration: underline;
525 div.diff.to_file a.path,
526 div.diff.to_file {
527 color: #007000;
530 div.diff.add {
531 color: #008800;
534 div.diff.add span.marked {
535 background-color: #aaffaa;
538 div.diff.from_file a.path,
539 div.diff.from_file {
540 color: #aa0000;
543 div.diff.rem {
544 color: #cc0000;
547 div.diff.rem span.marked {
548 background-color: #ffaaaa;
551 div.diff.chunk_header a,
552 div.diff.chunk_header {
553 color: #990099;
556 div.diff.chunk_header {
557 border: dotted #ffe0ff;
558 border-width: 1px 0px 0px 0px;
559 margin-top: 2px;
562 div.diff.chunk_header span.chunk_info {
563 background-color: #ffeeff;
566 div.diff.chunk_header span.section {
567 color: #aa22aa;
570 div.diff.incomplete {
571 color: #cccccc;
574 div.diff.nodifferences {
575 font-weight: bold;
576 color: #600000;
579 /* side-by-side diff */
580 div.chunk_block {
581 overflow: hidden;
584 div.chunk_block div.old {
585 float: left;
586 width: 50%;
587 overflow: hidden;
590 div.chunk_block div.new {
591 margin-left: 50%;
592 width: 50%;
595 div.chunk_block.rem div.old div.diff.rem {
596 background-color: #fff5f5;
598 div.chunk_block.add div.new div.diff.add {
599 background-color: #f8fff8;
601 div.chunk_block.chg div div.diff {
602 background-color: #fffff0;
604 div.chunk_block.ctx div div.diff.ctx {
605 color: #404040;
608 div#htmltagcloud {
609 margin: 6px 8px;
612 div.index_include {
613 border: solid #d9d8d1;
614 border-width: 0px 0px 1px;
615 padding: 12px 8px;
618 div.search {
619 font-size: 100%;
620 font-weight: normal;
621 margin: 4px 8px;
622 float: right;
623 top: 56px;
624 right: 12px
627 div.projsearch {
628 text-align: center;
629 margin: 20px 0px;
632 div.projsearch form {
633 margin-bottom: 2px;
636 td.linenr {
637 text-align: right;
640 a.linenr {
641 color: #999999;
642 text-decoration: none
645 table.shortlog {
646 white-space: nowrap;
649 table.shortlog span.refs {
650 white-space: normal;
653 a.rss_logo {
654 float: right;
655 padding: 3px 5px;
656 line-height: 10px;
657 border: 1px solid;
658 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
659 color: #ffffff;
660 background-color: #ff6600;
661 font-weight: bold;
662 font-family: sans-serif;
663 font-size: 70%;
664 text-align: center;
665 text-decoration: none;
668 a.rss_logo:hover {
669 background-color: #ee5500;
672 a.rss_logo.generic {
673 background-color: #ff8800;
676 a.rss_logo.generic:hover {
677 background-color: #ee7700;
680 span.refs span {
681 display: inline-block;
682 position: relative;
683 margin-left: 1ex;
684 padding: 0px 1ex;
685 bottom: 1px;
686 font-size: 70%;
687 font-weight: normal;
688 border: 1px solid;
689 background-color: #ffaaff;
690 border-color: #ffccff #ff00ee #ff00ee #ffccff;
693 span.refs span a {
694 text-decoration: none;
695 color: inherit;
698 span.refs span a:hover {
699 text-decoration: underline;
702 span.refs span.indirect {
703 font-style: italic;
706 span.refs span.ref {
707 background-color: #aaaaff;
708 border-color: #ccccff #0033cc #0033cc #ccccff;
711 span.refs span.tag {
712 background-color: #ffffaa;
713 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
716 span.refs span.head {
717 background-color: #aaffaa;
718 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
721 span.atnight {
722 color: #cc0000;
725 span.match {
726 color: #e00000;
729 span.projectlist_link {
730 text-align: center;
731 font-weight: bold;
734 div.binary {
735 font-style: italic;
738 .extra_column {
739 display: none;
740 white-space: nowrap;
743 div.remote {
744 margin: .5em;
745 border: 1px solid #d9d8d1;
746 display: inline-block;
749 div.stale_info {
750 display: block;
751 text-align: right;
752 font-style: italic;
753 margin-top: 6px;
754 margin-right: 8px;
757 /* JavaScript-based timezone manipulation */
759 .popup { /* timezone selection UI */
760 position: absolute;
761 z-index: 1;
762 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
763 top: 0; left: 0;
764 border: 1px solid;
765 padding: 2px;
766 background-color: #f0f0f0;
767 font-style: normal;
768 color: #000000;
769 cursor: auto;
772 .close-button { /* close timezone selection UI without selecting */
773 /* float doesn't work within absolutely positioned container,
774 * if width of container is not set explicitly */
775 /* float: right; */
776 position: absolute;
777 top: 0px; right: 0px;
778 border: 1px solid green;
779 margin: 1px 1px 1px 1px;
780 padding-bottom: 2px;
781 width: 12px;
782 height: 10px;
783 font-size: 9px;
784 font-weight: bold;
785 text-align: center;
786 background-color: #fff0f0;
787 cursor: pointer;
791 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
793 /* Highlighting theme definition: */
795 .num { color:#2928ff; }
796 .esc { color:#ff00ff; }
797 .str { color:#ff0000; }
798 .dstr { color:#818100; }
799 .slc { color:#838183; font-style:italic; }
800 .com { color:#838183; font-style:italic; }
801 .dir { color:#008200; }
802 .sym { color:#000000; }
803 .line { color:#555555; }
804 .kwa { color:#000000; font-weight:bold; }
805 .kwb { color:#830000; }
806 .kwc { color:#000000; font-weight:bold; }
807 .kwd { color:#010181; }