From 162612d5a5e4492c38aee2fb87159203f7f71a06 Mon Sep 17 00:00:00 2001 From: Thedro Neely Date: Fri, 12 Feb 2021 02:14:24 -0500 Subject: css: custom Add custom image and favicon. Slightly modernize interface with custom CSS style sheet. Adjust markdown filter. Highlight line number #id in code preview. --- cgit.c | 2 +- cgit.css | 882 ++++++++++++++++++++++------------------ cgit.png | Bin 1366 -> 873 bytes favicon.ico | Bin 1078 -> 4286 bytes filters/html-converters/md2html | 7 +- ui-refs.c | 3 +- ui-shared.c | 2 +- ui-summary.c | 5 +- 8 files changed, 497 insertions(+), 404 deletions(-) diff --git a/cgit.c b/cgit.c index 08d81a1..735f4a8 100644 --- a/cgit.c +++ b/cgit.c @@ -617,7 +617,7 @@ static int prepare_repo_cmd(int nongit) cgit_print_pageheader(); cgit_print_error("Repository seems to be empty"); if (!strcmp(ctx.qry.page, "summary")) { - html("\n"); + html("
 
Clone
\n"); cgit_prepare_repo_env(ctx.repo); cgit_add_clone_urls(print_no_repo_clone_urls); html("
 
