Diffstat (limited to 'cgit.css')
| -rw-r--r-- | cgit.css | 480 |
1 files changed, 121 insertions, 359 deletions
@@ -1,88 +1,15 @@ div#cgit { - --bg: white; - --bg-zebra: #f7f7f7; - --bg-hl: #eee; - --bg-hl2: #ccc; - --fg: #333; - --fg-strong: #000; - --fg-mid: #444; - --fg-mute: #777; - --fg-dim: #888; - --fg-faint: #bbb; - --fg-faintest: #ccc; - --fg-on-tint: black; - --fg-linenum: gray; - --border: #ccc; - --border-mid: #aaa; - --border-dark: #777; - --border-strong: black; - - --red: red; - --red-mid: #c00; - --red-dark: #800; - --green: green; - --green-mid: #080; - --green-dark: #040; - --blue: blue; - --blue-dark: #009; - - --graph-col1: #a00; - --graph-col2: #0a0; - --graph-col3: #aa0; - --graph-col4: #00a; - --graph-col5: #a0a; - --graph-col6: #0aa; - - --graph-add-bg: #5c5; - --graph-rem-bg: #c55; - - --notes-bg: #ffd; - --notes-border: #ee9; - --add-bg: #cfc; - --add-bg-dark: #aca; - --del-bg: #fcc; - --del-bg-dark: #caa; - --changed-bg: #ffc; - --changed-bg-dark: #cca; - --hunk-bg: #ccf; - - --deco-branch-bg: #8f8; - --deco-branch-border: #070; - --deco-tag-bg: #ff8; - --deco-tag-border: #770; - --deco-tag-annotated-bg: #fc8; - --deco-tag-annotated-border: #770; - --deco-remote-bg: #ccf; - --deco-remote-border: #007; - --deco-other-bg: #f88; - --deco-other-border: #700; - - --syn-keyword: #000; - --syn-keyword-alt: #0057ae; - --syn-type: #010181; - --syn-string: #bf0303; - --syn-string-alt: #818100; - --syn-escape: #f0f; - --syn-comment: #838183; - --syn-number: #b07e00; - --syn-preproc: #008200; - --syn-operator: #000; - --syn-interpolation: #0057ae; - --syn-linenum: #555; - --syn-error: #bf0303; - --syn-mark-bg: #ffb; - padding: 0em; margin: 0em; font-family: sans-serif; font-size: 10pt; - color: var(--fg); - background: var(--bg); + color: #333; + background: white; padding: 4px; } div#cgit a { - color: var(--blue); + color: blue; text-decoration: none; } @@ -111,7 +38,7 @@ div#cgit table#header td.main { } div#cgit table#header td.main a { - color: var(--fg-strong); + color: #000; } div#cgit table#header td.form { @@ -129,13 +56,13 @@ div#cgit table#header td.form select { } div#cgit table#header td.sub { - color: var(--fg-mute); - border-top: solid 1px var(--border); + color: #777; + border-top: solid 1px #ccc; padding-left: 10px; } div#cgit table.tabs { - border-bottom: solid 3px var(--border); + border-bottom: solid 3px #ccc; border-collapse: collapse; margin-top: 2em; margin-bottom: 0px; @@ -149,13 +76,13 @@ div#cgit table.tabs td { div#cgit table.tabs td a { padding: 2px 0.75em; - color: var(--fg-mute); + color: #777; font-size: 110%; } div#cgit table.tabs td a.active { - color: var(--fg-strong); - background-color: var(--bg-hl2); + color: #000; + background-color: #ccc; } div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { @@ -182,14 +109,14 @@ div#cgit table.tabs td.form select { div#cgit div.path { margin: 0px; padding: 5px 2em 2px 2em; - color: var(--fg-strong); - background-color: var(--bg-hl); + color: #000; + background-color: #eee; } div#cgit div.content { margin: 0px; padding: 2em; - border-bottom: solid 3px var(--border); + border-bottom: solid 3px #ccc; } @@ -200,46 +127,26 @@ div#cgit table.list { } div#cgit table.list tr { - background: var(--bg); + background: white; } div#cgit table.list tr.logheader { - background: var(--bg-hl); -} - -div#cgit table.list tr:nth-child(even) { - background: var(--bg-zebra); -} - -div#cgit table.list tr:nth-child(odd) { - background: var(--bg); + background: #eee; } div#cgit table.list tr:hover { - background: var(--bg-hl); -} - -div#cgit table.list tr.nohover { - background: var(--bg); + background: #eee; } div#cgit table.list tr.nohover:hover { - background: var(--bg); -} - -div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { - background: var(--bg-zebra); -} - -div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { - background: var(--bg); + background: white; } div#cgit table.list th { font-weight: bold; - /* color: var(--fg-dim); - border-top: dashed 1px var(--fg-dim); - border-bottom: dashed 1px var(--fg-dim); + /* color: #888; + border-top: dashed 1px #888; + border-bottom: dashed 1px #888; */ padding: 0.1em 0.5em 0.05em 0.5em; vertical-align: baseline; @@ -256,27 +163,27 @@ div#cgit table.list td.commitgraph { } div#cgit table.list td.commitgraph .column1 { - color: var(--graph-col1); + color: #a00; } div#cgit table.list td.commitgraph .column2 { - color: var(--graph-col2); + color: #0a0; } div#cgit table.list td.commitgraph .column3 { - color: var(--graph-col3); + color: #aa0; } div#cgit table.list td.commitgraph .column4 { - color: var(--graph-col4); + color: #00a; } div#cgit table.list td.commitgraph .column5 { - color: var(--graph-col5); + color: #a0a; } div#cgit table.list td.commitgraph .column6 { - color: var(--graph-col6); + color: #0aa; } div#cgit table.list td.logsubject { @@ -291,16 +198,16 @@ div#cgit table.list td.logmsg { } div#cgit table.list td a { - color: var(--fg-strong); + color: black; } div#cgit table.list td a.ls-dir { font-weight: bold; - color: var(--blue); + color: #00f; } div#cgit table.list td a:hover { - color: var(--blue); + color: #00f; } div#cgit img { @@ -334,21 +241,21 @@ div#cgit div#summary { div#cgit table#downloads { float: right; border-collapse: collapse; - border: solid 1px var(--border-dark); + border: solid 1px #777; margin-left: 0.5em; margin-bottom: 0.5em; } div#cgit table#downloads th { - background-color: var(--bg-hl2); + background-color: #ccc; } div#cgit div#blob { - border: solid 1px var(--border-strong); + border: solid 1px black; } div#cgit div.error { - color: var(--red); + color: red; font-weight: bold; margin: 1em 2em; } @@ -370,21 +277,20 @@ div#cgit td.ls-mode { div#cgit table.blob { margin-top: 0.5em; - border-top: solid 1px var(--border-strong); + border-top: solid 1px black; } -div#cgit table.blob td.hashes, div#cgit table.blob td.lines { margin: 0; padding: 0 0 0 0.5em; vertical-align: top; - color: var(--fg-strong); + color: black; } div#cgit table.blob td.linenumbers { margin: 0; padding: 0 0.5em 0 0.5em; vertical-align: top; text-align: right; - border-right: 1px solid var(--fg-linenum); + border-right: 1px solid gray; } div#cgit table.blob pre { @@ -393,74 +299,32 @@ div#cgit table.blob pre { div#cgit table.blob td.linenumbers a, div#cgit table.ssdiff td.lineno a { - color: var(--fg-linenum); + color: gray; text-align: right; text-decoration: none; } div#cgit table.blob td.linenumbers a:hover, div#cgit table.ssdiff td.lineno a:hover { - color: var(--fg-strong); -} - -div#cgit table.blob td.linenumbers a:target:before { - color: var(--red); - content: "\2BA9"; -} - -div#cgit table.blame td.hashes, -div#cgit table.blame td.lines, -div#cgit table.blame td.linenumbers { - padding: 0; -} - -div#cgit table.blame td.hashes div.alt, -div#cgit table.blame td.lines div.alt { - padding: 0 0.5em 0 0.5em; -} - -div#cgit table.blame td.linenumbers div.alt { - padding: 0 0.5em 0 0; -} - -div#cgit table.blame div.alt:nth-child(even) { - background: var(--bg-hl); -} - -div#cgit table.blame div.alt:nth-child(odd) { - background: var(--bg); -} - -div#cgit table.blame td.lines > div { - position: relative; -} - -div#cgit table.blame td.lines > div > pre { - padding: 0 0 0 0.5em; - position: absolute; - top: 0; -} - -div#cgit table.blame .oid { - font-size: 100%; + color: black; } div#cgit table.bin-blob { margin-top: 0.5em; - border: solid 1px var(--border-strong); + border: solid 1px black; } div#cgit table.bin-blob th { font-family: monospace; white-space: pre; - border: solid 1px var(--border-dark); + border: solid 1px #777; padding: 0.5em 1em; } div#cgit table.bin-blob td { font-family: monospace; white-space: pre; - border-left: solid 1px var(--border-dark); + border-left: solid 1px #777; padding: 0em 1em; } @@ -478,18 +342,10 @@ div#cgit div.cgit-panel { margin-top: 1.5em; } -div#cgit form.diff-ctrls div.cgit-panel { - float: none; -} - -div#cgit form.diff-ctrls { - float: right; -} - div#cgit div.cgit-panel table { border-collapse: collapse; - border: solid 1px var(--border-mid); - background-color: var(--bg-hl); + border: solid 1px #aaa; + background-color: #eee; } div#cgit div.cgit-panel th { @@ -540,8 +396,8 @@ div#cgit div.notes-header { div#cgit div.notes { white-space: pre; font-family: monospace; - border: solid 1px var(--notes-border); - background-color: var(--notes-bg); + border: solid 1px #ee9; + background-color: #ffd; padding: 0.3em 2em 0.3em 1em; float: left; } @@ -557,8 +413,8 @@ div#cgit div.diffstat-header { div#cgit table.diffstat { border-collapse: collapse; - border: solid 1px var(--border-mid); - background-color: var(--bg-hl); + border: solid 1px #aaa; + background-color: #eee; } div#cgit table.diffstat th { @@ -581,19 +437,19 @@ div#cgit table.diffstat td.mode { div#cgit table.diffstat td span.modechange { padding-left: 1em; - color: var(--red); + color: red; } div#cgit table.diffstat td.add a { - color: var(--green); + color: green; } div#cgit table.diffstat td.del a { - color: var(--red); + color: red; } div#cgit table.diffstat td.upd a { - color: var(--blue); + color: blue; } div#cgit table.diffstat td.graph { @@ -612,15 +468,15 @@ div#cgit table.diffstat td.graph td { } div#cgit table.diffstat td.graph td.add { - background-color: var(--graph-add-bg); + background-color: #5c5; } div#cgit table.diffstat td.graph td.rem { - background-color: var(--graph-rem-bg); + background-color: #c55; } div#cgit div.diffstat-summary { - color: var(--fg-dim); + color: #888; padding-top: 0.5em; } @@ -636,22 +492,22 @@ div#cgit table.diff td { div#cgit table.diff td div.head { font-weight: bold; margin-top: 1em; - color: var(--fg-strong); + color: black; } div#cgit table.diff td div.hunk { - color: var(--blue-dark); + color: #009; } div#cgit table.diff td div.add { - color: var(--green); + color: green; } div#cgit table.diff td div.del { - color: var(--red); + color: red; } -div#cgit .oid { +div#cgit .sha1 { font-family: monospace; font-size: 90%; } @@ -666,7 +522,7 @@ div#cgit .right { div#cgit table.list td.reposection { font-style: italic; - color: var(--fg-dim); + color: #888; } div#cgit a.button { @@ -674,11 +530,6 @@ div#cgit a.button { padding: 0em 0.5em; } -div#cgit form.diff-ctrls div.cgit-panel a.button { - border: solid 1px var(--border-mid); - background-color: var(--bg-hl); -} - div#cgit a.primary { font-size: 100%; } @@ -708,7 +559,7 @@ div#cgit ul.pager li { } div#cgit ul.pager a { - color: var(--fg-mute); + color: #777; } div#cgit ul.pager .current { @@ -717,101 +568,72 @@ div#cgit ul.pager .current { div#cgit span.age-mins { font-weight: bold; - color: var(--green-mid); + color: #080; } div#cgit span.age-hours { - color: var(--green-mid); + color: #080; } div#cgit span.age-days { - color: var(--green-dark); + color: #040; } div#cgit span.age-weeks { - color: var(--fg-mid); + color: #444; } div#cgit span.age-months { - color: var(--fg-dim); + color: #888; } div#cgit span.age-years { - color: var(--fg-faint); -} - -div#cgit span.insertions { - color: var(--green-mid); + color: #bbb; } - -div#cgit span.deletions { - color: var(--red-dark); -} - div#cgit div.footer { margin-top: 0.5em; text-align: center; font-size: 80%; - color: var(--fg-faintest); + color: #ccc; } - div#cgit div.footer a { - color: var(--fg-faintest); + color: #ccc; text-decoration: none; } - div#cgit div.footer a:hover { text-decoration: underline; } - div#cgit a.branch-deco { - color: var(--fg-strong); + color: #000; margin: 0px 0.5em; padding: 0px 0.25em; - background-color: var(--deco-branch-bg); - border: solid 1px var(--deco-branch-border); - border-radius: 2px; + background-color: #88ff88; + border: solid 1px #007700; } - div#cgit a.tag-deco { - color: var(--fg-strong); + color: #000; margin: 0px 0.5em; padding: 0px 0.25em; - background-color: var(--deco-tag-bg); - border: solid 1px var(--deco-tag-border); - border-radius: 2px; + background-color: #ffff88; + border: solid 1px #777700; } - -div#cgit a.tag-annotated-deco { - color: var(--fg-strong); - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--deco-tag-annotated-bg); - border: solid 1px var(--deco-tag-annotated-border); - border-radius: 2px; -} - div#cgit a.remote-deco { - color: var(--fg-strong); + color: #000; margin: 0px 0.5em; padding: 0px 0.25em; - background-color: var(--deco-remote-bg); - border: solid 1px var(--deco-remote-border); - border-radius: 2px; + background-color: #ccccff; + border: solid 1px #000077; } - div#cgit a.deco { - color: var(--fg-strong); + color: #000; margin: 0px 0.5em; padding: 0px 0.25em; - background-color: var(--deco-other-bg); - border: solid 1px var(--deco-other-border); - border-radius: 2px; + background-color: #ff8888; + border: solid 1px #770000; } div#cgit div.commit-subject a.branch-deco, div#cgit div.commit-subject a.tag-deco, -div#cgit div.commit-subject a.tag-annotated-deco, div#cgit div.commit-subject a.remote-deco, div#cgit div.commit-subject a.deco { margin-left: 1em; @@ -819,21 +641,21 @@ div#cgit div.commit-subject a.deco { } div#cgit table.stats { - border: solid 1px var(--border-strong); + border: solid 1px black; border-collapse: collapse; } div#cgit table.stats th { text-align: left; padding: 1px 0.5em; - background-color: var(--bg-hl); - border: solid 1px var(--border-strong); + background-color: #eee; + border: solid 1px black; } div#cgit table.stats td { text-align: right; padding: 1px 0.5em; - border: solid 1px var(--border-strong); + border: solid 1px black; } div#cgit table.stats td.total { @@ -842,9 +664,9 @@ div#cgit table.stats td.total { } div#cgit table.stats td.sum { - color: var(--red-mid); + color: #c00; font-weight: bold; -/* background-color: var(--bg-hl); */ +/* background-color: #eee; */ } div#cgit table.stats td.left { @@ -853,14 +675,14 @@ div#cgit table.stats td.left { div#cgit table.vgraph { border-collapse: separate; - border: solid 1px var(--border-strong); + border: solid 1px black; height: 200px; } div#cgit table.vgraph th { - background-color: var(--bg-hl); + background-color: #eee; font-weight: bold; - border: solid 1px var(--bg); + border: solid 1px white; padding: 1px 0.5em; } @@ -870,18 +692,18 @@ div#cgit table.vgraph td { } div#cgit table.vgraph div.bar { - background-color: var(--bg-hl); + background-color: #eee; } div#cgit table.hgraph { - border: solid 1px var(--border-strong); + border: solid 1px black; width: 800px; } div#cgit table.hgraph th { - background-color: var(--bg-hl); + background-color: #eee; font-weight: bold; - border: solid 1px var(--border-strong); + border: solid 1px black; padding: 1px 0.5em; } @@ -891,7 +713,7 @@ div#cgit table.hgraph td { } div#cgit table.hgraph div.bar { - background-color: var(--bg-hl); + background-color: #eee; height: 1em; } @@ -904,83 +726,83 @@ div#cgit table.ssdiff td { font-family: monospace; white-space: pre; padding: 1px 4px 1px 4px; - border-left: solid 1px var(--border-mid); - border-right: solid 1px var(--border-mid); + border-left: solid 1px #aaa; + border-right: solid 1px #aaa; } div#cgit table.ssdiff td.add { - color: var(--fg-on-tint); - background: var(--add-bg); + color: black; + background: #cfc; min-width: 50%; } div#cgit table.ssdiff td.add_dark { - color: var(--fg-on-tint); - background: var(--add-bg-dark); + color: black; + background: #aca; min-width: 50%; } div#cgit table.ssdiff span.add { - background: var(--add-bg); + background: #cfc; font-weight: bold; } div#cgit table.ssdiff td.del { - color: var(--fg-on-tint); - background: var(--del-bg); + color: black; + background: #fcc; min-width: 50%; } div#cgit table.ssdiff td.del_dark { - color: var(--fg-on-tint); - background: var(--del-bg-dark); + color: black; + background: #caa; min-width: 50%; } div#cgit table.ssdiff span.del { - background: var(--del-bg); + background: #fcc; font-weight: bold; } div#cgit table.ssdiff td.changed { - color: var(--fg-on-tint); - background: var(--changed-bg); + color: black; + background: #ffc; min-width: 50%; } div#cgit table.ssdiff td.changed_dark { - color: var(--fg-on-tint); - background: var(--changed-bg-dark); + color: black; + background: #cca; min-width: 50%; } div#cgit table.ssdiff td.lineno { - color: var(--fg-on-tint); - background: var(--bg-hl); + color: black; + background: #eee; text-align: right; width: 3em; min-width: 3em; } div#cgit table.ssdiff td.hunk { - color: var(--fg-on-tint); - background: var(--hunk-bg); - border-top: solid 1px var(--border-mid); - border-bottom: solid 1px var(--border-mid); + color: black; + background: #ccf; + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; } div#cgit table.ssdiff td.head { - border-top: solid 1px var(--border-mid); - border-bottom: solid 1px var(--border-mid); + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; } div#cgit table.ssdiff td.head div.head { font-weight: bold; - color: var(--fg-on-tint); + color: black; } div#cgit table.ssdiff td.foot { - border-top: solid 1px var(--border-mid); + border-top: solid 1px #aaa; border-left: none; border-right: none; border-bottom: none; @@ -993,63 +815,3 @@ div#cgit table.ssdiff td.space { div#cgit table.ssdiff td.space div { min-height: 3em; } - -div#cgit .hl.kwa, -div#cgit .hl.kwc { - color: var(--syn-keyword); - font-weight: bold; -} - -div#cgit .hl.kwb { - color: var(--syn-keyword-alt); -} - -div#cgit .hl.kwd { - color: var(--syn-type); -} - -div#cgit .hl.str { - color: var(--syn-string); -} - -div#cgit .hl.dstr, -div#cgit .hl.pps { - color: var(--syn-string-alt); -} - -div#cgit .hl.esc { - color: var(--syn-escape); -} - -div#cgit .hl.com, -div#cgit .hl.slc { - color: var(--syn-comment); - font-style: italic; -} - -div#cgit .hl.num { - color: var(--syn-number); -} - -div#cgit .hl.dir, -div#cgit .hl.ppc { - color: var(--syn-preproc); -} - -div#cgit .hl.opt, -div#cgit .hl.sym { - color: var(--syn-operator); -} - -div#cgit .hl.ipl { - color: var(--syn-interpolation); -} - -div#cgit .hl.lin, -div#cgit .hl.line { - color: var(--syn-linenum); -} - -div#cgit .hl.mark { - background-color: var(--syn-mark-bg); -} |