Gitweb: make line number toggling work for Firefox and Safari
[git/mingw/4msysgit.git] / gitweb / static / gitweb.css
blob3212601032622fef063f06066bd7131061de36d9
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 a.title:hover {
114 background-color: #d9d8d1;
117 div.title_text {
118 padding: 6px 0px;
119 border: solid #d9d8d1;
120 border-width: 0px 0px 1px;
121 font-family: monospace;
124 div.log_body {
125 padding: 8px 8px 8px 150px;
128 span.age {
129 position: relative;
130 float: left;
131 width: 142px;
132 font-style: italic;
135 span.signoff {
136 color: #888888;
139 div.log_link {
140 padding: 0px 8px;
141 font-size: 70%;
142 font-family: sans-serif;
143 font-style: normal;
144 position: relative;
145 float: left;
146 width: 136px;
149 div.list_head {
150 padding: 6px 8px 4px;
151 border: solid #d9d8d1;
152 border-width: 1px 0px 0px;
153 font-style: italic;
156 .author_date, .author {
157 font-style: italic;
160 div.author_date {
161 padding: 8px;
162 border: solid #d9d8d1;
163 border-width: 0px 0px 1px 0px;
166 a.list {
167 text-decoration: none;
168 color: #000000;
171 a.subject, a.name {
172 font-weight: bold;
175 table.tags a.subject {
176 font-weight: normal;
179 a.list:hover {
180 text-decoration: underline;
181 color: #880000;
184 a.text {
185 text-decoration: none;
186 color: #0000cc;
189 a.text:visited {
190 text-decoration: none;
191 color: #880000;
194 a.text:hover {
195 text-decoration: underline;
196 color: #880000;
199 table {
200 padding: 8px 4px;
201 border-spacing: 0;
204 table.diff_tree {
205 font-family: monospace;
208 table.combined.diff_tree th {
209 text-align: center;
212 table.combined.diff_tree td {
213 padding-right: 24px;
216 table.combined.diff_tree th.link,
217 table.combined.diff_tree td.link {
218 padding: 0px 2px;
221 table.combined.diff_tree td.nochange a {
222 color: #6666ff;
225 table.combined.diff_tree td.nochange a:hover,
226 table.combined.diff_tree td.nochange a:visited {
227 color: #d06666;
230 table.blame {
231 border-collapse: collapse;
234 table.blame td {
235 padding: 0px 5px;
236 font-size: 100%;
237 vertical-align: top;
240 th {
241 padding: 2px 5px;
242 font-size: 100%;
243 text-align: left;
246 /* do not change row style on hover for 'blame' view */
247 tr.light,
248 table.blame .light:hover {
249 background-color: #ffffff;
252 tr.dark,
253 table.blame .dark:hover {
254 background-color: #f6f6f0;
257 /* currently both use the same, but it can change */
258 tr.light:hover,
259 tr.dark:hover {
260 background-color: #edece6;
263 /* boundary commits in 'blame' view */
264 /* and commits without "previous" */
265 tr.boundary td.sha1,
266 tr.no-previous td.linenr {
267 font-weight: bold;
270 /* for 'blame_incremental', during processing */
271 tr.color1 { background-color: #f6fff6; }
272 tr.color2 { background-color: #f6f6ff; }
273 tr.color3 { background-color: #fff6f6; }
275 td {
276 padding: 2px 5px;
277 font-size: 100%;
278 vertical-align: top;
281 td.link, td.selflink {
282 padding: 2px 5px;
283 font-family: sans-serif;
284 font-size: 70%;
287 td.selflink {
288 padding-right: 0px;
291 td.sha1 {
292 font-family: monospace;
295 .error {
296 color: red;
297 background-color: yellow;
300 td.current_head {
301 text-decoration: underline;
304 td.category {
305 background-color: #d9d8d1;
306 border-top: 1px solid #000000;
307 border-left: 1px solid #000000;
308 font-weight: bold;
311 table.diff_tree span.file_status.new {
312 color: #008000;
315 table.diff_tree span.file_status.deleted {
316 color: #c00000;
319 table.diff_tree span.file_status.moved,
320 table.diff_tree span.file_status.mode_chnge {
321 color: #777777;
324 table.diff_tree span.file_status.copied {
325 color: #70a070;
328 /* noage: "No commits" */
329 table.project_list td.noage {
330 color: #808080;
331 font-style: italic;
334 /* age2: 60*60*24*2 <= age */
335 table.project_list td.age2, table.blame td.age2 {
336 font-style: italic;
339 /* age1: 60*60*2 <= age < 60*60*24*2 */
340 table.project_list td.age1 {
341 color: #009900;
342 font-style: italic;
345 table.blame td.age1 {
346 color: #009900;
347 background: transparent;
350 /* age0: age < 60*60*2 */
351 table.project_list td.age0 {
352 color: #009900;
353 font-style: italic;
354 font-weight: bold;
357 table.blame td.age0 {
358 color: #009900;
359 background: transparent;
360 font-weight: bold;
363 td.pre, div.pre, div.diff {
364 font-family: monospace;
365 font-size: 12px;
366 white-space: pre;
369 td.mode {
370 font-family: monospace;
373 /* progress of blame_interactive */
374 div#progress_bar {
375 height: 2px;
376 margin-bottom: -2px;
377 background-color: #d8d9d0;
379 div#progress_info {
380 float: right;
381 text-align: right;
384 /* format of (optional) objects size in 'tree' view */
385 td.size {
386 font-family: monospace;
387 text-align: right;
390 /* styling of diffs (patchsets): commitdiff and blobdiff views */
391 div.diff.header,
392 div.diff.extended_header {
393 white-space: normal;
396 div.diff.header {
397 font-weight: bold;
399 background-color: #edece6;
401 margin-top: 4px;
402 padding: 4px 0px 2px 0px;
403 border: solid #d9d8d1;
404 border-width: 1px 0px 1px 0px;
407 div.diff.header a.path {
408 text-decoration: underline;
411 div.diff.extended_header,
412 div.diff.extended_header a.path,
413 div.diff.extended_header a.hash {
414 color: #777777;
417 div.diff.extended_header .info {
418 color: #b0b0b0;
421 div.diff.extended_header {
422 background-color: #f6f5ee;
423 padding: 2px 0px 2px 0px;
426 div.diff a.list,
427 div.diff a.path,
428 div.diff a.hash {
429 text-decoration: none;
432 div.diff a.list:hover,
433 div.diff a.path:hover,
434 div.diff a.hash:hover {
435 text-decoration: underline;
438 div.diff.to_file a.path,
439 div.diff.to_file {
440 color: #007000;
443 div.diff.add {
444 color: #008800;
447 div.diff.add span.marked {
448 background-color: #aaffaa;
451 div.diff.from_file a.path,
452 div.diff.from_file {
453 color: #aa0000;
456 div.diff.rem {
457 color: #cc0000;
460 div.diff.rem span.marked {
461 background-color: #ffaaaa;
464 div.diff.chunk_header a,
465 div.diff.chunk_header {
466 color: #990099;
469 div.diff.chunk_header {
470 border: dotted #ffe0ff;
471 border-width: 1px 0px 0px 0px;
472 margin-top: 2px;
475 div.diff.chunk_header span.chunk_info {
476 background-color: #ffeeff;
479 div.diff.chunk_header span.section {
480 color: #aa22aa;
483 div.diff.incomplete {
484 color: #cccccc;
487 div.diff.nodifferences {
488 font-weight: bold;
489 color: #600000;
492 /* side-by-side diff */
493 div.chunk_block {
494 overflow: hidden;
497 div.chunk_block div.old {
498 float: left;
499 width: 50%;
500 overflow: hidden;
503 div.chunk_block div.new {
504 margin-left: 50%;
505 width: 50%;
508 div.chunk_block.rem div.old div.diff.rem {
509 background-color: #fff5f5;
511 div.chunk_block.add div.new div.diff.add {
512 background-color: #f8fff8;
514 div.chunk_block.chg div div.diff {
515 background-color: #fffff0;
517 div.chunk_block.ctx div div.diff.ctx {
518 color: #404040;
522 div.index_include {
523 border: solid #d9d8d1;
524 border-width: 0px 0px 1px;
525 padding: 12px 8px;
528 div.search {
529 font-size: 100%;
530 font-weight: normal;
531 margin: 4px 8px;
532 float: right;
533 top: 56px;
534 right: 12px
537 div.projsearch {
538 text-align: center;
539 margin: 20px 0px;
542 div.projsearch form {
543 margin-bottom: 2px;
546 td.linenr {
547 text-align: right;
550 a.linenr {
551 color: #999999;
552 text-decoration: none
555 a.rss_logo {
556 float: right;
557 padding: 3px 5px;
558 line-height: 10px;
559 border: 1px solid;
560 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
561 color: #ffffff;
562 background-color: #ff6600;
563 font-weight: bold;
564 font-family: sans-serif;
565 font-size: 70%;
566 text-align: center;
567 text-decoration: none;
570 a.rss_logo:hover {
571 background-color: #ee5500;
574 a.rss_logo.generic {
575 background-color: #ff8800;
578 a.rss_logo.generic:hover {
579 background-color: #ee7700;
582 span.refs span {
583 padding: 0px 4px;
584 font-size: 70%;
585 font-weight: normal;
586 border: 1px solid;
587 background-color: #ffaaff;
588 border-color: #ffccff #ff00ee #ff00ee #ffccff;
591 span.refs span a {
592 text-decoration: none;
593 color: inherit;
596 span.refs span a:hover {
597 text-decoration: underline;
600 span.refs span.indirect {
601 font-style: italic;
604 span.refs span.ref {
605 background-color: #aaaaff;
606 border-color: #ccccff #0033cc #0033cc #ccccff;
609 span.refs span.tag {
610 background-color: #ffffaa;
611 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
614 span.refs span.head {
615 background-color: #aaffaa;
616 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
619 span.atnight {
620 color: #cc0000;
623 span.match {
624 color: #e00000;
627 div.binary {
628 font-style: italic;
631 div.remote {
632 margin: .5em;
633 border: 1px solid #d9d8d1;
634 display: inline-block;
637 /* JavaScript-based timezone manipulation */
639 .popup { /* timezone selection UI */
640 position: absolute;
641 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
642 top: 0; left: 0;
643 border: 1px solid;
644 padding: 2px;
645 background-color: #f0f0f0;
646 font-style: normal;
647 color: #000000;
648 cursor: auto;
651 .close-button { /* close timezone selection UI without selecting */
652 /* float doesn't work within absolutely positioned container,
653 * if width of container is not set explicitly */
654 /* float: right; */
655 position: absolute;
656 top: 0px; right: 0px;
657 border: 1px solid green;
658 margin: 1px 1px 1px 1px;
659 padding-bottom: 2px;
660 width: 12px;
661 height: 10px;
662 font-size: 9px;
663 font-weight: bold;
664 text-align: center;
665 background-color: #fff0f0;
666 cursor: pointer;
670 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
672 /* Highlighting theme definition: */
674 .num { color:#2928ff; }
675 .esc { color:#ff00ff; }
676 .str { color:#ff0000; }
677 .dstr { color:#818100; }
678 .slc { color:#838183; font-style:italic; }
679 .com { color:#838183; font-style:italic; }
680 .dir { color:#008200; }
681 .sym { color:#000000; }
682 .line { color:#555555; }
683 .kwa { color:#000000; font-weight:bold; }
684 .kwb { color:#830000; }
685 .kwc { color:#000000; font-weight:bold; }
686 .kwd { color:#010181; }