gitweb: support automatic readme generation
[git/gitweb.git] / gitweb / static / gitweb.css
blob614b4e4df0795ad2019f2d29eb5cebae905977f6
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.page_path {
69 padding: 8px;
70 font-weight: bold;
71 border: solid #d9d8d1;
72 border-width: 0px 0px 1px;
75 div.page_footer {
76 height: 22px;
77 padding: 4px 8px;
78 background-color: #d9d8d1;
81 div.page_footer_text {
82 line-height: 22px;
83 float: left;
84 color: #555555;
85 font-style: italic;
88 div#generating_info {
89 margin: 4px;
90 font-size: smaller;
91 text-align: center;
92 color: #505050;
95 div.page_body {
96 padding: 8px;
97 font-family: monospace;
100 div.title, a.title {
101 display: block;
102 padding: 6px 8px;
103 font-weight: bold;
104 background-color: #edece6;
105 text-decoration: none;
106 color: #000000;
109 div.readme {
110 padding: 8px;
113 div.readme h1 {
114 font-size: 150%;
117 div.readme h2 {
118 font-size: 125%;
121 div.readme h3 {
122 font-size: 110%;
125 div.readme h4 {
126 font-size: 100%;
129 a.title:hover {
130 background-color: #d9d8d1;
133 div.title_text {
134 padding: 6px 0px;
135 border: solid #d9d8d1;
136 border-width: 0px 0px 1px;
137 font-family: monospace;
140 div.log_body {
141 padding: 8px 8px 8px 150px;
144 span.age {
145 position: relative;
146 float: left;
147 width: 142px;
148 font-style: italic;
151 span.signoff {
152 color: #888888;
155 div.log_link {
156 padding: 0px 8px;
157 font-size: 70%;
158 font-family: sans-serif;
159 font-style: normal;
160 position: relative;
161 float: left;
162 width: 136px;
165 div.list_head {
166 padding: 6px 8px 4px;
167 border: solid #d9d8d1;
168 border-width: 1px 0px 0px;
169 font-style: italic;
172 .author_date, .author {
173 font-style: italic;
176 div.author_date {
177 padding: 8px;
178 border: solid #d9d8d1;
179 border-width: 0px 0px 1px 0px;
182 a.list {
183 text-decoration: none;
184 color: #000000;
187 a.subject, a.name {
188 font-weight: bold;
191 table.tags a.subject {
192 font-weight: normal;
195 a.list:hover {
196 text-decoration: underline;
197 color: #880000;
200 a.text {
201 text-decoration: none;
202 color: #0000cc;
205 a.text:visited {
206 text-decoration: none;
207 color: #880000;
210 a.text:hover {
211 text-decoration: underline;
212 color: #880000;
215 table {
216 padding: 8px 4px;
217 border-spacing: 0;
220 table.diff_tree {
221 font-family: monospace;
224 table.combined.diff_tree th {
225 text-align: center;
228 table.combined.diff_tree td {
229 padding-right: 24px;
232 table.combined.diff_tree th.link,
233 table.combined.diff_tree td.link {
234 padding: 0px 2px;
237 table.combined.diff_tree td.nochange a {
238 color: #6666ff;
241 table.combined.diff_tree td.nochange a:hover,
242 table.combined.diff_tree td.nochange a:visited {
243 color: #d06666;
246 table.blame {
247 border-collapse: collapse;
250 table.blame td {
251 padding: 0px 5px;
252 font-size: 100%;
253 vertical-align: top;
256 th {
257 padding: 2px 5px;
258 font-size: 100%;
259 text-align: left;
262 /* do not change row style on hover for 'blame' view */
263 tr.light,
264 table.blame .light:hover {
265 background-color: #ffffff;
268 tr.dark,
269 table.blame .dark:hover {
270 background-color: #f6f6f0;
273 /* currently both use the same, but it can change */
274 tr.light:hover,
275 tr.dark:hover {
276 background-color: #edece6;
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;
286 /* for 'blame_incremental', during processing */
287 tr.color1 { background-color: #f6fff6; }
288 tr.color2 { background-color: #f6f6ff; }
289 tr.color3 { background-color: #fff6f6; }
291 td {
292 padding: 2px 5px;
293 font-size: 100%;
294 vertical-align: top;
297 td.link, td.selflink {
298 padding: 2px 5px;
299 font-family: sans-serif;
300 font-size: 70%;
303 td.selflink {
304 padding-right: 0px;
307 td.sha1 {
308 font-family: monospace;
311 .error {
312 color: red;
313 background-color: yellow;
316 td.current_head {
317 text-decoration: underline;
320 td.category {
321 background-color: #d9d8d1;
322 border-top: 1px solid #000000;
323 border-left: 1px solid #000000;
324 font-weight: bold;
327 table.diff_tree span.file_status.new {
328 color: #008000;
331 table.diff_tree span.file_status.deleted {
332 color: #c00000;
335 table.diff_tree span.file_status.moved,
336 table.diff_tree span.file_status.mode_chnge {
337 color: #777777;
340 table.diff_tree span.file_status.copied {
341 color: #70a070;
344 /* noage: "No commits" */
345 table.project_list td.noage {
346 color: #808080;
347 font-style: italic;
350 /* age2: 60*60*24*2 <= age */
351 table.project_list td.age2, table.blame td.age2 {
352 font-style: italic;
355 /* age1: 60*60*2 <= age < 60*60*24*2 */
356 table.project_list td.age1 {
357 color: #009900;
358 font-style: italic;
361 table.blame td.age1 {
362 color: #009900;
363 background: transparent;
366 /* age0: age < 60*60*2 */
367 table.project_list td.age0 {
368 color: #009900;
369 font-style: italic;
370 font-weight: bold;
373 table.blame td.age0 {
374 color: #009900;
375 background: transparent;
376 font-weight: bold;
379 td.pre, div.pre, div.diff {
380 font-family: monospace;
381 font-size: 12px;
382 white-space: pre;
385 td.mode {
386 font-family: monospace;
389 /* progress of blame_interactive */
390 div#progress_bar {
391 height: 2px;
392 margin-bottom: -2px;
393 background-color: #d8d9d0;
395 div#progress_info {
396 float: right;
397 text-align: right;
400 /* format of (optional) objects size in 'tree' view */
401 td.size {
402 font-family: monospace;
403 text-align: right;
406 /* styling of diffs (patchsets): commitdiff and blobdiff views */
407 div.diff.header,
408 div.diff.extended_header {
409 white-space: normal;
412 div.diff.header {
413 font-weight: bold;
415 background-color: #edece6;
417 margin-top: 4px;
418 padding: 4px 0px 2px 0px;
419 border: solid #d9d8d1;
420 border-width: 1px 0px 1px 0px;
423 div.diff.header a.path {
424 text-decoration: underline;
427 div.diff.extended_header,
428 div.diff.extended_header a.path,
429 div.diff.extended_header a.hash {
430 color: #777777;
433 div.diff.extended_header .info {
434 color: #b0b0b0;
437 div.diff.extended_header {
438 background-color: #f6f5ee;
439 padding: 2px 0px 2px 0px;
442 div.diff a.list,
443 div.diff a.path,
444 div.diff a.hash {
445 text-decoration: none;
448 div.diff a.list:hover,
449 div.diff a.path:hover,
450 div.diff a.hash:hover {
451 text-decoration: underline;
454 div.diff.to_file a.path,
455 div.diff.to_file {
456 color: #007000;
459 div.diff.add {
460 color: #008800;
463 div.diff.add span.marked {
464 background-color: #aaffaa;
467 div.diff.from_file a.path,
468 div.diff.from_file {
469 color: #aa0000;
472 div.diff.rem {
473 color: #cc0000;
476 div.diff.rem span.marked {
477 background-color: #ffaaaa;
480 div.diff.chunk_header a,
481 div.diff.chunk_header {
482 color: #990099;
485 div.diff.chunk_header {
486 border: dotted #ffe0ff;
487 border-width: 1px 0px 0px 0px;
488 margin-top: 2px;
491 div.diff.chunk_header span.chunk_info {
492 background-color: #ffeeff;
495 div.diff.chunk_header span.section {
496 color: #aa22aa;
499 div.diff.incomplete {
500 color: #cccccc;
503 div.diff.nodifferences {
504 font-weight: bold;
505 color: #600000;
508 /* side-by-side diff */
509 div.chunk_block {
510 overflow: hidden;
513 div.chunk_block div.old {
514 float: left;
515 width: 50%;
516 overflow: hidden;
519 div.chunk_block div.new {
520 margin-left: 50%;
521 width: 50%;
524 div.chunk_block.rem div.old div.diff.rem {
525 background-color: #fff5f5;
527 div.chunk_block.add div.new div.diff.add {
528 background-color: #f8fff8;
530 div.chunk_block.chg div div.diff {
531 background-color: #fffff0;
533 div.chunk_block.ctx div div.diff.ctx {
534 color: #404040;
538 div.index_include {
539 border: solid #d9d8d1;
540 border-width: 0px 0px 1px;
541 padding: 12px 8px;
544 div.search {
545 font-size: 100%;
546 font-weight: normal;
547 margin: 4px 8px;
548 float: right;
549 top: 56px;
550 right: 12px
553 div.projsearch {
554 text-align: center;
555 margin: 20px 0px;
558 div.projsearch form {
559 margin-bottom: 2px;
562 td.linenr {
563 text-align: right;
566 a.linenr {
567 color: #999999;
568 text-decoration: none
571 a.rss_logo {
572 float: right;
573 padding: 3px 5px;
574 line-height: 10px;
575 border: 1px solid;
576 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
577 color: #ffffff;
578 background-color: #ff6600;
579 font-weight: bold;
580 font-family: sans-serif;
581 font-size: 70%;
582 text-align: center;
583 text-decoration: none;
586 a.rss_logo:hover {
587 background-color: #ee5500;
590 a.rss_logo.generic {
591 background-color: #ff8800;
594 a.rss_logo.generic:hover {
595 background-color: #ee7700;
598 span.refs span {
599 padding: 0px 4px;
600 font-size: 70%;
601 font-weight: normal;
602 border: 1px solid;
603 background-color: #ffaaff;
604 border-color: #ffccff #ff00ee #ff00ee #ffccff;
607 span.refs span a {
608 text-decoration: none;
609 color: inherit;
612 span.refs span a:hover {
613 text-decoration: underline;
616 span.refs span.indirect {
617 font-style: italic;
620 span.refs span.ref {
621 background-color: #aaaaff;
622 border-color: #ccccff #0033cc #0033cc #ccccff;
625 span.refs span.tag {
626 background-color: #ffffaa;
627 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
630 span.refs span.head {
631 background-color: #aaffaa;
632 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
635 span.atnight {
636 color: #cc0000;
639 span.match {
640 color: #e00000;
643 div.binary {
644 font-style: italic;
647 div.remote {
648 margin: .5em;
649 border: 1px solid #d9d8d1;
650 display: inline-block;
653 /* JavaScript-based timezone manipulation */
655 .popup { /* timezone selection UI */
656 position: absolute;
657 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
658 top: 0; left: 0;
659 border: 1px solid;
660 padding: 2px;
661 background-color: #f0f0f0;
662 font-style: normal;
663 color: #000000;
664 cursor: auto;
667 .close-button { /* close timezone selection UI without selecting */
668 /* float doesn't work within absolutely positioned container,
669 * if width of container is not set explicitly */
670 /* float: right; */
671 position: absolute;
672 top: 0px; right: 0px;
673 border: 1px solid green;
674 margin: 1px 1px 1px 1px;
675 padding-bottom: 2px;
676 width: 12px;
677 height: 10px;
678 font-size: 9px;
679 font-weight: bold;
680 text-align: center;
681 background-color: #fff0f0;
682 cursor: pointer;
686 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
688 /* Highlighting theme definition: */
690 .num { color:#2928ff; }
691 .esc { color:#ff00ff; }
692 .str { color:#ff0000; }
693 .dstr { color:#818100; }
694 .slc { color:#838183; font-style:italic; }
695 .com { color:#838183; font-style:italic; }
696 .dir { color:#008200; }
697 .sym { color:#000000; }
698 .line { color:#555555; }
699 .kwa { color:#000000; font-weight:bold; }
700 .kwb { color:#830000; }
701 .kwc { color:#000000; font-weight:bold; }
702 .kwd { color:#010181; }