gitweb: support caching projects list
[git/gitweb.git] / gitweb / static / gitweb.css
blob337055a9798770eb9e90829d0b67e58bc600a712
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;
115 div.readme {
116 padding: 8px;
119 p.projectlist_link {
120 text-align: center;
121 font-weight: bold;
124 a.title:hover {
125 background-color: #d9d8d1;
128 div.title_text {
129 padding: 6px 0px;
130 border: solid #d9d8d1;
131 border-width: 0px 0px 1px;
132 font-family: monospace;
135 div.log_body {
136 padding: 8px 8px 8px 150px;
139 span.age {
140 position: relative;
141 float: left;
142 width: 142px;
143 font-style: italic;
146 span.signoff {
147 color: #888888;
150 div.log_link {
151 padding: 0px 8px;
152 font-size: 70%;
153 font-family: sans-serif;
154 font-style: normal;
155 position: relative;
156 float: left;
157 width: 136px;
160 div.list_head {
161 padding: 6px 8px 4px;
162 border: solid #d9d8d1;
163 border-width: 1px 0px 0px;
164 font-style: italic;
167 .author_date, .author {
168 font-style: italic;
171 div.author_date {
172 padding: 8px;
173 border: solid #d9d8d1;
174 border-width: 0px 0px 1px 0px;
177 a.list {
178 text-decoration: none;
179 color: #000000;
182 a.subject, a.name {
183 font-weight: bold;
186 table.tags a.subject {
187 font-weight: normal;
190 a.list:hover {
191 text-decoration: underline;
192 color: #880000;
195 a.text {
196 text-decoration: none;
197 color: #0000cc;
200 a.text:visited {
201 text-decoration: none;
202 color: #880000;
205 a.text:hover {
206 text-decoration: underline;
207 color: #880000;
210 table {
211 padding: 8px 4px;
212 border-spacing: 0;
215 table.diff_tree {
216 font-family: monospace;
219 table.combined.diff_tree th {
220 text-align: center;
223 table.combined.diff_tree td {
224 padding-right: 24px;
227 table.combined.diff_tree th.link,
228 table.combined.diff_tree td.link {
229 padding: 0px 2px;
232 table.combined.diff_tree td.nochange a {
233 color: #6666ff;
236 table.combined.diff_tree td.nochange a:hover,
237 table.combined.diff_tree td.nochange a:visited {
238 color: #d06666;
241 table.blame {
242 border-collapse: collapse;
245 table.blame td {
246 padding: 0px 5px;
247 font-size: 100%;
248 vertical-align: top;
251 th {
252 padding: 2px 5px;
253 font-size: 100%;
254 text-align: left;
257 /* do not change row style on hover for 'blame' view */
258 tr.light,
259 table.blame .light:hover {
260 background-color: #ffffff;
263 tr.dark,
264 table.blame .dark:hover {
265 background-color: #f6f6f0;
268 /* currently both use the same, but it can change */
269 tr.light:hover,
270 tr.dark:hover {
271 background-color: #edece6;
274 /* boundary commits in 'blame' view */
275 /* and commits without "previous" */
276 tr.boundary td.sha1,
277 tr.no-previous td.linenr {
278 font-weight: bold;
281 /* for 'blame_incremental', during processing */
282 tr.color1 { background-color: #f6fff6; }
283 tr.color2 { background-color: #f6f6ff; }
284 tr.color3 { background-color: #fff6f6; }
286 td {
287 padding: 2px 5px;
288 font-size: 100%;
289 vertical-align: top;
292 td.link, td.selflink {
293 padding: 2px 5px;
294 font-family: sans-serif;
295 font-size: 70%;
298 td.selflink {
299 padding-right: 0px;
302 td.sha1 {
303 font-family: monospace;
306 .error {
307 color: red;
308 background-color: yellow;
311 td.current_head {
312 text-decoration: underline;
315 td.category {
316 background-color: #d9d8d1;
317 border-top: 1px solid #000000;
318 border-left: 1px solid #000000;
319 font-weight: bold;
322 table.diff_tree span.file_status.new {
323 color: #008000;
326 table.diff_tree span.file_status.deleted {
327 color: #c00000;
330 table.diff_tree span.file_status.moved,
331 table.diff_tree span.file_status.mode_chnge {
332 color: #777777;
335 table.diff_tree span.file_status.copied {
336 color: #70a070;
339 /* noage: "No commits" */
340 table.project_list td.noage {
341 color: #808080;
342 font-style: italic;
345 /* age2: 60*60*24*2 <= age */
346 table.project_list td.age2, table.blame td.age2 {
347 font-style: italic;
350 /* age1: 60*60*2 <= age < 60*60*24*2 */
351 table.project_list td.age1 {
352 color: #009900;
353 font-style: italic;
356 table.blame td.age1 {
357 color: #009900;
358 background: transparent;
361 /* age0: age < 60*60*2 */
362 table.project_list td.age0 {
363 color: #009900;
364 font-style: italic;
365 font-weight: bold;
368 table.blame td.age0 {
369 color: #009900;
370 background: transparent;
371 font-weight: bold;
374 td.pre, div.pre, div.diff {
375 font-family: monospace;
376 font-size: 12px;
377 white-space: pre;
380 td.mode {
381 font-family: monospace;
384 /* progress of blame_interactive */
385 div#progress_bar {
386 height: 2px;
387 margin-bottom: -2px;
388 background-color: #d8d9d0;
390 div#progress_info {
391 float: right;
392 text-align: right;
395 /* format of (optional) objects size in 'tree' view */
396 td.size {
397 font-family: monospace;
398 text-align: right;
401 /* styling of diffs (patchsets): commitdiff and blobdiff views */
402 div.diff.header,
403 div.diff.extended_header {
404 white-space: normal;
407 div.diff.header {
408 font-weight: bold;
410 background-color: #edece6;
412 margin-top: 4px;
413 padding: 4px 0px 2px 0px;
414 border: solid #d9d8d1;
415 border-width: 1px 0px 1px 0px;
418 div.diff.header a.path {
419 text-decoration: underline;
422 div.diff.extended_header,
423 div.diff.extended_header a.path,
424 div.diff.extended_header a.hash {
425 color: #777777;
428 div.diff.extended_header .info {
429 color: #b0b0b0;
432 div.diff.extended_header {
433 background-color: #f6f5ee;
434 padding: 2px 0px 2px 0px;
437 div.diff a.list,
438 div.diff a.path,
439 div.diff a.hash {
440 text-decoration: none;
443 div.diff a.list:hover,
444 div.diff a.path:hover,
445 div.diff a.hash:hover {
446 text-decoration: underline;
449 div.diff.to_file a.path,
450 div.diff.to_file {
451 color: #007000;
454 div.diff.add {
455 color: #008800;
458 div.diff.add span.marked {
459 background-color: #aaffaa;
462 div.diff.from_file a.path,
463 div.diff.from_file {
464 color: #aa0000;
467 div.diff.rem {
468 color: #cc0000;
471 div.diff.rem span.marked {
472 background-color: #ffaaaa;
475 div.diff.chunk_header a,
476 div.diff.chunk_header {
477 color: #990099;
480 div.diff.chunk_header {
481 border: dotted #ffe0ff;
482 border-width: 1px 0px 0px 0px;
483 margin-top: 2px;
486 div.diff.chunk_header span.chunk_info {
487 background-color: #ffeeff;
490 div.diff.chunk_header span.section {
491 color: #aa22aa;
494 div.diff.incomplete {
495 color: #cccccc;
498 div.diff.nodifferences {
499 font-weight: bold;
500 color: #600000;
503 /* side-by-side diff */
504 div.chunk_block {
505 overflow: hidden;
508 div.chunk_block div.old {
509 float: left;
510 width: 50%;
511 overflow: hidden;
514 div.chunk_block div.new {
515 margin-left: 50%;
516 width: 50%;
519 div.chunk_block.rem div.old div.diff.rem {
520 background-color: #fff5f5;
522 div.chunk_block.add div.new div.diff.add {
523 background-color: #f8fff8;
525 div.chunk_block.chg div div.diff {
526 background-color: #fffff0;
528 div.chunk_block.ctx div div.diff.ctx {
529 color: #404040;
533 div.index_include {
534 border: solid #d9d8d1;
535 border-width: 0px 0px 1px;
536 padding: 12px 8px;
539 div.search {
540 font-size: 100%;
541 font-weight: normal;
542 margin: 4px 8px;
543 float: right;
544 top: 56px;
545 right: 12px
548 div.projsearch {
549 text-align: center;
550 margin: 20px 0px;
553 div.projsearch form {
554 margin-bottom: 2px;
557 td.linenr {
558 text-align: right;
561 a.linenr {
562 color: #999999;
563 text-decoration: none
566 a.rss_logo {
567 float: right;
568 padding: 3px 5px;
569 line-height: 10px;
570 border: 1px solid;
571 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
572 color: #ffffff;
573 background-color: #ff6600;
574 font-weight: bold;
575 font-family: sans-serif;
576 font-size: 70%;
577 text-align: center;
578 text-decoration: none;
581 a.rss_logo:hover {
582 background-color: #ee5500;
585 a.rss_logo.generic {
586 background-color: #ff8800;
589 a.rss_logo.generic:hover {
590 background-color: #ee7700;
593 span.refs span {
594 padding: 0px 4px;
595 font-size: 70%;
596 font-weight: normal;
597 border: 1px solid;
598 background-color: #ffaaff;
599 border-color: #ffccff #ff00ee #ff00ee #ffccff;
602 span.refs span a {
603 text-decoration: none;
604 color: inherit;
607 span.refs span a:hover {
608 text-decoration: underline;
611 span.refs span.indirect {
612 font-style: italic;
615 span.refs span.ref {
616 background-color: #aaaaff;
617 border-color: #ccccff #0033cc #0033cc #ccccff;
620 span.refs span.tag {
621 background-color: #ffffaa;
622 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
625 span.refs span.head {
626 background-color: #aaffaa;
627 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
630 span.atnight {
631 color: #cc0000;
634 span.match {
635 color: #e00000;
638 div.binary {
639 font-style: italic;
642 div.remote {
643 margin: .5em;
644 border: 1px solid #d9d8d1;
645 display: inline-block;
648 /* JavaScript-based timezone manipulation */
650 .popup { /* timezone selection UI */
651 position: absolute;
652 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
653 top: 0; left: 0;
654 border: 1px solid;
655 padding: 2px;
656 background-color: #f0f0f0;
657 font-style: normal;
658 color: #000000;
659 cursor: auto;
662 .close-button { /* close timezone selection UI without selecting */
663 /* float doesn't work within absolutely positioned container,
664 * if width of container is not set explicitly */
665 /* float: right; */
666 position: absolute;
667 top: 0px; right: 0px;
668 border: 1px solid green;
669 margin: 1px 1px 1px 1px;
670 padding-bottom: 2px;
671 width: 12px;
672 height: 10px;
673 font-size: 9px;
674 font-weight: bold;
675 text-align: center;
676 background-color: #fff0f0;
677 cursor: pointer;
681 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
683 /* Highlighting theme definition: */
685 .num { color:#2928ff; }
686 .esc { color:#ff00ff; }
687 .str { color:#ff0000; }
688 .dstr { color:#818100; }
689 .slc { color:#838183; font-style:italic; }
690 .com { color:#838183; font-style:italic; }
691 .dir { color:#008200; }
692 .sym { color:#000000; }
693 .line { color:#555555; }
694 .kwa { color:#000000; font-weight:bold; }
695 .kwb { color:#830000; }
696 .kwc { color:#000000; font-weight:bold; }
697 .kwd { color:#010181; }