rustforge / static / style.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
/* forge: plain, cgit-like styling. Light by default, dark when the OS asks. */
:root {
  --bg: #ffffff; --fg: #1f2328; --muted: #6a737d; --link: #0645ad;
  --border: #d0d7de; --head: #f6f8fa; --hover: #f3f6fa;
  --add-bg: #e6ffec; --add-fg: #116329; --del-bg: #ffebe9; --del-fg: #a40e26;
  --hunk: #0550ae; --hunk-bg: #ddf4ff; --code-bg: #f6f8fa;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d1117; --fg: #d1d7e0; --muted: #8b949e; --link: #6cb6ff;
    --border: #30363d; --head: #161b22; --hover: #1c2129;
    --add-bg: #12261e; --add-fg: #6fdd8b; --del-bg: #2d1316; --del-fg: #ff9492;
    --hunk: #79c0ff; --hunk-bg: #121d2f; --code-bg: #161b22;
  }
}
* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 1200px; padding: 0 1em; background: var(--bg); color: var(--fg);
  font: 14px/1.45 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
code, pre, .mode, .age, .num { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 13px; }
header.site { padding: 0.8em 0; border-bottom: 1px solid var(--border); }
.site-title { font-size: 1.4em; font-weight: bold; color: var(--fg); }
footer { margin: 2em 0 1em; padding-top: 0.5em; border-top: 1px solid var(--border); color: var(--muted); font-size: 12px; }
h1 { font-size: 1.5em; margin: 0.6em 0 0.1em; }
h1 a { color: var(--fg); }
h2 { font-size: 1.15em; margin: 1.4em 0 0.5em; }
.desc { color: var(--muted); margin: 0 0 0.6em; }
nav.tabs { border-bottom: 2px solid var(--border); margin-bottom: 1em; display: flex; gap: 0.2em; align-items: end; flex-wrap: wrap; }
nav.tabs a { padding: 0.35em 0.9em; border: 1px solid transparent; border-bottom: none; color: var(--fg); }
nav.tabs a.active { border-color: var(--border); background: var(--head); font-weight: bold; }
nav.tabs .branch { margin-left: auto; color: var(--muted); padding-bottom: 0.3em; }
table { border-collapse: collapse; }
table.list { width: 100%; margin-bottom: 1.2em; }
table.list th { text-align: left; background: var(--head); border-bottom: 1px solid var(--border); padding: 0.3em 0.6em; }
table.list td { padding: 0.2em 0.6em; border-bottom: 1px solid var(--border); vertical-align: top; }
table.list tbody tr:hover { background: var(--hover); }
td.age, td.num, th.num { white-space: nowrap; color: var(--muted); }
td.num, th.num { text-align: right; }
.clone { margin: 0 0 1em; color: var(--muted); }
.clone code { color: var(--fg); background: var(--code-bg); padding: 0.15em 0.4em; border: 1px solid var(--border); }
.pager { display: flex; gap: 1.5em; justify-content: center; margin: 1em 0; }
.path { margin: 0 0 0.8em; font-weight: bold; }
.small { font-size: 12px; }
.note { color: var(--muted); font-style: italic; }
/* commit */
table.commit-info th { text-align: right; padding: 0.1em 0.8em 0.1em 0; color: var(--muted); font-weight: normal; vertical-align: top; }
table.commit-info td { padding: 0.1em 0.8em 0.1em 0; }
pre.commit-msg { background: var(--code-bg); border: 1px solid var(--border); padding: 0.8em; white-space: pre-wrap; }
table.diffstat td { padding: 0.05em 0.8em 0.05em 0; }
td.status { font-family: monospace; color: var(--muted); }
.add-n { color: var(--add-fg); } .del-n { color: var(--del-fg); }
.diffsum { color: var(--muted); }
.file { border: 1px solid var(--border); margin: 1em 0; }
.file-head { background: var(--head); padding: 0.4em 0.6em; border-bottom: 1px solid var(--border); font-family: monospace; font-weight: bold; }
pre.diff { margin: 0; overflow-x: auto; }
pre.diff span { display: block; padding: 0 0.6em; white-space: pre; min-height: 1.45em; }
pre.diff .add { background: var(--add-bg); color: var(--add-fg); }
pre.diff .del { background: var(--del-bg); color: var(--del-fg); }
pre.diff .hunk { background: var(--hunk-bg); color: var(--hunk); }
/* blob */
.blob-meta { color: var(--muted); margin-bottom: 0.5em; }
table.blob { width: 100%; border: 1px solid var(--border); table-layout: fixed; }
table.blob td { vertical-align: top; padding: 0; }
td.linenos { width: 4.5em; background: var(--head); border-right: 1px solid var(--border); text-align: right; }
td.linenos pre { margin: 0; padding: 0.5em 0.6em; }
td.linenos a { color: var(--muted); }
td.code { overflow-x: auto; }
td.code pre { margin: 0; padding: 0.5em 0.8em; background: transparent; }
pre span[class^="hl-"] { background: transparent !important; }
:target { background: var(--hunk-bg); }
/* README */
.readme { border-top: 1px solid var(--border); margin-top: 1.5em; }
.markdown { max-width: 900px; }
.markdown pre { background: var(--code-bg); border: 1px solid var(--border); padding: 0.8em; overflow-x: auto; }
.markdown code { background: var(--code-bg); padding: 0.1em 0.3em; }
.markdown pre code { background: none; padding: 0; }
.markdown table td, .markdown table th { border: 1px solid var(--border); padding: 0.25em 0.6em; }
.markdown img { max-width: 100%; }
.markdown blockquote { margin-left: 0; padding-left: 1em; border-left: 3px solid var(--border); color: var(--muted); }