2ee5fe82cd8b49bbcbea5ad4bb65a075a152755c
[gitweb.git] / static / gitweb.css
1 @charset "UTF-8";
2 @import url("font/octicons.css");
3 body {
4 font-family: sans-serif;
5 font-size: small;
6 border: solid #ddddff;
7 border-width: 1px;
8 border-radius: 7px;
9 margin: 10px;
10 background-color: #ffffff;
11 color: #000000;
12 box-shadow: 1px 1px 5px #999; }
13
14 html {
15 background-color: #e7aaff; }
16
17 @media screen and (min-width: 40.5em) {
18 body {
19 margin-left: 10%;
20 margin-right: 10%; } }
21 a {
22 color: #0000cc; }
23
24 a:hover, a:visited, a:active {
25 color: #880000; }
26
27 span.cntrl {
28 border: dashed #aaaaaa;
29 border-width: 1px;
30 padding: 0px 2px 0px 2px;
31 margin: 0px 2px 0px 2px; }
32
33 img.logo {
34 float: right;
35 border-width: 0px; }
36
37 img.avatar {
38 vertical-align: middle; }
39
40 img.blob {
41 max-height: 100%;
42 max-width: 100%; }
43
44 a.list img.avatar {
45 border-style: none; }
46
47 div.page_header {
48 margin-top: -1px;
49 border-radius: 7px 7px 0 0;
50 height: 25px;
51 padding: 8px;
52 font-size: 150%;
53 font-weight: bold;
54 background-color: #ddddff; }
55
56 div.page_header a:visited, a.header {
57 color: #310044; }
58
59 div.branches_nav a:visited {
60 color: #550077; }
61
62 div.page_header a:hover {
63 color: #880000; }
64
65 div.page_nav, div.page_nav_extra, div.branches_nav {
66 padding: 8px; }
67
68 div.page_nav, div.branches_nav {
69 border-bottom: 1px solid #ddddff;
70 padding-bottom: 0px; }
71
72 div.page_nav a:visited, div.page_nav_extra a:visited, div.page_nav a, div.page_nav_extra {
73 color: #550077; }
74
75 div.page_nav a, div.page_nav .current, div.branches_nav a, div.branches_nav .current {
76 display: inline-block;
77 padding: 6px;
78 margin: 1px;
79 margin-bottom: -1px;
80 border-radius: 4px 4px 0 0; }
81
82 div.page_nav a, div.branches_nav a {
83 background: #eee;
84 border: 1px solid #ddddff;
85 outline: 0; }
86
87 div.page_nav a:hover, div.branches_nav a:hover {
88 text-decoration: none;
89 background: #e7aaff; }
90
91 div.page_nav .current, div.branches_nav .current {
92 background: #ffffff;
93 border-left: 1px solid #ddddff;
94 border-right: 1px solid #ddddff;
95 border-top: 1px solid #ddddff;
96 border-bottom: 1px solid #ffffff; }
97
98 tr.metadata_url {
99 border: 1px solid #a0a;
100 display: block;
101 width: 100%; }
102
103 div.page_path {
104 padding: 8px;
105 font-weight: bold;
106 border: solid #d9d8d1;
107 border-width: 0px 0px 1px; }
108
109 div.page_footer {
110 border-radius: 0 0 7px 7px;
111 margin-bottom: -1px;
112 height: 22px;
113 padding: 4px 8px;
114 background-color: #ddddff; }
115
116 div.page_footer_text {
117 line-height: 22px;
118 float: left;
119 color: #555555;
120 font-style: italic; }
121
122 div#generating_info {
123 margin: 4px;
124 font-size: smaller;
125 text-align: center;
126 color: #505050; }
127
128 div.page_body {
129 padding: 8px;
130 font-family: monospace; }
131
132 div.title, a.title {
133 display: block;
134 padding: 6px 8px;
135 font-weight: bold;
136 background-color: #ddddff;
137 text-decoration: none;
138 color: #000000; }
139
140 div.readme {
141 padding: 8px; }
142
143 a.title:hover {
144 background-color: #aaaaff; }
145
146 div.title_text {
147 padding: 6px 0px;
148 border: solid #d9d8d1;
149 border-width: 0px 0px 1px;
150 /* font-family: monospace;*/ }
151
152 div.log_body {
153 padding: 8px 8px 8px 150px; }
154
155 span.age {
156 position: relative;
157 float: left;
158 width: 142px;
159 font-style: italic; }
160
161 span.signoff {
162 color: #888888; }
163
164 div.log_link {
165 padding: 0px 8px;
166 font-size: 70%;
167 font-family: sans-serif;
168 font-style: normal;
169 position: relative;
170 float: left;
171 width: 136px; }
172
173 div.list_head {
174 padding: 6px 8px 4px;
175 border: solid #d9d8d1;
176 border-width: 1px 0px 0px;
177 font-style: italic; }
178
179 /* .author_date, .author { */
180 /* font-style: italic; */
181 /* } */
182 div.author_date {
183 padding: 8px;
184 border: solid #d9d8d1;
185 border-width: 0px 0px 1px 0px; }
186
187 a.list {
188 text-decoration: none;
189 color: #000000; }
190
191 a.subject, a.name {
192 font-weight: bold; }
193
194 table.tags a.subject {
195 font-weight: normal; }
196
197 a.list:hover {
198 text-decoration: underline;
199 color: #880000; }
200
201 a.text {
202 text-decoration: none;
203 color: #0000cc; }
204
205 a.text:visited {
206 text-decoration: none;
207 color: #880000; }
208
209 a.text:hover {
210 text-decoration: underline;
211 color: #880000; }
212
213 table {
214 padding: 8px 4px;
215 border-spacing: 0; }
216
217 table.diff_tree {
218 font-family: monospace; }
219
220 table.combined.diff_tree th {
221 text-align: center; }
222
223 table.combined.diff_tree td {
224 padding-right: 24px; }
225
226 table.combined.diff_tree th.link,
227 table.combined.diff_tree td.link {
228 padding: 0px 2px; }
229
230 table.combined.diff_tree td.nochange a {
231 color: #6666ff; }
232
233 table.combined.diff_tree td.nochange a:hover,
234 table.combined.diff_tree td.nochange a:visited {
235 color: #d06666; }
236
237 table.blame {
238 border-collapse: collapse; }
239
240 table.blame td {
241 padding: 0px 5px;
242 font-size: 100%;
243 vertical-align: top; }
244
245 th {
246 padding: 2px 5px;
247 font-size: 100%;
248 text-align: left; }
249
250 /* do not change row style on hover for 'blame' view */
251 tr.light,
252 table.blame .light:hover {
253 ebackground-color: #ffffff; }
254
255 tr.dark,
256 table.blame .dark:hover {
257 background-color: #d9d9d9; }
258
259 /* currently both use the same, but it can change */
260 tr.light:hover,
261 tr.dark:hover {
262 background-color: #ededed; }
263
264 /* boundary commits in 'blame' view */
265 /* and commits without "previous" */
266 tr.boundary td.sha1,
267 tr.no-previous td.linenr {
268 font-weight: bold; }
269
270 /* for 'blame_incremental', during processing */
271 tr.color1 {
272 background-color: #f6fff6; }
273
274 tr.color2 {
275 background-color: #f6f6ff; }
276
277 tr.color3 {
278 background-color: #fff6f6; }
279
280 td {
281 padding: 2px 5px;
282 font-size: 100%;
283 vertical-align: top; }
284
285 td.link, td.selflink {
286 padding: 2px 5px;
287 font-family: sans-serif;
288 font-size: 70%; }
289
290 td.selflink {
291 padding-right: 0px; }
292
293 td.sha1 {
294 font-family: monospace; }
295
296 .error {
297 color: red;
298 background-color: yellow; }
299
300 td.current_head {
301 text-decoration: underline; }
302
303 td.category {
304 background-color: #d9d8d1;
305 border-top: 1px solid #000000;
306 border-left: 1px solid #000000;
307 font-weight: bold; }
308
309 table.diff_tree span.file_status.new {
310 color: #008000; }
311
312 table.diff_tree span.file_status.deleted {
313 color: #c00000; }
314
315 table.diff_tree span.file_status.moved,
316 table.diff_tree span.file_status.mode_chnge {
317 color: #777777; }
318
319 table.diff_tree span.file_status.copied {
320 color: #70a070; }
321
322 /* noage: "No commits" */
323 table.project_list td.noage {
324 color: #808080;
325 font-style: italic; }
326
327 /* age2: 60*60*24*2 <= age */
328 table.project_list td.age2, table.blame td.age2 {
329 font-style: italic; }
330
331 /* age1: 60*60*2 <= age < 60*60*24*2 */
332 table.project_list td.age1 {
333 color: #009900;
334 font-style: italic; }
335
336 table.blame td.age1 {
337 color: #009900;
338 background: transparent; }
339
340 /* age0: age < 60*60*2 */
341 table.project_list td.age0 {
342 color: #009900;
343 font-style: italic;
344 font-weight: bold; }
345
346 table.blame td.age0 {
347 color: #009900;
348 background: transparent;
349 font-weight: bold; }
350
351 /* table.heads { */
352 /* display: none; */
353 /* width: 100%; */
354 /* min-height: 30px; */
355 /* margin: 0px; */
356 /* background: #090; */
357 /* color: white; */
358 /* } */
359 /* table.heads .list { */
360 /* color: white */
361 /* } */
362 /* table.heads tr.dark { */
363 /* padding: 0.4em; */
364 /* background: #080; */
365 /* } */
366 /* table.heads tr.light { */
367 /* padding: 0.4em; */
368 /* background: #090; */
369 /* } */
370 /* .header:hover + table.heads, table.heads:hover { */
371 /* display: block; */
372 /* } */
373 td.pre, div.pre, div.diff {
374 font-family: monospace;
375 font-size: 12px;
376 white-space: pre; }
377
378 td.mode {
379 font-family: monospace; }
380
381 /* progress of blame_interactive */
382 div#progress_bar {
383 height: 2px;
384 margin-bottom: -2px;
385 background-color: #d8d9d0; }
386
387 div#progress_info {
388 float: right;
389 text-align: right; }
390
391 /* format of (optional) objects size in 'tree' view */
392 td.size {
393 font-family: monospace;
394 text-align: right; }
395
396 /* styling of diffs (patchsets): commitdiff and blobdiff views */
397 div.diff.header,
398 div.diff.extended_header {
399 white-space: normal; }
400
401 div.diff.header {
402 font-weight: bold;
403 background-color: #edece6;
404 margin-top: 4px;
405 padding: 4px 0px 2px 0px;
406 border: solid #d9d8d1;
407 border-width: 1px 0px 1px 0px; }
408
409 div.diff.header a.path {
410 text-decoration: underline; }
411
412 div.diff.extended_header,
413 div.diff.extended_header a.path,
414 div.diff.extended_header a.hash {
415 color: #777777; }
416
417 div.diff.extended_header .info {
418 color: #b0b0b0; }
419
420 div.diff.extended_header {
421 background-color: #f6f5ee;
422 padding: 2px 0px 2px 0px; }
423
424 div.diff a.list,
425 div.diff a.path,
426 div.diff a.hash {
427 text-decoration: none; }
428
429 div.diff a.list:hover,
430 div.diff a.path:hover,
431 div.diff a.hash:hover {
432 text-decoration: underline; }
433
434 div.diff.to_file a.path,
435 div.diff.to_file {
436 color: #007000; }
437
438 div.diff.add {
439 color: #008800; }
440
441 div.diff.add span.marked {
442 background-color: #aaffaa; }
443
444 div.diff.from_file a.path,
445 div.diff.from_file {
446 color: #aa0000; }
447
448 div.diff.rem {
449 color: #cc0000; }
450
451 div.diff.rem span.marked {
452 background-color: #ffaaaa; }
453
454 div.diff.chunk_header a,
455 div.diff.chunk_header {
456 color: #990099; }
457
458 div.diff.chunk_header {
459 border: dotted #ffe0ff;
460 border-width: 1px 0px 0px 0px;
461 margin-top: 2px; }
462
463 div.diff.chunk_header span.chunk_info {
464 background-color: #ffeeff; }
465
466 div.diff.chunk_header span.section {
467 color: #aa22aa; }
468
469 div.diff.incomplete {
470 color: #cccccc; }
471
472 div.diff.nodifferences {
473 font-weight: bold;
474 color: #600000; }
475
476 /* side-by-side diff */
477 div.chunk_block {
478 overflow: hidden; }
479
480 div.chunk_block div.old {
481 float: left;
482 width: 50%;
483 overflow: hidden; }
484
485 div.chunk_block div.new {
486 margin-left: 50%;
487 width: 50%; }
488
489 div.chunk_block.rem div.old div.diff.rem {
490 background-color: #fff5f5; }
491
492 div.chunk_block.add div.new div.diff.add {
493 background-color: #f8fff8; }
494
495 div.chunk_block.chg div div.diff {
496 background-color: #fffff0; }
497
498 div.chunk_block.ctx div div.diff.ctx {
499 color: #404040; }
500
501 div.index_include {
502 border: solid #d9d8d1;
503 border-width: 0px 0px 1px;
504 padding: 12px 8px; }
505
506 div.search {
507 font-size: 100%;
508 font-weight: normal;
509 margin: 4px 8px;
510 float: right;
511 top: 56px;
512 right: 12px; }
513
514 div.projsearch {
515 text-align: center;
516 margin: 20px 0px; }
517
518 div.projsearch form {
519 margin-bottom: 2px; }
520
521 td.linenr {
522 text-align: right; }
523
524 a.linenr {
525 color: #999999;
526 text-decoration: none; }
527
528 a.rss_logo {
529 float: right;
530 padding: 3px 5px;
531 line-height: 10px;
532 border: 1px solid;
533 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
534 color: #ffffff;
535 background-color: #ff6600;
536 font-weight: bold;
537 font-family: sans-serif;
538 font-size: 70%;
539 text-align: center;
540 text-decoration: none; }
541
542 a.rss_logo:hover {
543 background-color: #ee5500; }
544
545 a.rss_logo.generic {
546 background-color: #ff8800; }
547
548 a.rss_logo.generic:hover {
549 background-color: #ee7700; }
550
551 span.refs > span {
552 padding: 3px 4px;
553 font-size: 90%;
554 font-weight: normal;
555 display: inline-block;
556 border-radius: 3px;
557 margin-top: 2px; }
558
559 span.refs {
560 float: right;
561 margin-right: 4px;
562 margin-left: 0.7em;
563 text-align: right;
564 padding: 2px;
565 max-width: 30%;
566 vertical-align: top !important; }
567
568 span.refs + * {
569 clear: both; }
570
571 span.refs span a {
572 text-decoration: none;
573 color: inherit; }
574
575 span.refs span a:hover {
576 text-decoration: underline; }
577
578 span.refs span.indirect {
579 font-style: italic; }
580
581 span.refs span.ref {
582 background-color: #aaaaff;
583 border-color: #ccccff #0033cc #0033cc #ccccff; }
584
585 span.refs span.tag {
586 background-color: #ffffaa;
587 border-color: #ffffcc #ffee00 #ffee00 #ffffcc; }
588
589 span.refs span.head {
590 background-color: #aaffaa; }
591
592 span.refs span.remote {
593 background-color: #aaaaff; }
594
595 span.atnight {
596 color: #cc0000; }
597
598 span.match {
599 color: #e00000; }
600
601 div.binary {
602 font-style: italic; }
603
604 div.remote {
605 margin: .5em;
606 border: 1px solid #d9d8d1;
607 display: inline-block; }
608
609 /* JavaScript-based timezone manipulation */
610 .popup {
611 /* timezone selection UI */
612 position: absolute;
613 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
614 top: 0;
615 left: 0;
616 border: 1px solid;
617 padding: 2px;
618 background-color: #f0f0f0;
619 font-style: normal;
620 color: #000000;
621 cursor: auto; }
622
623 .close-button {
624 /* close timezone selection UI without selecting */
625 /* float doesn't work within absolutely positioned container,
626 * if width of container is not set explicitly */
627 /* float: right; */
628 position: absolute;
629 top: 0px;
630 right: 0px;
631 border: 1px solid green;
632 margin: 1px 1px 1px 1px;
633 padding-bottom: 2px;
634 width: 12px;
635 height: 10px;
636 font-size: 9px;
637 font-weight: bold;
638 text-align: center;
639 background-color: #fff0f0;
640 cursor: pointer; }
641
642 div.heads a::before {
643 content: "ᛘ ";
644 font-size: 25px;
645 padding-top: -2px;
646 padding-bottom: -2px;
647 margin-right: 3px; }
648
649 /* div.branches_nav a::before, div.branches_nav .current::before { */
650 /* content: "ᛘ"; */
651 /* margin-right: 3px; */
652 /* font-size: 20px; */
653 /* margin-top: -4px; */
654 /* margin-bottom: -4px; */
655 /* } */
656 /* div.heads:hover a::before { */
657 /* content: "▶"; */
658 /* margin-right: 4px; */
659 /* } */
660 .verif .octicon-verified {
661 color: #0a0;
662 font-weight: normal; }
663
664 .verif {
665 font-weight: normal;
666 padding: 6px; }
667
668 /* .verif:hover .commiter{ */
669 /* color: #fff; */
670 /* background: $ver_color; */
671 /* border-radius: 5px; */
672 /* display: block; */
673 /* position: absolute; */
674 /* margin-top: -1em; */
675 /* margin-left: 9px; */
676 /* } */
677 /* .verif:hover .commiter::after { */
678 /* background-color: #F2F2F2; */
679 /* box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 ); */
680 /* content: "\00a0"; */
681 /* display: block; */
682 /* height: 20px; */
683 /* left: -10px; */
684 /* position: relative; */
685 /* top: 20px; */
686 /* transform: rotate( 45deg ); */
687 /* width: 20px; */
688 /* } */
689 .verif:hover .commiter {
690 background-color: #0a0;
691 border-radius: 5px;
692 border: 1px solid #bbb;
693 box-shadow: 1px 1px 5px #999;
694 display: inline-block;
695 padding: 10px 18px;
696 margin-left: 7px;
697 margin-right: 17px;
698 position: absolute;
699 vertical-align: top;
700 margin-top: -1.3em; }
701
702 .verif:hover .tail {
703 position: absolute;
704 top: 12px;
705 left: -17px;
706 height: 17px;
707 width: 17px;
708 overflow: hidden; }
709
710 .verif:hover .tail::before {
711 border: 1px solid #bbb;
712 background-color: #0a0;
713 box-shadow: 1px 1px 5px #999;
714 content: "\00a0";
715 display: block;
716 position: absolute;
717 top: 0px;
718 left: 12px;
719 height: 12px;
720 width: 12px;
721 transform: skew(-45deg); }
722
723 .verif .commiter {
724 display: none;
725 color: #fff; }
726
727 /* .verif:hover .octicon-verified { */
728 /* color: #fff; */
729 /* } */
730 .verif:hover .commiter {
731 display: inline-block;
732 z-index: 1000; }
733
734 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
735 /* Highlighting theme definition: */
736 .num {
737 color: #2928ff; }
738
739 .esc {
740 color: #ff00ff; }
741
742 .str {
743 color: #ff0000; }
744
745 .dstr {
746 color: #818100; }
747
748 .slc {
749 color: #838183;
750 font-style: italic; }
751
752 .com {
753 color: #838183;
754 font-style: italic; }
755
756 .dir {
757 color: #008200; }
758
759 .sym {
760 color: #000000; }
761
762 .line {
763 color: #555555; }
764
765 .kwa {
766 color: #000000;
767 font-weight: bold; }
768
769 .kwb {
770 color: #830000; }
771
772 .kwc {
773 color: #000000;
774 font-weight: bold; }
775
776 .kwd {
777 color: #010181; }