hidden standard rss links in the footer
[gitweb-theme-danix.git] / gitweb-danixland / gitweb.css
CommitLineData
a6a0a341 1/* Fonts
2------------------------------------------------------------------------- */
3@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
4
f17ef185 5/* Reset
6------------------------------------------------------------------------- */
7
8/* Based on http://meyerweb.com/eric/tools/css/reset/ */
9/* v1.0 | 20080212 */
10
11html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
12blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
13font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
14u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
15caption, tbody, tfoot, thead, tr, th, td {
16 margin: 0;
17 padding: 0;
18 border: 0;
19 outline: 0;
20 font-size: 100%;
21 vertical-align: baseline;
22 background: transparent;
23}
24
25ol, ul { list-style: none; }
26
27blockquote, q { quotes: none; }
28
29blockquote:before, blockquote:after,
30q:before, q:after {
31 content: '';
32 content: none;
33}
34
35:focus { outline: 0; }
36
37ins { text-decoration: none; }
38
39del { text-decoration: line-through; }
40
41table {
42 border-collapse: collapse;
43 border-spacing: 0;
44}
45
46a { outline: none; }
47
b2b72247 48/* Colors
49------------------------------------------------------------------------- */
50:root {
51 --bg: #D8D9CF;
acb5821a 52 --bg-alt: #F0EEED;
b2b72247 53 --fg: #393E46;
3020319e 54 --link: #FF8B13;
55 --link-visited: #e7b788;
05bbea0e 56 --border: 34,40,49,0.035;
d5af761b 57 --accent: #FD7014;
d904bd06 58 --file-icon: url("file-dark.svg");
59 --dir-icon: url("folder-dark.svg");
60 --ref-icon: url("commit-dark.svg");
61 --tag-icon: url("tag-dark.svg");
62 --branch-icon: url("merge-dark.svg");
9406f526 63 --rss-icon:url("rss-dark.svg");
64 --opml-icon:url("opml-dark.svg");
b2b72247 65}
66@media screen and (prefers-color-scheme: dark) {
1bc0e66a 67 :root {
68 --bg: #393E46;
acb5821a 69 --bg-alt: #222831;
1bc0e66a 70 --fg: #D8D9CF;
05bbea0e 71 --border: 216,217,207,0.2;
a8dc308a 72 --file-icon: url("file.svg");
73 --dir-icon: url("folder.svg");
74 --ref-icon: url("commit.svg");
75 --tag-icon: url("tag.svg");
76 --branch-icon: url("merge.svg");
9406f526 77 --rss-icon:url("rss.svg");
78 --opml-icon:url("opml.svg");
1bc0e66a 79 }
b2b72247 80}
81
f17ef185 82
a6a0a341 83/* General
f17ef185 84---------------------------------------------------------------------------- */
85
86html {
87 position: relative;
88 min-height: 100%;
89}
90
91body {
a6a0a341 92 font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif;
f17ef185 93 line-height: 1.4;
94 margin: 0 0 105px;
b2b72247 95 background-color: var(--bg);
96 color: var(--fg);
f17ef185 97}
98
99/* Monospaced Fonts */
100.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
a6a0a341 101 font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace;
f17ef185 102}
103
104a:link, a:visited {
f17ef185 105 text-decoration: none;
106}
107
3020319e 108a:link {
109 color: var(--link);
110}
111
112a:visited {
113 color: var(--link-visited);
114}
115
f17ef185 116a:hover {
117 text-decoration: underline;
118}
119
120td.list a[href*='tree'], td.list a[href*='blob'] {
d904bd06 121 padding-left: 40px;
f17ef185 122 display: block;
123 float: left;
9325b442 124 height: 32px;
125 line-height: 32px;
f17ef185 126}
127
3020319e 128/* Folder Icon */
423a1cf3 129td.list a[href*='tree'] {
130 background: var(--dir-icon) center left no-repeat;
f17ef185 131}
132
3020319e 133/* File Icon */
f17ef185 134td.list a[href*='blob'] {
423a1cf3 135 background: var(--file-icon) center left no-repeat;
f17ef185 136}
137
138i {
139 font-style: normal;
140}
141
142td, th {
143 padding: 5px;
144}
145
146.page_nav br {
147 display: none;
148}
149
150#generating_info {
151 font-size: 10px;
d9ae720e 152 color: var(--fg);
f17ef185 153 text-align: center;
154}
155
156#generating_time, #generating_cmd {
157 font-weight: bold;
158}
159
160/* Page Header
161---------------------------------------------------------------------------- */
162
163.page_header {
164 height: 50px;
165 line-height: 50px;
166 position: relative;
167 padding: 0 27px;
168 margin-bottom: 20px;
169 font-size: 20px;
9406f526 170 font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
acb5821a 171 background: var(--bg); /* old browsers */
172 background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
173 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
174 background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
05bbea0e 175 border-bottom: 1px solid rgba(var(--border));
f17ef185 176}
177
178.page_header a:link, .page_header a:visited {
5ddc14e1 179 color: var(--link);
f17ef185 180 text-decoration: none;
181 padding: 3px;
182 font-weight: bold;
183}
184
185.page_header a:hover {
186 font-weight: bold;
187 padding: 3px;
188 text-decoration: underline;
189}
190
191.page_header a:first-child {
192 background: transparent;
193}
194
195.page_header img.logo {
196 position: relative;
197 top: 7px;
198 margin-right: 5px;
199}
200
201/* Page Footer
202---------------------------------------------------------------------------- */
203
204.page_footer {
205 position: absolute;
206 left: 0;
207 bottom: 0;
208 width: 100%;
209 height: 80px;
210 line-height: 80px;
211 margin-top: 15px;
c63d74b2 212 background: var(--bg-alt);
5ddc14e1 213 border-top: 2px solid var(--border);
214 border-bottom: 1px solid var(--border);
f17ef185 215}
216
217.page_footer_text {
5ddc14e1 218 color: var(--fg);
f17ef185 219 display: inline;
220 float: left;
221 margin-left: 25px;
222 width: 80%;
223 overflow: hidden;
224 white-space: nowrap;
225 text-overflow: ellipsis;
226}
227
228a.rss_logo {
29e3a25d 229 border: 0;
230 clip: rect(1px, 1px, 1px, 1px);
231 clip-path: inset(100%);
232 height: 1px;
233 overflow: hidden;
234 padding: 0;
235 position: absolute;
236 white-space: nowrap;
237 width: 1px;
f17ef185 238}
239
f17ef185 240
241/* Index include
242---------------------------------------------------------------------------- */
243
244.index_include {
245 width: 95%;
246 margin: 0 auto 15px;
5ddc14e1 247 background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent;
248 border: 1px solid var(--border);
f17ef185 249 padding: 8px;
250 -webkit-box-sizing: border-box;
251 -moz-box-sizing: border-box;
252 box-sizing: border-box;
253}
254
255/* Elements
256---------------------------------------------------------------------------- */
257
258.project_list,
259.shortlog,
260.tree,
261.commit_search,
262.history {
263 width: 95%;
264 margin: 0 auto 15px auto;
d1808a6c 265 border: 1px solid var(--border);
f17ef185 266 -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
267 -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
268 box-shadow: 0 0 3px rgba(0,0,0,0.2);
269}
270
271.project_list th,
272.shortlog th,
273.tree th,
274.commit_search th {
275 color: #afafaf;
276 font-weight: normal;
277}
278
279.project_list th {
280 font-weight: bold;
281}
282
283.project_list tr,
284.shortlog tr,
285.tree tr,
286.commit_search tr {
287 background: #eaeaea;
288 height: 2.5em;
289 text-align: left;
290 color: #545454;
291}
292
293.project_list tr.dark, .project_list tr.light,
294.shortlog tr.dark, .shortlog tr.light,
295.tree tr.dark, .tree tr.light,
296.commit_search tr.dark, .commit_search tr.light,
297.history tr.dark, .history tr.light,
298.heads tr.dark, .heads tr.light {
299 background: #F9F9F9; /* old browsers */
300 background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
301 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
302 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
303 background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
304 height: 2.5em;
305 border-bottom: 1px solid #e1e1e1;
306}
307
308th .header {
309 background: transparent;
310 border: 0;
311 padding: 0;
312 font-weight: bold;
313}
314
315.tree {
316 width: 100%;
317 margin: 0;
318}
319
320.projsearch {
321 position: absolute;
322 right: 4%;
323 top: 15px;
324}
325
326.projsearch a {
327 display: none;
328}
329
330.commit_search {
331 background: #eaeaea;
332}
333
334.page_nav,
335.list_head,
336.page_path,
337.search {
338 width: 94%;
339 background: #eaeaea;
340 color: #545454;
341 border: 1px solid #d8d8d8;
342 padding: 5px;
343 margin: 0 auto 15px auto;
344}
345
346.history {
347 background: #eaeaea;
348}
349
350.title {
351 margin: 0 auto 15px auto;
352 padding: 5px;
353 width: 95%;
354}
355
356.readme {
357 background: #eaf2f5;
358 border: 1px solid #bedce7;
359 -moz-box-sizing: border-box;
360 -webkit-box-sizing: border-box;
361 box-sizing: border-box;
362 margin: 0 auto 15px auto;
363 padding: 15px;
364 width: 95%;
365}
366
367.readme h1 {
368 display: block;
369 font-size: 2em;
370 font-weight: bold;
371 margin-bottom: 0.67em;
372 margin-top: 0;
373}
374
375.readme h2 {
376 font-size: 1.5em;
377 font-weight: bold;
378 margin-bottom: 0.83em;
379}
380
381
382.readme h3 {
383 font-size: 1.17em;
384 font-weight: bold;
385 margin-bottom: 1em;
386}
387
388.readme p {
389 margin-bottom: 1em;
390}
391
392.readme ul {
393 list-style: disc;
394 margin-bottom: 1em;
395 margin-left: 1.5em;
396}
397
398.readme ul ul {
399 margin-bottom: 0;
400}
401
402.readme ol {
403 list-style: decimal;
404 margin-bottom: 1em;
405 margin-left: 1.5em;
406}
407
408.readme ol ol {
409 margin-bottom: 0;
410}
411
412.readme pre {
9406f526 413 font-family: 'Red Hat Mono', monospace;
f17ef185 414 margin: 1em 0;
415 white-space: pre;
416}
417
418.readme tt, .readme code, .readme kbd, .readme samp {
9406f526 419 font-family: 'Red Hat Mono', monospace;
f17ef185 420}
421
422.readme blockquote {
423 margin: 1em;
424}
425
426.projects_list,
427.tags {
428 width: 95%;
429 background: #f0f0f0;
430 color: #545454;
431 border: 1px solid #d8d8d8;
432 padding: 5px;
433 margin: 0 auto 15px auto;
434}
435
436.heads {
437 width: 95%;
438 color: #545454;
439 border: 1px solid #d8d8d8;
440 padding: 5px;
441 margin: 0 auto 15px auto;
442}
443
444.header {
445 width: 94%;
446 margin: 0 auto 15px auto;
447 background: #eaf2f5;
448 border: 1px solid #bedce7;
449 padding: 5px;
450}
451
452.header .age {
453 float: left;
454 color: #000;
455 font-weight: bold;
456 width: 10em;
457}
458
459.title_text {
460 width: 94%;
461 background: #eaf2f5;
462 border: 1px solid #bedce7;
463 padding: 5px;
464 margin: 0 auto 0 auto;
465}
466
467.log_body {
468 width: 94%;
469 background: #eaf2f5;
470 border: 1px solid #bedce7;
471 border-top: 0;
472 padding: 5px;
473 margin: 0 auto 15px auto;
474}
475
476.page_body {
477 line-height: 1.4em;
478 width: 94%;
479 background: #f8f8f8;
480 border: 1px solid #d8d8d8;
481 padding: 5px;
482 margin: 15px auto 15px auto;
483}
484
485.diff_tree {
486 width: 95%;
487 background: #f0f0f0;
488 border: 1px solid #d8d8d8;
489 padding: 5px;
490 margin: 0 auto 15px auto;
491}
492
493.page_body > .list_head {
494 width: 98.5%;
495}
496
497.page_body > .diff_tree {
498 width: 99.5%;
499}
500
501.patch > .header {
502 width: 99%;
503}
504
505.author .avatar,
506.author_date .avatar {
507 position: relative;
508 top: 3px;
509}
510
511.object_header .avatar {
512 border: 1px solid #D8D8D8;
513 float: right;
514}
515
516.object_header td,
517.object_header th {
518 vertical-align: top;
519}
520
521/* Refs
522---------------------------------------------------------------------------- */
523
524span.refs span {
525 color: #707070;
526 display: inline-block;
527 margin: 0;
d9ae720e 528 background-color: var(--bg);
529 border: 1px solid var(--border);
f17ef185 530 border-radius: 3px;
531 height: 18px;
532 padding: 0 6px;
533 text-overflow: ellipsis;
534}
535
536span.refs span.ref {
537 color: #707070;
538 display: inline-block;
539 margin: 0;
d9ae720e 540 background-color: var(--bg-alt);
541 border: 1px solid var(--link);
f17ef185 542 border-radius: 3px;
543 height: 18px;
544 padding: 0 6px;
545 text-overflow: ellipsis;
12b03037 546/* Node vertical */
547 background-image: var(--ref-icon);
f17ef185 548 background-repeat: no-repeat;
549 padding-left: 18px;
550}
551
552span.refs span.tag {
553 color: #707070;
554 display: inline-block;
555 margin: 0;
556 background-color: #ffffab;
557 border: 1px solid #d9d93b;
558 border-radius: 3px;
559 height: 18px;
560 padding: 0 6px;
561 text-overflow: ellipsis;
12b03037 562/* tag icon */
563 background-image: var(--tag-icon);
f17ef185 564 background-repeat: no-repeat;
565 padding-left: 18px;
566}
567
568span.refs span.head {
569 color: #707070;
570 display: inline-block;
571 margin: 0;
572 background-color: #c4ffc4;
573 border: 1px solid #78ff78;
574 border-radius: 3px;
575 height: 18px;
576 padding: 0 6px;
577 text-overflow: ellipsis;
12b03037 578/* git branch */
579 background-image: var(--branch-icon);
f17ef185 580 background-repeat: no-repeat;
581 padding-left: 18px;
582}
583
584span.refs a {
585 color: #4e4e4e;
586 font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
587 line-height: 18px;
588}
589
590/* Diffs
591---------------------------------------------------------------------------- */
592
593div.diff.to_file a.path,
594div.diff.to_file {
595 color: #007000;
596}
597
598div.diff.from_file a.path,
599div.diff.from_file {
600 color: #aa0000;
601}
602
603.patch .header {
604 margin: 0;
605}
606
607.patchset {
608 overflow-x: auto;
609 overflow-y: hidden;
610}
611
612.chunk_header {
613 background: #eaf2f5;
614 color: #999;
615}
616
617.rem {
618 background: #ffdddd;
619}
620.rem .marked {
621 background: #ffaaaa;
622}
623.add {
624 background: #ddffdd;
625}
626.add .marked {
627 background: #7dff7d;
628}
629
630.extended_header {
631 width: 99.5%;
632}
633
634div.chunk_block {
635 overflow: hidden;
636}
637
638div.chunk_block div.old {
639 float: left;
640 width: 50%;
641 overflow: hidden;
642 border-right: 5px solid #EAF2F5;
643}
644
645div.chunk_block.rem,
646div.chunk_block.add {
647 background: transparent;
648}
649
650div.chunk_block div.old .add,
651div.chunk_block div.old .rem {
652 padding-right: 3px;
653}
654
655div.chunk_block div.new .add,
656div.chunk_block div.new .rem {
657 padding-left: 3px;
658}
659
660div.chunk_block div.new {
661 margin-left: 50%;
662 width: 50%;
663 border-left: 5px solid #EAF2F5;
664}
665
666/* Category
667---------------------------------------------------------------------------- */
668
669td.category {
670 background: #E6F1F6; /* old browsers */
671 background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */
672 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */
673 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */
674 background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%);
675 font-weight: bold;
676 border-bottom: 1px solid #D1D1D1;
677 border-top: 1px solid #D1D1D1;
678}
679
680/* Age
681---------------------------------------------------------------------------- */
682
683/* noage: "No commits" */
684.project_list td.noage {
685 color: #cdcdcd;
686}
687
688/* age2: 60*60*24*2 <= age */
689.project_list td.age2, .blame td.age2 {
690 color: #545454;
691}
692
693/* age1: 60*60*2 <= age < 60*60*24*2 */
694.project_list td.age1 {
695 color: #009900;
696}
697
698/* age0: age < 60*60*2 */
699.project_list td.age0 {
700 color: #009900;
701 font-weight: bold;
702}
703
704/* File status
705---------------------------------------------------------------------------- */
706
707.diff_tree span.file_status.new {
708 color: #008000;
709}
710
711table.diff_tree span.file_status.deleted {
712 color: #c00000;
713}
714
715table.diff_tree span.file_status.moved,
716table.diff_tree span.file_status.mode_chnge {
717 color: #545454;
718}
719
720table.diff_tree span.file_status.copied {
721 color: #70a070;
722}
723
724span.cntrl {
725 border: dashed #aaaaaa;
726 border-width: 1px;
727 padding: 0px 2px 0px 2px;
728 margin: 0px 2px 0px 2px;
729}
730
731span.match {
732 background: #aaffaa;
733 color: #000;
734}
735
736td.error {
737 color: red;
738 background: yellow;
739}
740
741/* blob view */
742
743td.pre, div.pre, div.diff {
744 white-space: pre-wrap;
745}
746
747/* JavaScript-based timezone manipulation */
748
749.popup { /* timezone selection UI */
750 position: absolute;
751 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
752 top: 0; left: 0;
753 border: 1px solid #d8d8d8;
754 padding: 2px;
755 background-color: #f0f0f0;
756 font-style: normal;
757 color: #545454;
758 cursor: auto;
759}
760
761.close-button { /* close timezone selection UI without selecting */
762 /* float doesn't work within absolutely positioned container,
763 * if width of container is not set explicitly */
764 /* float: right; */
765 position: absolute;
766 top: 0px; right: 0px;
767 border: 1px solid #ffaaaa;
768 margin: 1px 1px 1px 1px;
769 padding-bottom: 2px;
770 width: 12px;
771 height: 10px;
772 font-size: 9px;
773 font-weight: bold;
774 text-align: center;
775 background-color: #ffdddd;
776 cursor: pointer;
777}
778
779/* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
780
781/* Highlighting theme definition: */
782
783.num { color:#6ecf36; }
784.esc { color:#ff00ff; }
785.str { color:#ff00d3; background-color: #edc9ec }
786.dstr { color:#818100; }
787.slc { color:#838183; font-style:italic; }
788.com { color:#838183; font-style:italic; }
789.dir { color:#008200; }
790.sym { color:#000000; }
791.line { color:#555555; }
792.kwa { color:#666666; font-weight:bold; }
793.kwb { color:#6b3099; }
794.kwc { color:#d4663d; }
795.kwd { color:#2928ff; }
796
d5af761b 797/*
798 * Styling for my custom added sections
799 */
800
801/* Header */
802div.site-header {
803 background-color: var(--bg-alt);
804 color: var(--fg);
769ac656 805 padding: 1em;
d5af761b 806}
807div.site-header h1 {
808 text-transform: uppercase;
a6a0a341 809 font-size: 2em;
d5af761b 810}
811div.site-header h1 span.evident {
812 background-color: var(--accent);
813 color: var(--bg);
814}