sync with girocco/v2.11.4+
[git/gitweb.git] / gitweb / static / gitweb.css
blobab0843f7148d7736e5ae894b50cf2a0bb2132169
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, a:hover, a:visited, a:active {
12 color: #000000;
15 a[href] {
16 color: #0000cc;
19 a[href]:hover, a[href]:visited, a[href]:active {
20 color: #880000;
23 span.cntrl {
24 border: dashed #aaaaaa;
25 border-width: 1px;
26 padding: 0px 2px 0px 2px;
27 margin: 0px 2px 0px 2px;
30 img.logo {
31 float: right;
32 border-width: 0px;
35 img.avatar {
36 vertical-align: middle;
39 img.blob {
40 max-height: 100%;
41 max-width: 100%;
44 div.header, div.title {
45 clear: both;
48 a.list img.avatar {
49 border-style: none;
52 div.page_header {
53 height: 1.3em;
54 padding: 8px;
55 font-size: 150%;
56 font-weight: bold;
57 background-color: #d9d8d1;
60 div.page_header a:visited, a.header {
61 color: #0000cc;
64 div.page_header a:hover {
65 color: #880000;
68 div.page_nav, div.page_nav_trailer {
69 padding: 8px;
72 div.page_nav a:visited, div.page_nav_trailer a:visited {
73 color: #0000cc;
76 div.forkinfo {
77 border: 1px;
78 text-align: center;
79 margin-bottom: 6px;
82 div.page_path {
83 padding: 8px;
84 font-weight: bold;
85 border: solid #d9d8d1;
86 border-width: 0px 0px 1px;
89 div.page_footer {
90 height: 1.5em;
91 line-height: 1.5em;
92 padding: 4px 8px;
93 background-color: #d9d8d1;
96 div.page_footer_text {
97 float: left;
98 color: #555555;
99 font-style: italic;
102 div#generating_info {
103 margin: 4px;
104 font-size: smaller;
105 text-align: center;
106 color: #505050;
109 div.page_body {
110 padding: 8px;
111 font-family: monospace;
114 div.title, span.title {
115 padding: 6px 8px;
118 div.title, a.title, span.title {
119 font-weight: bold;
120 background-color: #edece6;
121 text-decoration: none;
122 color: #000000;
125 span.title {
126 position: relative;
127 z-index: 0;
130 a.cover {
131 position: absolute;
132 z-index: -1;
133 top: 0;
134 left: 0;
135 bottom: 0;
136 right: 0;
139 span.title a.title {
140 background-color: inherit;
141 text-decoration: inherit;
144 span.title {
145 display: block;
148 span.title:hover {
149 background-color: #d9d8d1;
152 div.readme {
153 padding: 8px;
156 div.readme h1 {
157 font-size: 150%;
160 div.readme h2 {
161 font-size: 125%;
164 div.readme h3 {
165 font-size: 110%;
168 div.readme h4 {
169 font-size: 100%;
172 div.readme pre {
173 margin: 0 3ex;
174 padding: 1ex;
175 background-color: #eee;
176 overflow: auto;
179 div.readme pre.plaintext {
180 margin: 0;
181 padding: 0;
182 background-color: inherit;
185 ol._markdown-ol {
186 counter-reset: _markdown-item;
188 ol._markdown-ol[start="0"] {
189 counter-reset: _markdown-item -1;
191 ol._markdown-ol[start="5"] {
192 counter-reset: _markdown-item 4;
194 ol._markdown-ol[start="10"] {
195 counter-reset: _markdown-item 9;
197 ol._markdown-ol > span._markdown-ol-incr {
198 counter-increment: _markdown-item;
200 ol._markdown-ol > span._markdown-ol-incr-2 {
201 counter-increment: _markdown-item 2;
203 ol._markdown-ol > span._markdown-ol-incr-5 {
204 counter-increment: _markdown-item 5;
206 ol._markdown-ol > span._markdown-ol-incr-10 {
207 counter-increment: _markdown-item 10;
209 ol._markdown-lc-greek, li._markdown-lc-greek {
210 list-style-type: lower-greek;
212 ol._markdown-ol > li {
213 counter-increment: _markdown-item;
215 ol._markdown-ol > li._markdown-li,
216 ol._markdown-ol > li._markdown-li-lc,
217 ol._markdown-ol > li._markdown-li-lc-greek,
218 ol._markdown-ol > li._markdown-li-uc {
219 list-style-type: none;
220 display: block;
222 ol._markdown-ol > li._markdown-li:before,
223 ol._markdown-ol > li._markdown-li-lc:before,
224 ol._markdown-ol > li._markdown-li-lc-greek:before,
225 ol._markdown-ol > li._markdown-li-uc:before {
226 position: absolute;
227 text-align: right;
228 white-space: nowrap;
229 margin-left: -9ex;
230 width: 9ex;
232 ol._markdown-ol > li._markdown-li[type="1"]:before {
233 content: counter(_markdown-item, decimal) ")\A0 \A0 ";
235 ol._markdown-ol > li._markdown-li-lc[type="i"]:before,
236 ol._markdown-ol > li._markdown-li-lc[type="I"]:before {
237 content: counter(_markdown-item, lower-roman) ")\A0 \A0 ";
239 ol._markdown-ol > li._markdown-li-uc[type="I"]:before,
240 ol._markdown-ol > li._markdown-li-uc[type="i"]:before {
241 content: counter(_markdown-item, upper-roman) ")\A0 \A0 ";
243 ol._markdown-ol > li._markdown-li-lc[type="a"]:before,
244 ol._markdown-ol > li._markdown-li-lc[type="A"]:before {
245 content: counter(_markdown-item, lower-alpha) ")\A0 \A0 ";
247 ol._markdown-ol > li._markdown-li-lc-greek[type="a"]:before,
248 ol._markdown-ol > li._markdown-li-lc-greek[type="A"]:before {
249 content: counter(_markdown-item, lower-greek) ")\A0 \A0 ";
251 ol._markdown-ol > li._markdown-li-uc[type="A"]:before,
252 ol._markdown-ol > li._markdown-li-uc[type="a"]:before {
253 content: counter(_markdown-item, upper-alpha) ")\A0 \A0 ";
256 li._markdown-checkbox-on,
257 li._markdown-checkbox-off {
258 list-style-type: none;
259 display: block;
261 li._markdown-checkbox-on > span:first-child + span + span,
262 li._markdown-checkbox-off > span:first-child + span + span {
263 position: absolute;
264 clip: rect(0,0,0,0);
266 li._markdown-checkbox-on > span:first-child,
267 li._markdown-checkbox-off > span:first-child,
268 li._markdown-checkbox-on > span:first-child + span,
269 li._markdown-checkbox-off > span:first-child + span {
270 display: block;
271 position: absolute;
272 margin-left: -3ex;
273 width: 1em;
274 height: 1em;
276 li._markdown-checkbox-on > span:first-child > span:first-child,
277 li._markdown-checkbox-off > span:first-child > span:first-child {
278 display: block;
279 position: absolute;
280 left: 0.75pt; top: 0.75pt; right: 0.75pt; bottom: 0.75pt;
282 li._markdown-checkbox-on > span:first-child > span:first-child:before,
283 li._markdown-checkbox-off > span:first-child > span:first-child:before {
284 display: inline-block;
285 position: relative;
286 right: 1pt;
287 width: 100%;
288 height: 100%;
289 border: 1pt solid;
290 content: "";
292 li._markdown-checkbox-on > span:first-child + span:before {
293 position: relative;
294 left: 2pt;
295 bottom: 1pt;
296 font-size: 125%;
297 line-height: 80%;
298 vertical-align: text-top;
299 content: "\2713";
302 div.title_text {
303 padding: 6px 0px;
304 border: solid #d9d8d1;
305 border-width: 0px 0px 1px;
306 font-family: monospace;
309 div.log, div.log_body {
310 word-wrap: break-word;
313 div.log_body {
314 padding: 8px 8px 8px 150px;
317 span.age {
318 position: relative;
319 float: left;
320 width: 142px;
321 font-style: italic;
324 span.signoff {
325 color: #888888;
328 div.log_link {
329 padding: 0px 8px;
330 font-size: 70%;
331 font-family: sans-serif;
332 font-style: normal;
333 position: relative;
334 float: left;
335 width: 136px;
338 div.list_head {
339 padding: 6px 8px 4px;
340 border: solid #d9d8d1;
341 border-width: 1px 0px 0px;
342 font-style: italic;
345 .author_date, .author {
346 font-style: italic;
349 div.author_date {
350 padding: 8px;
351 border: solid #d9d8d1;
352 border-width: 0px 0px 1px 0px;
355 a.list {
356 text-decoration: none;
357 color: #000000;
360 a.subject, a.name {
361 font-weight: bold;
364 table.tags a.subject {
365 font-weight: normal;
368 tr.tags_header {
369 font-size: 90%;
372 tr.tags_header th {
373 padding-bottom: 8px;
376 a.list:hover {
377 text-decoration: underline;
378 color: #880000;
381 a.text {
382 text-decoration: none;
383 color: #0000cc;
386 a.text:visited {
387 text-decoration: none;
388 color: #880000;
391 a.text:hover {
392 text-decoration: underline;
393 color: #880000;
396 table {
397 padding: 8px 4px;
398 border-spacing: 0;
401 table.diff_tree {
402 font-family: monospace;
405 table.combined.diff_tree th {
406 text-align: center;
409 table.combined.diff_tree td {
410 padding-right: 24px;
413 table.combined.diff_tree th.link,
414 table.combined.diff_tree td.link {
415 padding: 0px 2px;
418 table.combined.diff_tree td.nochange a {
419 color: #6666ff;
422 table.combined.diff_tree td.nochange a:hover,
423 table.combined.diff_tree td.nochange a:visited {
424 color: #d06666;
427 table.blame {
428 border-collapse: collapse;
431 table.blame td {
432 padding: 0px 5px;
433 font-size: 100%;
434 vertical-align: top;
437 th {
438 padding: 2px 5px;
439 font-size: 100%;
440 text-align: left;
443 /* do not change row style on hover for 'blame' view */
444 tr.light,
445 table.blame .light:hover {
446 background-color: #ffffff;
449 tr.dark,
450 table.blame .dark:hover {
451 background-color: #f6f6f0;
454 /* currently both use the same, but it can change */
455 tr.light:hover,
456 tr.dark:hover {
457 background-color: #edece6;
460 /* boundary commits in 'blame' view */
461 /* and commits without "previous" */
462 tr.boundary td.sha1,
463 tr.no-previous td.linenr {
464 font-weight: bold;
467 /* for 'blame_incremental', during processing */
468 tr.color1 { background-color: #f6fff6; }
469 tr.color2 { background-color: #f6f6ff; }
470 tr.color3 { background-color: #fff6f6; }
472 td {
473 padding: 2px 5px;
474 font-size: 100%;
475 vertical-align: top;
478 td.link, td.selflink {
479 padding: 2px 5px;
480 font-family: sans-serif;
481 font-size: 70%;
484 td.selflink {
485 padding-right: 0px;
488 td.sha1 {
489 font-family: monospace;
492 .error {
493 color: red;
494 background-color: yellow;
497 td.current_head {
498 text-decoration: underline;
501 td.category {
502 background-color: #d9d8d1;
503 border-top: 1px solid #000000;
504 border-left: 1px solid #000000;
505 font-weight: bold;
508 table.diff_tree span.file_status.new {
509 color: #008000;
512 table.diff_tree span.file_status.deleted {
513 color: #c00000;
516 table.diff_tree span.file_status.moved,
517 table.diff_tree span.file_status.mode_chnge {
518 color: #777777;
521 table.diff_tree span.file_status.copied {
522 color: #70a070;
525 /* noage: "No commits" */
526 table.project_list td.noage {
527 color: #808080;
528 font-style: italic;
531 /* age2: 60*60*24*2 <= age */
532 table.project_list td.age2, table.blame td.age2 {
533 font-style: italic;
536 /* age1: 60*60*2 <= age < 60*60*24*2 */
537 table.project_list td.age1 {
538 color: #009900;
539 font-style: italic;
542 table.blame td.age1 {
543 color: #009900;
544 background: transparent;
547 /* age0: age < 60*60*2 */
548 table.project_list td.age0 {
549 color: #009900;
550 font-style: italic;
551 font-weight: bold;
554 table.blame td.age0 {
555 color: #009900;
556 background: transparent;
557 font-weight: bold;
560 td.pre, div.pre, div.diff {
561 font-family: monospace;
562 font-size: 12px;
565 div.pre, div.diff {
566 white-space: pre-wrap;
567 word-wrap: break-word;
570 div.pre {
571 padding-left: 5.5ex !important;
572 text-indent: -5.5ex;
575 div.diff_body {
576 position: relative;
577 overflow: hidden;
578 padding-left: 2.6ex !important;
579 text-indent: -2.6ex;
582 div.diff_body:before {
583 position: absolute;
584 left: -0.35ex;
585 white-space: pre;
586 content: " \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa";
587 clip: rect(auto, auto, auto, 1ex);
590 td.pre {
591 white-space: pre-wrap;
594 td.mode {
595 font-family: monospace;
598 /* progress of blame_interactive */
599 div#progress_bar {
600 height: 2px;
601 margin-bottom: -2px;
602 background-color: #d8d9d0;
604 div#progress_info {
605 float: right;
606 text-align: right;
609 /* format of (optional) objects size in 'tree' view */
610 td.size {
611 font-family: monospace;
612 text-align: right;
615 /* styling of diffs (patchsets): commitdiff and blobdiff views */
616 div.diff.header,
617 div.diff.extended_header {
618 white-space: normal;
621 div.diff.header {
622 font-weight: bold;
624 background-color: #edece6;
626 margin-top: 4px;
627 padding: 4px 0px 2px 0px;
628 border: solid #d9d8d1;
629 border-width: 1px 0px 1px 0px;
632 div.diff.header a.path {
633 text-decoration: underline;
636 div.diff.extended_header,
637 div.diff.extended_header a.path,
638 div.diff.extended_header a.hash {
639 color: #777777;
642 div.diff.extended_header .info {
643 color: #b0b0b0;
646 div.diff.extended_header {
647 background-color: #f6f5ee;
648 padding: 2px 0px 2px 0px;
651 div.diff a.list,
652 div.diff a.path,
653 div.diff a.hash {
654 text-decoration: none;
657 div.diff a.list:hover,
658 div.diff a.path:hover,
659 div.diff a.hash:hover {
660 text-decoration: underline;
663 div.diff.to_file a.path,
664 div.diff.to_file {
665 color: #007000;
668 div.diff.add {
669 color: #008800;
672 div.diff.add span.marked {
673 background-color: #aaffaa;
676 div.diff.from_file a.path,
677 div.diff.from_file {
678 color: #aa0000;
681 div.diff.rem {
682 color: #cc0000;
685 div.diff.rem span.marked {
686 background-color: #ffaaaa;
689 div.diff.chunk_header a,
690 div.diff.chunk_header {
691 color: #990099;
694 div.diff.chunk_header {
695 border: dotted #ffe0ff;
696 border-width: 1px 0px 0px 0px;
697 margin-top: 2px;
700 div.diff.chunk_header span.chunk_info {
701 background-color: #ffeeff;
704 div.diff.chunk_header span.section {
705 color: #aa22aa;
708 div.diff.incomplete {
709 color: #cccccc;
712 div.diff.nodifferences {
713 font-weight: bold;
714 color: #600000;
717 /* side-by-side diff */
718 div.chunk_block {
719 overflow: hidden;
722 div.chunk_block div.old {
723 float: left;
724 width: 50%;
725 overflow: hidden;
728 div.chunk_block div.new {
729 margin-left: 50%;
730 width: 50%;
733 div.chunk_block.rem div.old div.diff.rem {
734 background-color: #fff5f5;
736 div.chunk_block.add div.new div.diff.add {
737 background-color: #f8fff8;
739 div.chunk_block.chg div div.diff {
740 background-color: #fffff0;
742 div.chunk_block.ctx div div.diff.ctx {
743 color: #404040;
746 div#htmltagcloud {
747 margin: 6px 8px;
750 div.index_include {
751 border: solid #d9d8d1;
752 border-width: 0px 0px 1px;
753 padding: 12px 8px;
756 div.search, div.search_help {
757 font-size: 100%;
758 font-weight: normal;
759 margin: 4px 8px;
762 div.search {
763 float: right;
764 top: 56px;
765 right: 12px
768 div.projsearch {
769 text-align: center;
770 margin: 1em 0;
773 div.projsearch form {
774 margin-bottom: 2px;
777 td.linenr {
778 text-align: right;
781 div.pre a.linenr {
782 white-space: pre;
785 a.linenr {
786 color: #999999;
787 text-decoration: none
790 table.shortlog {
791 white-space: nowrap;
794 table.shortlog span.refs {
795 white-space: normal;
798 a.rss_logo {
799 float: right;
800 padding: 1ex;
801 line-height: 1;
802 border: 1px solid;
803 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
804 color: #ffffff;
805 background-color: #ff6600;
806 font-weight: bold;
807 font-family: sans-serif;
808 font-size: 70%;
809 text-align: center;
810 text-decoration: none;
813 a.rss_logo:hover {
814 background-color: #ee5500;
817 a.rss_logo.generic {
818 background-color: #ff8800;
821 a.rss_logo.generic:hover {
822 background-color: #ee7700;
825 span.refs span {
826 display: inline-block;
827 position: relative;
828 margin-left: 1ex;
829 padding: 0px 1ex;
830 bottom: 1px;
831 font-size: 70%;
832 font-weight: normal;
833 border: 1px solid;
834 background-color: #ffaaff;
835 border-color: #ffccff #ff00ee #ff00ee #ffccff;
838 span.refs span a {
839 text-decoration: none;
840 color: inherit;
843 span.refs span a:hover {
844 text-decoration: underline;
847 span.refs span.indirect {
848 font-style: italic;
851 span.refs span.ref {
852 background-color: #aaaaff;
853 border-color: #ccccff #0033cc #0033cc #ccccff;
856 span.refs span.tag {
857 background-color: #ffffaa;
858 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
861 span.refs span.head {
862 background-color: #aaffaa;
863 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
866 span.atnight {
867 color: #cc0000;
870 span.match {
871 color: #e00000;
874 span.projectlist_link {
875 text-align: center;
876 font-weight: bold;
879 div.binary {
880 font-style: italic;
883 .extra_column {
884 display: none;
885 white-space: nowrap;
888 div.remote {
889 margin: .5em;
890 border: 1px solid #d9d8d1;
891 display: inline-block;
894 div.stale_info {
895 display: block;
896 text-align: right;
897 font-style: italic;
898 margin-top: 6px;
899 margin-right: 8px;
902 /* JavaScript-based timezone manipulation */
904 .popup { /* timezone selection UI */
905 position: absolute;
906 z-index: 1;
907 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
908 top: 0; left: 0;
909 border: 1px solid;
910 padding: 2px;
911 background-color: #f0f0f0;
912 font-style: normal;
913 color: #000000;
914 cursor: auto;
917 .close-button { /* close timezone selection UI without selecting */
918 /* float doesn't work within absolutely positioned container,
919 * if width of container is not set explicitly */
920 /* float: right; */
921 position: absolute;
922 top: 0px; right: 0px;
923 border: 1px solid green;
924 margin: 1px 1px 1px 1px;
925 padding-bottom: 2px;
926 width: 12px;
927 height: 10px;
928 font-size: 9px;
929 font-weight: bold;
930 text-align: center;
931 background-color: #fff0f0;
932 cursor: pointer;
936 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
938 /* Highlighting theme definition: */
940 .num { color:#2928ff; }
941 .esc { color:#ff00ff; }
942 .str { color:#ff0000; }
943 .dstr { color:#818100; }
944 .slc { color:#838183; font-style:italic; }
945 .com { color:#838183; font-style:italic; }
946 .dir { color:#008200; }
947 .sym { color:#000000; }
948 .line { color:#555555; }
949 .kwa { color:#000000; font-weight:bold; }
950 .kwb { color:#830000; }
951 .kwc { color:#000000; font-weight:bold; }
952 .kwd { color:#010181; }