Merge commit 'refs/top-bases/t/projlist-cache/caching' into t/projlist-cache/caching
[git/gitweb.git] / gitweb / static / gitweb.css
blob016e56c46da032836a6042c5629dacdd45d885b9
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.stale_info {
110 display: block;
111 text-align: right;
112 font-style: italic;
113 margin-top: 6px;
114 margin-right: 8px;
117 div.readme {
118 padding: 8px;
121 span.projectlist_link {
122 text-align: center;
123 font-weight: bold;
126 a.title:hover {
127 background-color: #d9d8d1;
130 div.title_text {
131 padding: 6px 0px;
132 border: solid #d9d8d1;
133 border-width: 0px 0px 1px;
134 font-family: monospace;
137 div.log_body {
138 padding: 8px 8px 8px 150px;
141 span.age {
142 position: relative;
143 float: left;
144 width: 142px;
145 font-style: italic;
148 span.signoff {
149 color: #888888;
152 div.log_link {
153 padding: 0px 8px;
154 font-size: 70%;
155 font-family: sans-serif;
156 font-style: normal;
157 position: relative;
158 float: left;
159 width: 136px;
162 div.list_head {
163 padding: 6px 8px 4px;
164 border: solid #d9d8d1;
165 border-width: 1px 0px 0px;
166 font-style: italic;
169 .author_date, .author {
170 font-style: italic;
173 div.author_date {
174 padding: 8px;
175 border: solid #d9d8d1;
176 border-width: 0px 0px 1px 0px;
179 a.list {
180 text-decoration: none;
181 color: #000000;
184 a.subject, a.name {
185 font-weight: bold;
188 table.tags a.subject {
189 font-weight: normal;
192 a.list:hover {
193 text-decoration: underline;
194 color: #880000;
197 a.text {
198 text-decoration: none;
199 color: #0000cc;
202 a.text:visited {
203 text-decoration: none;
204 color: #880000;
207 a.text:hover {
208 text-decoration: underline;
209 color: #880000;
212 table {
213 padding: 8px 4px;
214 border-spacing: 0;
217 table.diff_tree {
218 font-family: monospace;
221 table.combined.diff_tree th {
222 text-align: center;
225 table.combined.diff_tree td {
226 padding-right: 24px;
229 table.combined.diff_tree th.link,
230 table.combined.diff_tree td.link {
231 padding: 0px 2px;
234 table.combined.diff_tree td.nochange a {
235 color: #6666ff;
238 table.combined.diff_tree td.nochange a:hover,
239 table.combined.diff_tree td.nochange a:visited {
240 color: #d06666;
243 table.blame {
244 border-collapse: collapse;
247 table.blame td {
248 padding: 0px 5px;
249 font-size: 100%;
250 vertical-align: top;
253 th {
254 padding: 2px 5px;
255 font-size: 100%;
256 text-align: left;
259 /* do not change row style on hover for 'blame' view */
260 tr.light,
261 table.blame .light:hover {
262 background-color: #ffffff;
265 tr.dark,
266 table.blame .dark:hover {
267 background-color: #f6f6f0;
270 /* currently both use the same, but it can change */
271 tr.light:hover,
272 tr.dark:hover {
273 background-color: #edece6;
276 /* boundary commits in 'blame' view */
277 /* and commits without "previous" */
278 tr.boundary td.sha1,
279 tr.no-previous td.linenr {
280 font-weight: bold;
283 /* for 'blame_incremental', during processing */
284 tr.color1 { background-color: #f6fff6; }
285 tr.color2 { background-color: #f6f6ff; }
286 tr.color3 { background-color: #fff6f6; }
288 td {
289 padding: 2px 5px;
290 font-size: 100%;
291 vertical-align: top;
294 td.link, td.selflink {
295 padding: 2px 5px;
296 font-family: sans-serif;
297 font-size: 70%;
300 td.selflink {
301 padding-right: 0px;
304 td.sha1 {
305 font-family: monospace;
308 .error {
309 color: red;
310 background-color: yellow;
313 td.current_head {
314 text-decoration: underline;
317 td.category {
318 background-color: #d9d8d1;
319 border-top: 1px solid #000000;
320 border-left: 1px solid #000000;
321 font-weight: bold;
324 table.diff_tree span.file_status.new {
325 color: #008000;
328 table.diff_tree span.file_status.deleted {
329 color: #c00000;
332 table.diff_tree span.file_status.moved,
333 table.diff_tree span.file_status.mode_chnge {
334 color: #777777;
337 table.diff_tree span.file_status.copied {
338 color: #70a070;
341 /* noage: "No commits" */
342 table.project_list td.noage {
343 color: #808080;
344 font-style: italic;
347 /* age2: 60*60*24*2 <= age */
348 table.project_list td.age2, table.blame td.age2 {
349 font-style: italic;
352 /* age1: 60*60*2 <= age < 60*60*24*2 */
353 table.project_list td.age1 {
354 color: #009900;
355 font-style: italic;
358 table.blame td.age1 {
359 color: #009900;
360 background: transparent;
363 /* age0: age < 60*60*2 */
364 table.project_list td.age0 {
365 color: #009900;
366 font-style: italic;
367 font-weight: bold;
370 table.blame td.age0 {
371 color: #009900;
372 background: transparent;
373 font-weight: bold;
376 td.pre, div.pre, div.diff {
377 font-family: monospace;
378 font-size: 12px;
379 white-space: pre;
382 td.mode {
383 font-family: monospace;
386 /* progress of blame_interactive */
387 div#progress_bar {
388 height: 2px;
389 margin-bottom: -2px;
390 background-color: #d8d9d0;
392 div#progress_info {
393 float: right;
394 text-align: right;
397 /* format of (optional) objects size in 'tree' view */
398 td.size {
399 font-family: monospace;
400 text-align: right;
403 /* styling of diffs (patchsets): commitdiff and blobdiff views */
404 div.diff.header,
405 div.diff.extended_header {
406 white-space: normal;
409 div.diff.header {
410 font-weight: bold;
412 background-color: #edece6;
414 margin-top: 4px;
415 padding: 4px 0px 2px 0px;
416 border: solid #d9d8d1;
417 border-width: 1px 0px 1px 0px;
420 div.diff.header a.path {
421 text-decoration: underline;
424 div.diff.extended_header,
425 div.diff.extended_header a.path,
426 div.diff.extended_header a.hash {
427 color: #777777;
430 div.diff.extended_header .info {
431 color: #b0b0b0;
434 div.diff.extended_header {
435 background-color: #f6f5ee;
436 padding: 2px 0px 2px 0px;
439 div.diff a.list,
440 div.diff a.path,
441 div.diff a.hash {
442 text-decoration: none;
445 div.diff a.list:hover,
446 div.diff a.path:hover,
447 div.diff a.hash:hover {
448 text-decoration: underline;
451 div.diff.to_file a.path,
452 div.diff.to_file {
453 color: #007000;
456 div.diff.add {
457 color: #008800;
460 div.diff.add span.marked {
461 background-color: #aaffaa;
464 div.diff.from_file a.path,
465 div.diff.from_file {
466 color: #aa0000;
469 div.diff.rem {
470 color: #cc0000;
473 div.diff.rem span.marked {
474 background-color: #ffaaaa;
477 div.diff.chunk_header a,
478 div.diff.chunk_header {
479 color: #990099;
482 div.diff.chunk_header {
483 border: dotted #ffe0ff;
484 border-width: 1px 0px 0px 0px;
485 margin-top: 2px;
488 div.diff.chunk_header span.chunk_info {
489 background-color: #ffeeff;
492 div.diff.chunk_header span.section {
493 color: #aa22aa;
496 div.diff.incomplete {
497 color: #cccccc;
500 div.diff.nodifferences {
501 font-weight: bold;
502 color: #600000;
505 /* side-by-side diff */
506 div.chunk_block {
507 overflow: hidden;
510 div.chunk_block div.old {
511 float: left;
512 width: 50%;
513 overflow: hidden;
516 div.chunk_block div.new {
517 margin-left: 50%;
518 width: 50%;
521 div.chunk_block.rem div.old div.diff.rem {
522 background-color: #fff5f5;
524 div.chunk_block.add div.new div.diff.add {
525 background-color: #f8fff8;
527 div.chunk_block.chg div div.diff {
528 background-color: #fffff0;
530 div.chunk_block.ctx div div.diff.ctx {
531 color: #404040;
534 div#htmltagcloud {
535 margin: 6px 8px;
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; }