Merge commit 'refs/top-bases/t/girocco/style-updates' into t/girocco/style-updates
[git/gitweb.git] / gitweb / static / gitweb.css
blobe0fbac47a2724904893b5ba36f293219588efff3
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: 1.3em;
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, div.page_nav_trailer {
61 padding: 8px;
64 div.page_nav a:visited, div.page_nav_trailer 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: 1.5em;
83 line-height: 1.5em;
84 padding: 4px 8px;
85 background-color: #d9d8d1;
88 div.page_footer_text {
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 div.readme {
141 padding: 8px;
144 span.title:hover {
145 background-color: #d9d8d1;
148 div.title_text {
149 padding: 6px 0px;
150 border: solid #d9d8d1;
151 border-width: 0px 0px 1px;
152 font-family: monospace;
155 div.log, div.log_body {
156 word-wrap: break-word;
159 div.log_body {
160 padding: 8px 8px 8px 150px;
163 span.age {
164 position: relative;
165 float: left;
166 width: 142px;
167 font-style: italic;
170 span.signoff {
171 color: #888888;
174 div.log_link {
175 padding: 0px 8px;
176 font-size: 70%;
177 font-family: sans-serif;
178 font-style: normal;
179 position: relative;
180 float: left;
181 width: 136px;
184 div.list_head {
185 padding: 6px 8px 4px;
186 border: solid #d9d8d1;
187 border-width: 1px 0px 0px;
188 font-style: italic;
191 .author_date, .author {
192 font-style: italic;
195 div.author_date {
196 padding: 8px;
197 border: solid #d9d8d1;
198 border-width: 0px 0px 1px 0px;
201 a.list {
202 text-decoration: none;
203 color: #000000;
206 a.subject, a.name {
207 font-weight: bold;
210 table.tags a.subject {
211 font-weight: normal;
214 tr.tags_header {
215 font-size: 90%;
218 tr.tags_header th {
219 padding-bottom: 8px;
222 a.list:hover {
223 text-decoration: underline;
224 color: #880000;
227 a.text {
228 text-decoration: none;
229 color: #0000cc;
232 a.text:visited {
233 text-decoration: none;
234 color: #880000;
237 a.text:hover {
238 text-decoration: underline;
239 color: #880000;
242 table {
243 padding: 8px 4px;
244 border-spacing: 0;
247 table.diff_tree {
248 font-family: monospace;
251 table.combined.diff_tree th {
252 text-align: center;
255 table.combined.diff_tree td {
256 padding-right: 24px;
259 table.combined.diff_tree th.link,
260 table.combined.diff_tree td.link {
261 padding: 0px 2px;
264 table.combined.diff_tree td.nochange a {
265 color: #6666ff;
268 table.combined.diff_tree td.nochange a:hover,
269 table.combined.diff_tree td.nochange a:visited {
270 color: #d06666;
273 table.blame {
274 border-collapse: collapse;
277 table.blame td {
278 padding: 0px 5px;
279 font-size: 100%;
280 vertical-align: top;
283 th {
284 padding: 2px 5px;
285 font-size: 100%;
286 text-align: left;
289 /* do not change row style on hover for 'blame' view */
290 tr.light,
291 table.blame .light:hover {
292 background-color: #ffffff;
295 tr.dark,
296 table.blame .dark:hover {
297 background-color: #f6f6f0;
300 /* currently both use the same, but it can change */
301 tr.light:hover,
302 tr.dark:hover {
303 background-color: #edece6;
306 /* boundary commits in 'blame' view */
307 /* and commits without "previous" */
308 tr.boundary td.sha1,
309 tr.no-previous td.linenr {
310 font-weight: bold;
313 /* for 'blame_incremental', during processing */
314 tr.color1 { background-color: #f6fff6; }
315 tr.color2 { background-color: #f6f6ff; }
316 tr.color3 { background-color: #fff6f6; }
318 td {
319 padding: 2px 5px;
320 font-size: 100%;
321 vertical-align: top;
324 td.link, td.selflink {
325 padding: 2px 5px;
326 font-family: sans-serif;
327 font-size: 70%;
330 td.selflink {
331 padding-right: 0px;
334 td.sha1 {
335 font-family: monospace;
338 .error {
339 color: red;
340 background-color: yellow;
343 td.current_head {
344 text-decoration: underline;
347 td.category {
348 background-color: #d9d8d1;
349 border-top: 1px solid #000000;
350 border-left: 1px solid #000000;
351 font-weight: bold;
354 table.diff_tree span.file_status.new {
355 color: #008000;
358 table.diff_tree span.file_status.deleted {
359 color: #c00000;
362 table.diff_tree span.file_status.moved,
363 table.diff_tree span.file_status.mode_chnge {
364 color: #777777;
367 table.diff_tree span.file_status.copied {
368 color: #70a070;
371 /* noage: "No commits" */
372 table.project_list td.noage {
373 color: #808080;
374 font-style: italic;
377 /* age2: 60*60*24*2 <= age */
378 table.project_list td.age2, table.blame td.age2 {
379 font-style: italic;
382 /* age1: 60*60*2 <= age < 60*60*24*2 */
383 table.project_list td.age1 {
384 color: #009900;
385 font-style: italic;
388 table.blame td.age1 {
389 color: #009900;
390 background: transparent;
393 /* age0: age < 60*60*2 */
394 table.project_list td.age0 {
395 color: #009900;
396 font-style: italic;
397 font-weight: bold;
400 table.blame td.age0 {
401 color: #009900;
402 background: transparent;
403 font-weight: bold;
406 td.pre, div.pre, div.diff {
407 font-family: monospace;
408 font-size: 12px;
411 div.pre, div.diff {
412 white-space: pre;
413 word-wrap: break-word;
416 div.pre {
417 padding-left: 5.5ex !important;
418 text-indent: -5.5ex;
421 div.diff_body {
422 position: relative;
423 overflow: hidden;
424 padding-left: 2.6ex !important;
425 text-indent: -2.6ex;
428 div.diff_body:before {
429 position: absolute;
430 left: -0.35ex;
431 white-space: pre;
432 content: " \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa\a \21aa";
433 clip: rect(auto, auto, auto, 1ex);
436 td.pre {
437 white-space: pre-wrap;
440 td.mode {
441 font-family: monospace;
444 /* progress of blame_interactive */
445 div#progress_bar {
446 height: 2px;
447 margin-bottom: -2px;
448 background-color: #d8d9d0;
450 div#progress_info {
451 float: right;
452 text-align: right;
455 /* format of (optional) objects size in 'tree' view */
456 td.size {
457 font-family: monospace;
458 text-align: right;
461 /* styling of diffs (patchsets): commitdiff and blobdiff views */
462 div.diff.header,
463 div.diff.extended_header {
464 white-space: normal;
467 div.diff.header {
468 font-weight: bold;
470 background-color: #edece6;
472 margin-top: 4px;
473 padding: 4px 0px 2px 0px;
474 border: solid #d9d8d1;
475 border-width: 1px 0px 1px 0px;
478 div.diff.header a.path {
479 text-decoration: underline;
482 div.diff.extended_header,
483 div.diff.extended_header a.path,
484 div.diff.extended_header a.hash {
485 color: #777777;
488 div.diff.extended_header .info {
489 color: #b0b0b0;
492 div.diff.extended_header {
493 background-color: #f6f5ee;
494 padding: 2px 0px 2px 0px;
497 div.diff a.list,
498 div.diff a.path,
499 div.diff a.hash {
500 text-decoration: none;
503 div.diff a.list:hover,
504 div.diff a.path:hover,
505 div.diff a.hash:hover {
506 text-decoration: underline;
509 div.diff.to_file a.path,
510 div.diff.to_file {
511 color: #007000;
514 div.diff.add {
515 color: #008800;
518 div.diff.add span.marked {
519 background-color: #aaffaa;
522 div.diff.from_file a.path,
523 div.diff.from_file {
524 color: #aa0000;
527 div.diff.rem {
528 color: #cc0000;
531 div.diff.rem span.marked {
532 background-color: #ffaaaa;
535 div.diff.chunk_header a,
536 div.diff.chunk_header {
537 color: #990099;
540 div.diff.chunk_header {
541 border: dotted #ffe0ff;
542 border-width: 1px 0px 0px 0px;
543 margin-top: 2px;
546 div.diff.chunk_header span.chunk_info {
547 background-color: #ffeeff;
550 div.diff.chunk_header span.section {
551 color: #aa22aa;
554 div.diff.incomplete {
555 color: #cccccc;
558 div.diff.nodifferences {
559 font-weight: bold;
560 color: #600000;
563 /* side-by-side diff */
564 div.chunk_block {
565 overflow: hidden;
568 div.chunk_block div.old {
569 float: left;
570 width: 50%;
571 overflow: hidden;
574 div.chunk_block div.new {
575 margin-left: 50%;
576 width: 50%;
579 div.chunk_block.rem div.old div.diff.rem {
580 background-color: #fff5f5;
582 div.chunk_block.add div.new div.diff.add {
583 background-color: #f8fff8;
585 div.chunk_block.chg div div.diff {
586 background-color: #fffff0;
588 div.chunk_block.ctx div div.diff.ctx {
589 color: #404040;
592 div#htmltagcloud {
593 margin: 6px 8px;
596 div.index_include {
597 border: solid #d9d8d1;
598 border-width: 0px 0px 1px;
599 padding: 12px 8px;
602 div.search, div.search_help {
603 font-size: 100%;
604 font-weight: normal;
605 margin: 4px 8px;
608 div.search {
609 float: right;
610 top: 56px;
611 right: 12px
614 div.projsearch {
615 text-align: center;
616 margin: 1em 0;
619 div.projsearch form {
620 margin-bottom: 2px;
623 td.linenr {
624 text-align: right;
627 a.linenr {
628 color: #999999;
629 text-decoration: none
632 table.shortlog {
633 white-space: nowrap;
636 table.shortlog span.refs {
637 white-space: normal;
640 a.rss_logo {
641 float: right;
642 padding: 1ex;
643 line-height: 1;
644 border: 1px solid;
645 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
646 color: #ffffff;
647 background-color: #ff6600;
648 font-weight: bold;
649 font-family: sans-serif;
650 font-size: 70%;
651 text-align: center;
652 text-decoration: none;
655 a.rss_logo:hover {
656 background-color: #ee5500;
659 a.rss_logo.generic {
660 background-color: #ff8800;
663 a.rss_logo.generic:hover {
664 background-color: #ee7700;
667 span.refs span {
668 display: inline-block;
669 position: relative;
670 margin-left: 1ex;
671 padding: 0px 1ex;
672 bottom: 1px;
673 font-size: 70%;
674 font-weight: normal;
675 border: 1px solid;
676 background-color: #ffaaff;
677 border-color: #ffccff #ff00ee #ff00ee #ffccff;
680 span.refs span a {
681 text-decoration: none;
682 color: inherit;
685 span.refs span a:hover {
686 text-decoration: underline;
689 span.refs span.indirect {
690 font-style: italic;
693 span.refs span.ref {
694 background-color: #aaaaff;
695 border-color: #ccccff #0033cc #0033cc #ccccff;
698 span.refs span.tag {
699 background-color: #ffffaa;
700 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
703 span.refs span.head {
704 background-color: #aaffaa;
705 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
708 span.atnight {
709 color: #cc0000;
712 span.match {
713 color: #e00000;
716 span.projectlist_link {
717 text-align: center;
718 font-weight: bold;
721 div.binary {
722 font-style: italic;
725 .extra_column {
726 display: none;
727 white-space: nowrap;
730 div.remote {
731 margin: .5em;
732 border: 1px solid #d9d8d1;
733 display: inline-block;
736 div.stale_info {
737 display: block;
738 text-align: right;
739 font-style: italic;
740 margin-top: 6px;
741 margin-right: 8px;
744 /* JavaScript-based timezone manipulation */
746 .popup { /* timezone selection UI */
747 position: absolute;
748 z-index: 1;
749 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
750 top: 0; left: 0;
751 border: 1px solid;
752 padding: 2px;
753 background-color: #f0f0f0;
754 font-style: normal;
755 color: #000000;
756 cursor: auto;
759 .close-button { /* close timezone selection UI without selecting */
760 /* float doesn't work within absolutely positioned container,
761 * if width of container is not set explicitly */
762 /* float: right; */
763 position: absolute;
764 top: 0px; right: 0px;
765 border: 1px solid green;
766 margin: 1px 1px 1px 1px;
767 padding-bottom: 2px;
768 width: 12px;
769 height: 10px;
770 font-size: 9px;
771 font-weight: bold;
772 text-align: center;
773 background-color: #fff0f0;
774 cursor: pointer;
778 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
780 /* Highlighting theme definition: */
782 .num { color:#2928ff; }
783 .esc { color:#ff00ff; }
784 .str { color:#ff0000; }
785 .dstr { color:#818100; }
786 .slc { color:#838183; font-style:italic; }
787 .com { color:#838183; font-style:italic; }
788 .dir { color:#008200; }
789 .sym { color:#000000; }
790 .line { color:#555555; }
791 .kwa { color:#000000; font-weight:bold; }
792 .kwb { color:#830000; }
793 .kwc { color:#000000; font-weight:bold; }
794 .kwd { color:#010181; }