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