Clone
\n"); diff --git a/cgit.css b/cgit.css index dfa144d..5ae353b 100644 --- a/cgit.css +++ b/cgit.css @@ -1,712 +1,820 @@ +::selection { + background-color: #c4e3f3; + color: #000; +} +::-webkit-selection { + background-color: #c4e3f3; + color: #000; +} +::-moz-selection { + background-color: #c4e3f3; + color: #000; +} + +html { + font-size: 14px; + background-image: linear-gradient(#f9fafb 142px, #fff 143px); + background-repeat: no-repeat; + overflow-y: scroll; + box-sizing: border-box; + line-height: 1.5; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + div#cgit { - padding: 0em; - margin: 0em; - font-family: sans-serif; - font-size: 10pt; - color: #333; - background: white; - padding: 4px; + color: #333; + font-family: sans-serif; + margin: 0 auto; + max-width: 1088px; + padding: 0 2em; } div#cgit a { - color: blue; - text-decoration: none; + color: #024ca1; + text-decoration: none; } div#cgit a:hover { - text-decoration: underline; + text-decoration: underline; } div#cgit table { - border-collapse: collapse; + border-collapse: collapse; + border-spacing: 0; } -div#cgit table#header { - width: 100%; - margin-bottom: 1em; +div#cgit td, +div#cgit td th { + padding: 0; } -div#cgit table#header td.logo { - width: 96px; - vertical-align: top; +div#cgit table#header { + width: 100%; + margin-top: 1em; + white-space: nowrap; } div#cgit table#header td.main { - font-size: 250%; - padding-left: 10px; - white-space: nowrap; + font-size: 200%; + padding-left: 10px; + white-space: nowrap; +} + +div#cgit table#header td.sub { + padding-left: 10px; + color: #474747; +} + +div#cgit table#header td.logo { + width: 3em; } div#cgit table#header td.main a { - color: #000; + color: #024ca1; } div#cgit table#header td.form { - text-align: right; - vertical-align: bottom; - padding-right: 1em; - padding-bottom: 2px; - white-space: nowrap; + text-align: right; + white-space: nowrap; +} + +div#cgit input[type="submit"], +div#cgit select[name="qt"] { + text-transform: capitalize; +} + +div#cgit input[type="submit"], +div#cgit select { + cursor: pointer; } -div#cgit table#header td.form form, -div#cgit table#header td.form input, -div#cgit table#header td.form select { - font-size: 90%; +div#cgit input, +div#cgit select { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background-color: #fff; + border-radius: 0.25em; + border: 1px solid #ccc; + box-shadow: 0 0.02em #aaa; + min-height: 1em; + padding: 0.4em 0.75em; +} + +div#cgit input[type="search"] { + background-color: #fff; } div#cgit table#header td.sub { - color: #777; - border-top: solid 1px #ccc; - padding-left: 10px; + color: #575757; + padding-left: 10px; } div#cgit table.tabs { - border-bottom: solid 3px #ccc; - border-collapse: collapse; - margin-top: 2em; - margin-bottom: 0px; - width: 100%; + width: 100%; + margin-top: 1em; +} + +div#cgit table.tabs:after { + border-bottom: 1px solid #ccc; + content: ""; + left: 0; + position: absolute; + top: 142px; + width: 100%; + z-index: -1; } div#cgit table.tabs td { - padding: 0px 1em; - vertical-align: bottom; + padding: 0.5em 0; + vertical-align: bottom; + white-space: nowrap; } div#cgit table.tabs td a { - padding: 2px 0.75em; - color: #777; - font-size: 110%; + color: #575757; + margin-right: 1.25em; + padding: 0.8em 1em; + display: inline-block; +} + +div#cgit table.tabs td a:first-letter { + text-transform: uppercase; } div#cgit table.tabs td a.active { - color: #000; - background-color: #ccc; + background-color: white; + border-bottom: 1px solid #fff; + border-left: 1px solid #ccc; + border-radius: 0.3em 0.3em 0 0; + border-right: 1px solid #ccc; + border-top: 1px solid #ccc; + color: #000; } -div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { - content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC); - opacity: 0.5; - margin: 0 0 0 5px; +div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after +{ + content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC); + opacity: 0.5; + margin: 0 0 0 5px; } div#cgit table.tabs td.form { - text-align: right; + text-align: right; } div#cgit table.tabs td.form form { - padding-bottom: 2px; - font-size: 90%; - white-space: nowrap; + padding-bottom: 0.6em; + white-space: nowrap; } -div#cgit table.tabs td.form input, -div#cgit table.tabs td.form select { - font-size: 90%; +div#cgit div.path { + margin-top: 1em; + margin-bottom: -0.75em; + padding: 0.75em 0; + color: #444; + font-weight: 700; } -div#cgit div.path { - margin: 0px; - padding: 5px 2em 2px 2em; - color: #000; - background-color: #eee; +div#cgit div.path a { + padding: 0 0.5em; + font-weight: 400; } div#cgit div.content { - margin: 0px; - padding: 2em; - border-bottom: solid 3px #ccc; + margin: 0 -0.5em; + padding: 1em 0.5em; + overflow: auto; } - div#cgit table.list { - width: 100%; - border: none; - border-collapse: collapse; + table-layout: fixed; } div#cgit table.list tr { - background: white; + background: white; + border: 1px solid #ddd; } div#cgit table.list tr.logheader { - background: #eee; + background: #eee; } div#cgit table.list tr:nth-child(even) { - background: #f7f7f7; + background: #f9fafb; } div#cgit table.list tr:nth-child(odd) { - background: white; + background: #f5f5f5; +} + +div#cgit table.list tr.empty { + border: none; } div#cgit table.list tr:hover { - background: #eee; + background: #ffffd6; } div#cgit table.list tr.nohover { - background: white; + background: white; } div#cgit table.list tr.nohover:hover { - background: white; -} - -div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { - background: #f7f7f7; -} - -div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { - background: white; + background: white; } div#cgit table.list th { - font-weight: bold; - /* color: #888; - border-top: dashed 1px #888; - border-bottom: dashed 1px #888; - */ - padding: 0.1em 0.5em 0.05em 0.5em; - vertical-align: baseline; + font-weight: 400; + padding: 0.9em 1.5em; + vertical-align: baseline; + background-color: #e5f2ff; + color: #000; } div#cgit table.list td { - border: none; - padding: 0.1em 0.5em 0.1em 0.5em; + padding: 0.75em 1.5em; + width: 1032px; } div#cgit table.list td.commitgraph { - font-family: monospace; - white-space: pre; + font-family: monospace; + white-space: pre; } div#cgit table.list td.commitgraph .column1 { - color: #a00; + color: #a00; } div#cgit table.list td.commitgraph .column2 { - color: #0a0; + color: #0a0; } div#cgit table.list td.commitgraph .column3 { - color: #aa0; + color: #aa0; } div#cgit table.list td.commitgraph .column4 { - color: #00a; + color: #00a; } div#cgit table.list td.commitgraph .column5 { - color: #a0a; + color: #a0a; } div#cgit table.list td.commitgraph .column6 { - color: #0aa; + color: #0aa; } div#cgit table.list td.logsubject { - font-family: monospace; - font-weight: bold; + font-family: monospace; + font-weight: bold; } div#cgit table.list td.logmsg { - font-family: monospace; - white-space: pre; - padding: 0 0.5em; + font-family: monospace; + white-space: pre-wrap; + padding: 0 0.5em; + overflow: initial; +} + +div#cgit table[summary="repository list"] tr td:nth-child(2) a, +div#cgit table[summary="repository list"] th:nth-child(2), +div#cgit table[summary="repository list"] th:nth-child(3), +div#cgit table[summary="repository list"] td:nth-child(2), +div#cgit table[summary="repository list"] td:nth-child(3) { + display: none; +} + +div#cgit table[summary="repository list"] td:last-child, +table[summary="repository list"] th:last-child { + border-right: 1px solid #ddd; } -div#cgit table.list td a { - color: black; +div#cgit table.list td > a { + padding: 0.75em 0; + color: #333; + line-height: 1.8; } div#cgit table.list td a.ls-dir { - font-weight: bold; - color: #00f; + font-weight: bold; + color: #024ca1; } div#cgit table.list td a:hover { - color: #00f; + color: #024ca1; } div#cgit img { - border: none; + border: none; } div#cgit input#switch-btn { - margin: 2px 0px 0px 0px; + margin: 2px 0px 0px 0px; } div#cgit td#sidebar input.txt { - width: 100%; - margin: 2px 0px 0px 0px; + width: 100%; + margin: 2px 0px 0px 0px; } div#cgit table#grid { - margin: 0px; + margin: 0px; } div#cgit td#content { - vertical-align: top; - padding: 1em 2em 1em 1em; - border: none; + vertical-align: top; + padding: 1em 2em 1em 1em; + border: none; } div#cgit div#summary { - vertical-align: top; - margin-bottom: 1em; + vertical-align: top; + margin-bottom: 1em; } div#cgit table#downloads { - float: right; - border-collapse: collapse; - border: solid 1px #777; - margin-left: 0.5em; - margin-bottom: 0.5em; + float: right; + border: solid 1px #777; + margin-left: 0.5em; + margin-bottom: 0.5em; } div#cgit table#downloads th { - background-color: #ccc; + background-color: #ccc; } div#cgit div#blob { - border: solid 1px black; + border: solid 1px black; } div#cgit div.error { - color: red; - font-weight: bold; - margin: 1em 2em; + color: red; + font-weight: bold; + margin: 1em 2em; } -div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod { - font-family: monospace; +div#cgit a.ls-blob, +div#cgit a.ls-dir, +div#cgit .ls-mod { + font-family: monospace; } div#cgit td.ls-size { - text-align: right; - font-family: monospace; - width: 10em; + text-align: right; + font-family: monospace; + width: 10em; } div#cgit td.ls-mode { - font-family: monospace; - width: 10em; + font-family: monospace; + width: 10em; } div#cgit table.blob { - margin-top: 0.5em; - border-top: solid 1px black; + margin-top: 2em; } div#cgit table.blob td.hashes, div#cgit table.blob td.lines { - margin: 0; padding: 0 0 0 0.5em; - vertical-align: top; - color: black; + margin: 0; + padding: 0 0 0 0.5em; + vertical-align: top; + 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 gray; + margin: 0; + padding: 0 0.5em 0 0.5em; + vertical-align: top; + text-align: right; } div#cgit table.blob pre { - padding: 0; margin: 0; + padding: 0; + margin: 0; +} + +td.linenumbers a:focus { + font-weight: 700; + outline: 2px solid; } div#cgit table.blob td.linenumbers a, div#cgit table.ssdiff td.lineno a { - color: gray; - text-align: right; - text-decoration: none; + color: #024ca1; + text-align: right; + text-decoration: none; } div#cgit table.blob td.linenumbers a:hover, div#cgit table.ssdiff td.lineno a:hover { - color: black; + font-weight: 700; +} + +div#cgit table.blob a:target::before { + display: block; + content: ""; + height: 17.5px; + width: 100%; + z-index: -1; + position: absolute; + left: 0; + background: #e6f2d9; } div#cgit table.blame td.hashes, div#cgit table.blame td.lines, div#cgit table.blame td.linenumbers { - padding: 0; + 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; + padding: 0 0.5em 0 0.5em; } div#cgit table.blame td.linenumbers div.alt { - padding: 0 0.5em 0 0; + padding: 0 0.5em 0 0; } div#cgit table.blame div.alt:nth-child(even) { - background: #eee; + background: #eee; } div#cgit table.blame div.alt:nth-child(odd) { - background: white; + background: white; } div#cgit table.blame td.lines > div { - position: relative; + position: relative; } div#cgit table.blame td.lines > div > pre { - padding: 0 0 0 0.5em; - position: absolute; - top: 0; + padding: 0 0 0 0.5em; + position: absolute; + top: 0; } div#cgit table.bin-blob { - margin-top: 0.5em; - border: solid 1px black; + margin-top: 0.5em; + border: solid 1px black; } div#cgit table.bin-blob th { - font-family: monospace; - white-space: pre; - border: solid 1px #777; - padding: 0.5em 1em; + font-family: monospace; + white-space: pre; + border: solid 1px #777; + padding: 0.5em 1em; } div#cgit table.bin-blob td { - font-family: monospace; - white-space: pre; - border-left: solid 1px #777; - padding: 0em 1em; -} - -div#cgit table.nowrap td { - white-space: nowrap; + font-family: monospace; + white-space: pre; + border-left: solid 1px #777; + padding: 0em 1em; } div#cgit table.commit-info { - border-collapse: collapse; - margin-top: 1.5em; + margin-top: 1.5em; } div#cgit div.cgit-panel { - float: right; - margin-top: 1.5em; + float: right; + margin-top: 1.5em; + text-transform: capitalize; } div#cgit div.cgit-panel table { - border-collapse: collapse; - border: solid 1px #aaa; - background-color: #eee; } div#cgit div.cgit-panel th { - text-align: center; + text-align: center; } div#cgit div.cgit-panel td { - padding: 0.25em 0.5em; + padding: 0.4em 0; } div#cgit div.cgit-panel td.label { - padding-right: 0.5em; + padding-right: 0.5em; } div#cgit div.cgit-panel td.ctrl { - padding-left: 0.5em; + padding-left: 0.5em; } div#cgit table.commit-info th { - text-align: left; - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; - vertical-align: top; + text-align: left; + font-weight: normal; + padding: 0.1em 1em 0.1em 0.1em; + vertical-align: top; } div#cgit table.commit-info td { - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; + font-weight: normal; + padding: 0.1em 1em 0.1em 0.1em; } div#cgit div.commit-subject { - font-weight: bold; - font-size: 125%; - margin: 1.5em 0em 0.5em 0em; - padding: 0em; + font-weight: bold; + font-size: 125%; + margin: 1.5em 0em 0.5em 0em; + padding: 0em; } div#cgit div.commit-msg { - white-space: pre; - font-family: monospace; + white-space: pre; + font-family: monospace; } div#cgit div.notes-header { - font-weight: bold; - padding-top: 1.5em; + font-weight: bold; + padding-top: 1.5em; } div#cgit div.notes { - white-space: pre; - font-family: monospace; - border: solid 1px #ee9; - background-color: #ffd; - padding: 0.3em 2em 0.3em 1em; - float: left; + white-space: pre; + font-family: monospace; + border: solid 1px #ee9; + background-color: #ffd; + padding: 0.3em 2em 0.3em 1em; + float: left; } div#cgit div.notes-footer { - clear: left; + clear: left; } div#cgit div.diffstat-header { - font-weight: bold; - padding-top: 1.5em; + font-weight: 700; + padding-top: 1em; + padding-bottom: 0.5em; + font-family: monospace; + text-transform: uppercase; } div#cgit table.diffstat { - border-collapse: collapse; - border: solid 1px #aaa; - background-color: #eee; + font-family: monospace; } div#cgit table.diffstat th { - font-weight: normal; - text-align: left; - text-decoration: underline; - padding: 0.1em 1em 0.1em 0.1em; - font-size: 100%; + font-weight: normal; + text-align: left; + text-decoration: underline; + padding: 0.1em 1em 0.1em 0.1em; + font-size: 100%; } div#cgit table.diffstat td { - padding: 0.2em 0.2em 0.1em 0.1em; - font-size: 100%; - border: none; + padding: 0.2em 0.2em 0.1em 0.1em; + font-size: 100%; + border: none; } div#cgit table.diffstat td.mode { - white-space: nowrap; + white-space: nowrap; } div#cgit table.diffstat td span.modechange { - padding-left: 1em; - color: red; + padding-left: 1em; + color: #b30000; } div#cgit table.diffstat td.add a { - color: green; + color: #006600; } div#cgit table.diffstat td.del a { - color: red; + color: red; } div#cgit table.diffstat td.upd a { - color: blue; + color: #024ca1; } div#cgit table.diffstat td.graph { - width: 500px; - vertical-align: middle; + width: 500px; + vertical-align: middle; } div#cgit table.diffstat td.graph table { - border: none; + border: none; } div#cgit table.diffstat td.graph td { - padding: 0px; - border: 0px; - height: 7pt; + padding: 0px; + border: 0px; + height: 7pt; } div#cgit table.diffstat td.graph td.add { - background-color: #5c5; + background-color: #5c5; } div#cgit table.diffstat td.graph td.rem { - background-color: #c55; + background-color: #c55; } div#cgit div.diffstat-summary { - color: #888; - padding-top: 0.5em; + color: #575757; + padding-top: 0.5em; + font-family: monospace; } div#cgit table.diff { - width: 100%; + width: 100%; } div#cgit table.diff td { - font-family: monospace; - white-space: pre; + font-family: monospace; +} + +div#cgit table.diff td div { + word-break: break-all; + white-space: pre-wrap; } div#cgit table.diff td div.head { - font-weight: bold; - margin-top: 1em; - color: black; + border-top: 1px solid #ccc; + color: black; + margin-bottom: 1em; + margin-top: 1em; + padding-top: 1em; + font-weight: bold; } div#cgit table.diff td div.hunk { - color: #009; + color: #009; } div#cgit table.diff td div.add { - color: green; + color: green; } div#cgit table.diff td div.del { - color: red; + color: red; } -div#cgit .oid { - font-family: monospace; - font-size: 90%; +div#cgit .sha1 { + font-family: monospace; + font-size: 90%; } div#cgit .left { - text-align: left; + text-align: left; } div#cgit .right { - text-align: right; + text-align: right; } div#cgit table.list td.reposection { - font-style: italic; - color: #888; + color: #575757; } -div#cgit a.button { - font-size: 80%; - padding: 0em 0.5em; +div#cgit table.list a.button { + padding: 0em 0.5em; } div#cgit a.primary { - font-size: 100%; + font-size: 100%; } div#cgit a.secondary { - font-size: 90%; + font-size: 90%; } div#cgit td.toplevel-repo { - } div#cgit table.list td.sublevel-repo { - padding-left: 1.5em; + padding-left: 2.5em; } div#cgit ul.pager { - list-style-type: none; - text-align: center; - margin: 1em 0em 0em 0em; - padding: 0; + list-style-type: none; + text-align: center; + margin: 1em 0em 0em 0em; + padding: 0; } div#cgit ul.pager li { - display: inline-block; - margin: 0.25em 0.5em; + display: inline-block; + margin: 0.25em 0.5em; } div#cgit ul.pager a { - color: #777; + color: #575757; + text-transform: uppercase; } div#cgit ul.pager .current { - font-weight: bold; + font-weight: bold; } div#cgit span.age-mins { - font-weight: bold; - color: #080; + font-weight: bold; + color: #080; } div#cgit span.age-hours { - color: #080; + color: #080; } div#cgit span.age-days { - color: #040; + color: #040; } div#cgit span.age-weeks { - color: #444; + color: #444; } div#cgit span.age-months { - color: #888; + color: #555; } div#cgit span.age-years { - color: #bbb; + color: #666; } div#cgit span.insertions { - color: #080; + color: #080; } div#cgit span.deletions { - color: #800; + color: #800; } div#cgit div.footer { - margin-top: 0.5em; - text-align: center; - font-size: 80%; - color: #ccc; + color: #575757; + font-size: 80%; + margin-top: 0.5em; + text-align: center; + text-transform: uppercase; } div#cgit div.footer a { - color: #ccc; - text-decoration: none; + font-weight: 700; + text-decoration: none; } div#cgit div.footer a:hover { - text-decoration: underline; + text-decoration: underline; +} + +div#cgit span.decoration { + margin-left: 0.5em; +} + +div#cgit span.decoration a { + margin-right: 0.5em; } div#cgit a.branch-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #88ff88; - border: solid 1px #007700; + color: #000; + padding: 0px 0.25em; + background-color: #88ff88; + border: solid 1px #007700; + border-radius: 0.25em; } div#cgit a.tag-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ffff88; - border: solid 1px #777700; + color: #000; + padding: 0px 0.25em; + background-color: #ffff88; + border: solid 1px #777700; + border-radius: 0.25em; } div#cgit a.tag-annotated-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ffcc88; - border: solid 1px #777700; + color: #000; + padding: 0px 0.25em; + background-color: #ffcc88; + border: solid 1px #777700; + border-radius: 0.25em; } div#cgit a.remote-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ccccff; - border: solid 1px #000077; + color: #000; + padding: 0px 0.25em; + background-color: #ccccff; + border: solid 1px #000077; + border-radius: 0.25em; } div#cgit a.deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ff8888; - border: solid 1px #770000; + color: #000; + padding: 0px 0.25em; + background-color: #ff8888; + border: solid 1px #770000; + border-radius: 0.25em; } div#cgit div.commit-subject a.branch-deco, @@ -714,182 +822,172 @@ 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; - font-size: 75%; + font-size: 75%; } div#cgit table.stats { - border: solid 1px black; - border-collapse: collapse; + border: solid 1px black; } div#cgit table.stats th { - text-align: left; - padding: 1px 0.5em; - background-color: #eee; - border: solid 1px black; + text-align: left; + padding: 1px 0.5em; + background-color: #eee; + border: solid 1px black; } div#cgit table.stats td { - text-align: right; - padding: 1px 0.5em; - border: solid 1px black; + text-align: right; + padding: 1px 0.5em; + border: solid 1px black; } div#cgit table.stats td.total { - font-weight: bold; - text-align: left; + font-weight: bold; + text-align: left; } div#cgit table.stats td.sum { - color: #c00; - font-weight: bold; -/* background-color: #eee; */ + color: #c00; + font-weight: bold; + /* background-color: #eee; */ } div#cgit table.stats td.left { - text-align: left; + text-align: left; } div#cgit table.vgraph { - border-collapse: separate; - border: solid 1px black; - height: 200px; + border: solid 1px black; + height: 200px; } div#cgit table.vgraph th { - background-color: #eee; - font-weight: bold; - border: solid 1px white; - padding: 1px 0.5em; + background-color: #eee; + font-weight: bold; + border: solid 1px white; + padding: 1px 0.5em; } div#cgit table.vgraph td { - vertical-align: bottom; - padding: 0px 10px; + vertical-align: bottom; + padding: 0px 10px; } div#cgit table.vgraph div.bar { - background-color: #eee; + background-color: #eee; } div#cgit table.hgraph { - border: solid 1px black; - width: 800px; + border: solid 1px black; + width: 800px; } div#cgit table.hgraph th { - background-color: #eee; - font-weight: bold; - border: solid 1px black; - padding: 1px 0.5em; + background-color: #eee; + font-weight: bold; + border: solid 1px black; + padding: 1px 0.5em; } div#cgit table.hgraph td { - vertical-align: middle; - padding: 2px 2px; + vertical-align: middle; + padding: 2px 2px; } div#cgit table.hgraph div.bar { - background-color: #eee; - height: 1em; + background-color: #eee; + height: 1em; } div#cgit table.ssdiff { - width: 100%; + width: 100%; + margin-top: -1em; } div#cgit table.ssdiff td { - font-size: 75%; - font-family: monospace; - white-space: pre; - padding: 1px 4px 1px 4px; - border-left: solid 1px #aaa; - border-right: solid 1px #aaa; + font-family: monospace; + padding: 1px 4px 1px 4px; + word-break: break-all; } div#cgit table.ssdiff td.add { - color: black; - background: #cfc; - min-width: 50%; + color: black; + background: #cfc; + min-width: 50%; } div#cgit table.ssdiff td.add_dark { - color: black; - background: #aca; - min-width: 50%; + color: black; + background: #aca; + min-width: 50%; } div#cgit table.ssdiff span.add { - background: #cfc; - font-weight: bold; + background: #cfc; + font-weight: bold; } div#cgit table.ssdiff td.del { - color: black; - background: #fcc; - min-width: 50%; + color: black; + background: #fcc; + min-width: 50%; } div#cgit table.ssdiff td.del_dark { - color: black; - background: #caa; - min-width: 50%; + color: black; + background: #caa; + min-width: 50%; } div#cgit table.ssdiff span.del { - background: #fcc; - font-weight: bold; + background: #fcc; + font-weight: bold; } div#cgit table.ssdiff td.changed { - color: black; - background: #ffc; - min-width: 50%; + color: black; + background: #ffc; + min-width: 50%; } div#cgit table.ssdiff td.changed_dark { - color: black; - background: #cca; - min-width: 50%; + color: black; + background: #cca; + min-width: 50%; } div#cgit table.ssdiff td.lineno { - color: black; - background: #eee; - text-align: right; - width: 3em; - min-width: 3em; + color: #000; + word-break: normal; } div#cgit table.ssdiff td.hunk { - color: black; - background: #ccf; - border-top: solid 1px #aaa; - border-bottom: solid 1px #aaa; + color: black; + background: #ccf; + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; } div#cgit table.ssdiff td.head { - border-top: solid 1px #aaa; - border-bottom: solid 1px #aaa; + padding-bottom: 1em; } div#cgit table.ssdiff td.head div.head { - font-weight: bold; - color: black; + font-weight: bold; + color: black; } div#cgit table.ssdiff td.foot { - border-top: solid 1px #aaa; - border-left: none; - border-right: none; - border-bottom: none; + border-left: none; + border-right: none; + border-bottom: none; } div#cgit table.ssdiff td.space { - border: none; + border: none; } div#cgit table.ssdiff td.space div { - min-height: 3em; + min-height: 3em; } diff --git a/cgit.png b/cgit.png index 425528e..5e1b275 100644 Binary files a/cgit.png and b/cgit.png differ diff --git a/favicon.ico b/favicon.ico index 56ff593..386bcc2 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/filters/html-converters/md2html b/filters/html-converters/md2html index 59f43a8..fbe7efa 100755 --- a/filters/html-converters/md2html +++ b/filters/html-converters/md2html @@ -66,7 +66,6 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div# } .markdown-body h2 { font-size: 24px; - border-bottom: 1px solid #ccc; color: #000; } .markdown-body h3 { @@ -269,13 +268,9 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div# background: transparent; } .markdown-body .highlight pre, .markdown-body pre { - background-color: #f8f8f8; - border: 1px solid #ccc; font-size: 13px; line-height: 19px; overflow: auto; - padding: 6px 10px; - border-radius: 3px; } .markdown-body pre code, .markdown-body pre tt { margin: 0; @@ -286,7 +281,7 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div# ''') sys.stdout.write(HtmlFormatter(style='pastie').get_style_defs('.highlight')) sys.stdout.write(''' - + ''') sys.stdout.write("
") sys.stdout.flush() diff --git a/ui-refs.c b/ui-refs.c index 456f610..47df732 100644 --- a/ui-refs.c +++ b/ui-refs.c @@ -197,6 +197,7 @@ void cgit_print_tags(int maxcount) if (maxcount < list.count) print_refs_link("tags"); + html(" "); cgit_free_reflist_inner(&list); } @@ -211,7 +212,7 @@ void cgit_print_refs(void) cgit_print_tags(0); else { cgit_print_branches(0); - html(" "); + html(" "); cgit_print_tags(0); } html(""); diff --git a/ui-shared.c b/ui-shared.c index acd8ab5..0c4c611 100644 --- a/ui-shared.c +++ b/ui-shared.c @@ -994,7 +994,7 @@ static void print_header(void) html(""); if (ctx.repo) { cgit_index_link("index", NULL, NULL, NULL, NULL, 0, 1); - html(" : "); + html(" / "); cgit_summary_link(ctx.repo->name, ctx.repo->name, NULL, NULL); if (ctx.env.authenticated) { html(""); diff --git a/ui-summary.c b/ui-summary.c index 947812a..b68ca20 100644 --- a/ui-summary.c +++ b/ui-summary.c @@ -27,7 +27,7 @@ static void print_url(const char *url) columns++; if (urls++ == 0) { - htmlf(" ", columns); + htmlf(" ", columns); htmlf("Clone\n", columns); } @@ -52,10 +52,9 @@ void cgit_print_summary(void) cgit_print_layout_start(); html(""); cgit_print_branches(ctx.cfg.summary_branches); - htmlf("", columns); + htmlf("", columns); cgit_print_tags(ctx.cfg.summary_tags); if (ctx.cfg.summary_log > 0) { - htmlf("", columns); cgit_print_log(ctx.qry.head, 0, ctx.cfg.summary_log, NULL, NULL, NULL, 0, 0, 0); } -- cgit v1.2.3