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