Merge commit 'refs/top-bases/t/frontpage/separate' into t/frontpage/separate
[git/gitweb.git] / gitweb / static / gitweb.css
bloba904a6ceddf0b95776ad4639a220a810c63ab4b5
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 p.projectlist_link {
114 text-align: center;
115 font-weight: bold;
118 a.title:hover {
119 background-color: #d9d8d1;
122 div.title_text {
123 padding: 6px 0px;
124 border: solid #d9d8d1;
125 border-width: 0px 0px 1px;
126 font-family: monospace;
129 div.log_body {
130 padding: 8px 8px 8px 150px;
133 span.age {
134 position: relative;
135 float: left;
136 width: 142px;
137 font-style: italic;
140 span.signoff {
141 color: #888888;
144 div.log_link {
145 padding: 0px 8px;
146 font-size: 70%;
147 font-family: sans-serif;
148 font-style: normal;
149 position: relative;
150 float: left;
151 width: 136px;
154 div.list_head {
155 padding: 6px 8px 4px;
156 border: solid #d9d8d1;
157 border-width: 1px 0px 0px;
158 font-style: italic;
161 .author_date, .author {
162 font-style: italic;
165 div.author_date {
166 padding: 8px;
167 border: solid #d9d8d1;
168 border-width: 0px 0px 1px 0px;
171 a.list {
172 text-decoration: none;
173 color: #000000;
176 a.subject, a.name {
177 font-weight: bold;
180 table.tags a.subject {
181 font-weight: normal;
184 a.list:hover {
185 text-decoration: underline;
186 color: #880000;
189 a.text {
190 text-decoration: none;
191 color: #0000cc;
194 a.text:visited {
195 text-decoration: none;
196 color: #880000;
199 a.text:hover {
200 text-decoration: underline;
201 color: #880000;
204 table {
205 padding: 8px 4px;
206 border-spacing: 0;
209 table.diff_tree {
210 font-family: monospace;
213 table.combined.diff_tree th {
214 text-align: center;
217 table.combined.diff_tree td {
218 padding-right: 24px;
221 table.combined.diff_tree th.link,
222 table.combined.diff_tree td.link {
223 padding: 0px 2px;
226 table.combined.diff_tree td.nochange a {
227 color: #6666ff;
230 table.combined.diff_tree td.nochange a:hover,
231 table.combined.diff_tree td.nochange a:visited {
232 color: #d06666;
235 table.blame {
236 border-collapse: collapse;
239 table.blame td {
240 padding: 0px 5px;
241 font-size: 100%;
242 vertical-align: top;
245 th {
246 padding: 2px 5px;
247 font-size: 100%;
248 text-align: left;
251 /* do not change row style on hover for 'blame' view */
252 tr.light,
253 table.blame .light:hover {
254 background-color: #ffffff;
257 tr.dark,
258 table.blame .dark:hover {
259 background-color: #f6f6f0;
262 /* currently both use the same, but it can change */
263 tr.light:hover,
264 tr.dark:hover {
265 background-color: #edece6;
268 /* boundary commits in 'blame' view */
269 /* and commits without "previous" */
270 tr.boundary td.sha1,
271 tr.no-previous td.linenr {
272 font-weight: bold;
275 /* for 'blame_incremental', during processing */
276 tr.color1 { background-color: #f6fff6; }
277 tr.color2 { background-color: #f6f6ff; }
278 tr.color3 { background-color: #fff6f6; }
280 td {
281 padding: 2px 5px;
282 font-size: 100%;
283 vertical-align: top;
286 td.link, td.selflink {
287 padding: 2px 5px;
288 font-family: sans-serif;
289 font-size: 70%;
292 td.selflink {
293 padding-right: 0px;
296 td.sha1 {
297 font-family: monospace;
300 .error {
301 color: red;
302 background-color: yellow;
305 td.current_head {
306 text-decoration: underline;
309 td.category {
310 background-color: #d9d8d1;
311 border-top: 1px solid #000000;
312 border-left: 1px solid #000000;
313 font-weight: bold;
316 table.diff_tree span.file_status.new {
317 color: #008000;
320 table.diff_tree span.file_status.deleted {
321 color: #c00000;
324 table.diff_tree span.file_status.moved,
325 table.diff_tree span.file_status.mode_chnge {
326 color: #777777;
329 table.diff_tree span.file_status.copied {
330 color: #70a070;
333 /* noage: "No commits" */
334 table.project_list td.noage {
335 color: #808080;
336 font-style: italic;
339 /* age2: 60*60*24*2 <= age */
340 table.project_list td.age2, table.blame td.age2 {
341 font-style: italic;
344 /* age1: 60*60*2 <= age < 60*60*24*2 */
345 table.project_list td.age1 {
346 color: #009900;
347 font-style: italic;
350 table.blame td.age1 {
351 color: #009900;
352 background: transparent;
355 /* age0: age < 60*60*2 */
356 table.project_list td.age0 {
357 color: #009900;
358 font-style: italic;
359 font-weight: bold;
362 table.blame td.age0 {
363 color: #009900;
364 background: transparent;
365 font-weight: bold;
368 td.pre, div.pre, div.diff {
369 font-family: monospace;
370 font-size: 12px;
371 white-space: pre;
374 td.mode {
375 font-family: monospace;
378 /* progress of blame_interactive */
379 div#progress_bar {
380 height: 2px;
381 margin-bottom: -2px;
382 background-color: #d8d9d0;
384 div#progress_info {
385 float: right;
386 text-align: right;
389 /* format of (optional) objects size in 'tree' view */
390 td.size {
391 font-family: monospace;
392 text-align: right;
395 /* styling of diffs (patchsets): commitdiff and blobdiff views */
396 div.diff.header,
397 div.diff.extended_header {
398 white-space: normal;
401 div.diff.header {
402 font-weight: bold;
404 background-color: #edece6;
406 margin-top: 4px;
407 padding: 4px 0px 2px 0px;
408 border: solid #d9d8d1;
409 border-width: 1px 0px 1px 0px;
412 div.diff.header a.path {
413 text-decoration: underline;
416 div.diff.extended_header,
417 div.diff.extended_header a.path,
418 div.diff.extended_header a.hash {
419 color: #777777;
422 div.diff.extended_header .info {
423 color: #b0b0b0;
426 div.diff.extended_header {
427 background-color: #f6f5ee;
428 padding: 2px 0px 2px 0px;
431 div.diff a.list,
432 div.diff a.path,
433 div.diff a.hash {
434 text-decoration: none;
437 div.diff a.list:hover,
438 div.diff a.path:hover,
439 div.diff a.hash:hover {
440 text-decoration: underline;
443 div.diff.to_file a.path,
444 div.diff.to_file {
445 color: #007000;
448 div.diff.add {
449 color: #008800;
452 div.diff.add span.marked {
453 background-color: #aaffaa;
456 div.diff.from_file a.path,
457 div.diff.from_file {
458 color: #aa0000;
461 div.diff.rem {
462 color: #cc0000;
465 div.diff.rem span.marked {
466 background-color: #ffaaaa;
469 div.diff.chunk_header a,
470 div.diff.chunk_header {
471 color: #990099;
474 div.diff.chunk_header {
475 border: dotted #ffe0ff;
476 border-width: 1px 0px 0px 0px;
477 margin-top: 2px;
480 div.diff.chunk_header span.chunk_info {
481 background-color: #ffeeff;
484 div.diff.chunk_header span.section {
485 color: #aa22aa;
488 div.diff.incomplete {
489 color: #cccccc;
492 div.diff.nodifferences {
493 font-weight: bold;
494 color: #600000;
497 /* side-by-side diff */
498 div.chunk_block {
499 overflow: hidden;
502 div.chunk_block div.old {
503 float: left;
504 width: 50%;
505 overflow: hidden;
508 div.chunk_block div.new {
509 margin-left: 50%;
510 width: 50%;
513 div.chunk_block.rem div.old div.diff.rem {
514 background-color: #fff5f5;
516 div.chunk_block.add div.new div.diff.add {
517 background-color: #f8fff8;
519 div.chunk_block.chg div div.diff {
520 background-color: #fffff0;
522 div.chunk_block.ctx div div.diff.ctx {
523 color: #404040;
526 div.htmltagcloud {
527 margin: 6px 8px;
530 div.index_include {
531 border: solid #d9d8d1;
532 border-width: 0px 0px 1px;
533 padding: 12px 8px;
536 div.search {
537 font-size: 100%;
538 font-weight: normal;
539 margin: 4px 8px;
540 float: right;
541 top: 56px;
542 right: 12px
545 div.projsearch {
546 text-align: center;
547 margin: 20px 0px;
550 div.projsearch form {
551 margin-bottom: 2px;
554 td.linenr {
555 text-align: right;
558 a.linenr {
559 color: #999999;
560 text-decoration: none
563 a.rss_logo {
564 float: right;
565 padding: 3px 5px;
566 line-height: 10px;
567 border: 1px solid;
568 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
569 color: #ffffff;
570 background-color: #ff6600;
571 font-weight: bold;
572 font-family: sans-serif;
573 font-size: 70%;
574 text-align: center;
575 text-decoration: none;
578 a.rss_logo:hover {
579 background-color: #ee5500;
582 a.rss_logo.generic {
583 background-color: #ff8800;
586 a.rss_logo.generic:hover {
587 background-color: #ee7700;
590 span.refs span {
591 padding: 0px 4px;
592 font-size: 70%;
593 font-weight: normal;
594 border: 1px solid;
595 background-color: #ffaaff;
596 border-color: #ffccff #ff00ee #ff00ee #ffccff;
599 span.refs span a {
600 text-decoration: none;
601 color: inherit;
604 span.refs span a:hover {
605 text-decoration: underline;
608 span.refs span.indirect {
609 font-style: italic;
612 span.refs span.ref {
613 background-color: #aaaaff;
614 border-color: #ccccff #0033cc #0033cc #ccccff;
617 span.refs span.tag {
618 background-color: #ffffaa;
619 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
622 span.refs span.head {
623 background-color: #aaffaa;
624 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
627 span.atnight {
628 color: #cc0000;
631 span.match {
632 color: #e00000;
635 div.binary {
636 font-style: italic;
639 div.remote {
640 margin: .5em;
641 border: 1px solid #d9d8d1;
642 display: inline-block;
645 /* JavaScript-based timezone manipulation */
647 .popup { /* timezone selection UI */
648 position: absolute;
649 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
650 top: 0; left: 0;
651 border: 1px solid;
652 padding: 2px;
653 background-color: #f0f0f0;
654 font-style: normal;
655 color: #000000;
656 cursor: auto;
659 .close-button { /* close timezone selection UI without selecting */
660 /* float doesn't work within absolutely positioned container,
661 * if width of container is not set explicitly */
662 /* float: right; */
663 position: absolute;
664 top: 0px; right: 0px;
665 border: 1px solid green;
666 margin: 1px 1px 1px 1px;
667 padding-bottom: 2px;
668 width: 12px;
669 height: 10px;
670 font-size: 9px;
671 font-weight: bold;
672 text-align: center;
673 background-color: #fff0f0;
674 cursor: pointer;
678 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
680 /* Highlighting theme definition: */
682 .num { color:#2928ff; }
683 .esc { color:#ff00ff; }
684 .str { color:#ff0000; }
685 .dstr { color:#818100; }
686 .slc { color:#838183; font-style:italic; }
687 .com { color:#838183; font-style:italic; }
688 .dir { color:#008200; }
689 .sym { color:#000000; }
690 .line { color:#555555; }
691 .kwa { color:#000000; font-weight:bold; }
692 .kwb { color:#830000; }
693 .kwc { color:#000000; font-weight:bold; }
694 .kwd { color:#010181; }