theme/style.css (2783B)
1 /* Copyright (c) 2026 debuman. SPDX-License-Identifier: MIT */
2
3 html {
4 background: #111;
5 color: #fcfcfc;
6 font-family: monospace;
7 }
8 body { margin: 8px; font-size: 14px; }
9 body * { font-family: inherit; }
10 a { color: #5353ef; text-decoration: none; }
11 a:target { background: #222; }
12
13 .page {
14 width: min(100%, 800px);
15 margin-inline: auto;
16 }
17 .repository { margin-top: 32px; }
18 .panel {
19 border: solid 1px #a8a8a8;
20 border-radius: 5px;
21 padding-block: 10px;
22 overflow-x: auto;
23 }
24 .catalog > .panel { width: 100%; margin-inline: -1px; }
25 .repository > .panel, .commit-summary, .commit-diff { width: 100%; }
26 .catalog-title { margin-inline: auto; }
27 .repository-summary, .commit-summary > table, .commit-diff > table, #index, #log {
28 width: 100%;
29 }
30 .summary-text { color: #a8a8a8; }
31 .page-content {
32 display: flow-root;
33 padding-top: 16px;
34 text-align: left;
35 }
36 .listing { margin-inline: auto; }
37 .reference-title { text-align: center; }
38 .page-footer {
39 padding-top: 10px;
40 margin-top: 16px;
41 text-align: center;
42 font-size: smaller;
43 }
44
45 table { border-spacing: 2px; text-align: left; }
46 td {
47 padding-inline: 0.3em;
48 padding-block: 0;
49 vertical-align: top;
50 }
51 .listing td, .repository-summary td { white-space: nowrap; }
52 #files td:nth-child(2), #index td:nth-child(2), #log td:nth-child(2),
53 #tags td:nth-child(3) { white-space: normal; }
54 .commit-summary td, .commit-diff td { white-space: nowrap; }
55 .num { text-align: right; }
56 .listing tbody tr:hover td, #branches td:nth-child(3) { background: #2a2a2a; }
57
58 h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; }
59 h1 { display: inline; vertical-align: middle; }
60 h2, img { vertical-align: middle; }
61 hr { border: solid 1px #222; }
62 pre {
63 overflow-x: auto;
64 padding: 10px;
65 border: solid 1px #7e7e7e;
66 border-radius: 4px;
67 }
68 code {
69 display: inline-block;
70 padding-inline: 10px;
71 border: solid 1px #7e7e7e;
72 border-radius: 5px;
73 background: #282828;
74 color: white;
75 }
76 img { max-width: 800px; }
77 #blob .line { color: #333; }
78 #blob .line:hover { color: #54fc54; }
79 #blob .line:target { color: #eee; }
80 .diff-add, .A { color: #00cd00; }
81 .diff-remove, .D { color: #cd0000; }
82 .diff-hunk { color: #00cdcd; }
83 .commit-diff { margin-top: 16px; }
84 .diff-total { border-bottom: solid 1px #222; }
85
86 .readme { text-align: left; }
87 .plain-readme {
88 border: 0;
89 padding: 0;
90 overflow: visible;
91 text-align: center;
92 }
93 .readme h1 { font-size: 1.5em; }
94 .readme h2 { font-size: 1.25em; }
95 .readme table {
96 border-collapse: collapse;
97 margin: 1em;
98 }
99 .readme th, .readme td {
100 border: solid 1px #a8a8a8;
101 padding: 0.25em 1em;
102 }
103 .readme td { white-space: nowrap; }
104 @media (width <= 640px) {
105 .panel { padding: 0.5rem; }
106 .catalog > .panel { margin-inline: 0; }
107 }