From 5e8865c67a658873602146ff98abdcb69ee00ccc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Romain=20Gon=C3=A7alves?= Date: Wed, 15 May 2024 12:30:34 +0200 Subject: feat(src/styles): full width cgit --- src/style/cgit.css | 925 ------------------------------------------------ src/style/style.css | 110 ------ src/styles/cgit.css | 929 +++++++++++++++++++++++++++++++++++++++++++++++++ src/styles/main.css | 110 ++++++ templates/default.head | 2 +- 5 files changed, 1040 insertions(+), 1036 deletions(-) delete mode 100644 src/style/cgit.css delete mode 100644 src/style/style.css create mode 100644 src/styles/cgit.css create mode 100644 src/styles/main.css diff --git a/src/style/cgit.css b/src/style/cgit.css deleted file mode 100644 index 48ca805..0000000 --- a/src/style/cgit.css +++ /dev/null @@ -1,925 +0,0 @@ -* { - font-family: monospace, monospace; -} - -div#cgit { - padding: 0em; - margin: 0em; - font-size: 10pt; - color: #333; - background: white; - padding: 4px; -} - -a { - color: blue; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -table { - border-collapse: collapse; -} - -table#header { - width: 100%; - margin-bottom: 1em; -} - -table#header td.logo { - width: 6em; - vertical-align: top; - display: none; -} - -table#header td.main { - white-space: nowrap; -} - -table#header td.main a { - color: #000; -} - -table#header td.form { - text-align: right; - vertical-align: bottom; - padding-right: 1em; - padding-bottom: 2px; - white-space: nowrap; -} - -form, input, select { - border-radius: 0; - border-width: 1px; -} - -table#header td.form form, -table#header td.form input, -table#header td.form select { - font-size: 90%; -} - -table#header td.sub { - color: #777; - border-top: solid 1px #ccc; -} - -table.tabs { - border-collapse: collapse; - border-bottom: solid 3px #ccc; - margin-top: 2em; - margin-bottom: 0px; - width: 100%; -} - -table.tabs td { - padding: 0px 1em; - vertical-align: bottom; -} - -table.tabs td a { - padding: 2px 0.75em; - color: #777; - font-size: 110%; -} - -table.tabs td a.active { - color: #000; - background-color: #ccc; -} - -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; -} - -table.tabs td.form { - text-align: right; -} - -table.tabs td.form form { - padding-bottom: 2px; - font-size: 90%; - white-space: nowrap; -} - -table.tabs td.form input, -table.tabs td.form select { - font-size: 90%; -} - -div.path { - margin: 0px; - padding: 5px 2em 2px 2em; - color: #000; - background-color: #eee; -} - -div.content { - margin: 0px; - margin-bottom: 16em; - padding: 2em; -} - -table.list { - width: 100%; - border: none; - border-collapse: collapse; -} - -table.list tr { - background: white; -} - -table.list tr.logheader { - background: #eee; -} - -table.list tr:nth-child(even) { - background: #f7f7f7; -} - -table.list tr:nth-child(odd) { - background: white; -} - -table.list tr:hover { - background: #eee; -} - -table.list tr.nohover { - background: white; -} - -table.list tr.nohover:hover { - background: white; -} - -table.list tr.nohover-highlight:hover:nth-child(even) { - background: #f7f7f7; -} - -table.list tr.nohover-highlight:hover:nth-child(odd) { - background: white; -} - -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; -} - -table.list td { - border: none; - padding: 0.1em 0.5em 0.1em 0.5em; -} - -table.list td.commitgraph, -table.list td.logmsg, -table.bin-blob td, -table.bin-blob th { - white-space: pre; -} - -pre { - background-color: #eeeeee; -} - -table.list td.commitgraph .column1 { - color: #a00; -} - -table.list td.commitgraph .column2 { - color: #0a0; -} - -table.list td.commitgraph .column3 { - color: #aa0; -} - -table.list td.commitgraph .column4 { - color: #00a; -} - -table.list td.commitgraph .column5 { - color: #a0a; -} - -table.list td.commitgraph .column6 { - color: #0aa; -} - -table.list td.logsubject { - font-weight: bold; -} - -table.list td.logmsg { - padding: 0 0.5em; -} - -table.list td a { - color: black; -} - -table.list td a.ls-dir { - font-weight: bold; - color: #00f; -} - -table.list td a:hover { - color: #00f; -} - -img { - border: none; -} - -input#switch-btn { - margin: 2px 0px 0px 0px; -} - -td#sidebar input.txt { - width: 100%; - margin: 2px 0px 0px 0px; -} - -table#grid { - margin: 0px; -} - -td#content { - vertical-align: top; - padding: 1em 2em 1em 1em; - border: none; -} - -div#summary { - vertical-align: top; - margin-bottom: 1em; -} - -table#downloads { - float: right; - border-collapse: collapse; - border: solid 1px #777; - margin-left: 0.5em; - margin-bottom: 0.5em; -} - -table#downloads th { - background-color: #ccc; -} - -div#blob { - border: solid 1px black; -} - -div.error { - color: red; - font-weight: bold; - margin: 1em 2em; -} - -td.ls-size { - text-align: right; - width: 10em; -} - -td.ls-mode { - width: 10em; -} - -td.lines { - width: 100%; -} - -table.blob { - margin-top: 0.5em; - border-top: solid 1px black; -} - -table.blob td.hashes, -table.blob td.lines { - margin: 0; - padding: 0 0 0 0.5em; - vertical-align: top; - color: black; -} - -table.blob td.linenumbers { - margin: 0; padding: 0 0.5em 0 0.5em; - vertical-align: top; - text-align: right; - border-right: 1px solid gray; -} - -table.blob pre { - padding: 0; margin: 0; -} - -table.blob td.linenumbers a, -table.ssdiff td.lineno a { - color: gray; - text-align: right; - text-decoration: none; -} - -table.blob td.linenumbers a:hover, -table.ssdiff td.lineno a:hover { - color: black; -} - -table.blame td.hashes, -table.blame td.lines, -table.blame td.linenumbers { - padding: 0; -} - -table.blame td.hashes div.alt, -table.blame td.lines div.alt { - padding: 0 0.5em 0 0.5em; -} - -table.blame td.linenumbers div.alt { - padding: 0 0.5em 0 0; -} - -table.blame div.alt:nth-child(even) { - background: #eee; -} - -table.blame div.alt:nth-child(odd) { - background: white; -} - -table.blame td.lines > div { - position: relative; -} - -table.blame td.lines > div > pre { - padding: 0 0 0 0.5em; - position: absolute; - top: 0; -} - -table.bin-blob { - margin-top: 0.5em; - border: solid 1px black; -} - -table.bin-blob th { - border: solid 1px #777; - padding: 0.5em 1em; -} - -table.bin-blob td { - border-left: solid 1px #777; - padding: 0em 1em; -} - -table.nowrap td { - white-space: nowrap; -} - -table.commit-info { - border-collapse: collapse; - margin-top: 1.5em; -} - -div.cgit-panel { - float: right; - margin-top: 1.5em; -} - -div.cgit-panel table { - border-collapse: collapse; - border: solid 1px #aaa; - background-color: #eee; -} - -div.cgit-panel th { - text-align: center; -} - -div.cgit-panel td { - padding: 0.25em 0.5em; -} - -div.cgit-panel td.label { - padding-right: 0.5em; -} - -div.cgit-panel td.ctrl { - padding-left: 0.5em; -} - -table.commit-info th { - text-align: left; - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; - vertical-align: top; -} - -table.commit-info td { - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; -} - -div.commit-subject { - font-weight: bold; - font-size: 125%; - margin: 1.5em 0em 0.5em 0em; - padding: 0em; -} - -div.commit-msg, div.notes { - white-space: pre; -} - -div.notes-header { - font-weight: bold; - padding-top: 1.5em; -} - -div.notes { - border: solid 1px #ee9; - background-color: #ffd; - padding: 0.3em 2em 0.3em 1em; - float: left; -} - -div.notes-footer { - clear: left; -} - -div.diffstat-header { - font-weight: bold; - padding-top: 1.5em; -} - -table.diffstat { - border-collapse: collapse; - border: solid 1px #aaa; - background-color: #eee; -} - -table.diffstat th { - font-weight: normal; - text-align: left; - text-decoration: underline; - padding: 0.1em 1em 0.1em 0.1em; - font-size: 100%; -} - -table.diffstat td { - padding: 0.2em 0.2em 0.1em 0.1em; - font-size: 100%; - border: none; -} - -table.diffstat td.mode { - white-space: nowrap; -} - -table.diffstat td span.modechange { - padding-left: 1em; - color: red; -} - -table.diffstat td.add a { - color: green; -} - -table.diffstat td.del a { - color: red; -} - -table.diffstat td.upd a { - color: blue; -} - -table.diffstat td.graph { - width: 500px; - vertical-align: middle; -} - -table.diffstat td.graph table { - border: none; -} - -table.diffstat td.graph td { - padding: 0px; - border: 0px; - height: 7pt; -} - -table.diffstat td.graph td.add { - background-color: #5c5; -} - -table.diffstat td.graph td.rem { - background-color: #c55; -} - -div.diffstat-summary { - color: #888; - padding-top: 0.5em; -} - -table.diff { - width: 100%; -} - -table.diff td { - white-space: pre; -} - -table.diff td div.head { - font-weight: bold; - margin-top: 1em; - color: black; -} - -table.diff td div.hunk { - color: #009; -} - -table.diff td div.add { - color: green; -} - -table.diff td div.del { - color: red; -} - -.oid { - font-size: 90%; -} - -.left { - text-align: left; -} - -.right { - text-align: right; -} - -table.list td.reposection { - font-style: italic; - color: #888; -} - -a.button { - font-size: 80%; - padding: 0em 0.5em; -} - -a.primary { - font-size: 100%; -} - -a.secondary { - font-size: 90%; -} - -td.toplevel-repo { - -} - -table.list td.sublevel-repo { - padding-left: 1.5em; -} - -ul.pager { - list-style-type: none; - text-align: center; - margin: 1em 0em 0em 0em; - padding: 0; -} - -ul.pager li { - display: inline-block; - margin: 0.25em 0.5em; -} - -ul.pager a { - color: #777; -} - -ul.pager .current { - font-weight: bold; -} - -span.age-mins { - font-weight: bold; - color: #080; -} - -span.age-hours { - color: #080; -} - -span.age-days { - color: #040; -} - -span.age-weeks { - color: #444; -} - -span.age-months { - color: #888; -} - -span.age-years { - color: #bbb; -} - -span.insertions { - color: #080; -} - -span.deletions { - color: #800; -} - -div.footer { - margin-top: 0.5em; - text-align: center; - font-size: 80%; - color: #ccc; -} - -div.footer a { - color: #ccc; - text-decoration: none; -} - -div.footer a:hover { - text-decoration: underline; -} - -a.branch-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #88ff88; - border: solid 1px #007700; -} - -a.tag-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ffff88; - border: solid 1px #777700; -} - -a.tag-annotated-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ffcc88; - border: solid 1px #777700; -} - -a.remote-deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ccccff; - border: solid 1px #000077; -} - -a.deco { - color: #000; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ff8888; - border: solid 1px #770000; -} - -div.commit-subject a.branch-deco, -div.commit-subject a.tag-deco, -div.commit-subject a.tag-annotated-deco, -div.commit-subject a.remote-deco, -div.commit-subject a.deco { - margin-left: 1em; - font-size: 75%; -} - -table.stats { - border: solid 1px black; - border-collapse: collapse; -} - -table.stats th { - text-align: left; - padding: 1px 0.5em; - background-color: #eee; - border: solid 1px black; -} - -table.stats td { - text-align: right; - padding: 1px 0.5em; - border: solid 1px black; -} - -table.stats td.total { - font-weight: bold; - text-align: left; -} - -table.stats td.sum { - color: #c00; - font-weight: bold; -/* background-color: #eee; */ -} - -table.stats td.left { - text-align: left; -} - -table.vgraph { - border-collapse: separate; - border: solid 1px black; - height: 200px; -} - -table.vgraph th { - background-color: #eee; - font-weight: bold; - border: solid 1px white; - padding: 1px 0.5em; -} - -table.vgraph td { - vertical-align: bottom; - padding: 0px 10px; -} - -table.vgraph div.bar { - background-color: #eee; -} - -table.hgraph { - border: solid 1px black; - width: 800px; -} - -table.hgraph th { - background-color: #eee; - font-weight: bold; - border: solid 1px black; - padding: 1px 0.5em; -} - -table.hgraph td { - vertical-align: middle; - padding: 2px 2px; -} - -table.hgraph div.bar { - background-color: #eee; - height: 1em; -} - -table.ssdiff { - width: 100%; -} - -table.ssdiff td { - font-size: 75%; - white-space: pre; - padding: 1px 4px 1px 4px; - border-left: solid 1px #aaa; - border-right: solid 1px #aaa; -} - -table.ssdiff td.add { - color: black; - background: #cfc; - min-width: 50%; -} - -table.ssdiff td.add_dark { - color: black; - background: #aca; - min-width: 50%; -} - -table.ssdiff span.add { - background: #cfc; - font-weight: bold; -} - -table.ssdiff td.del { - color: black; - background: #fcc; - min-width: 50%; -} - -table.ssdiff td.del_dark { - color: black; - background: #caa; - min-width: 50%; -} - -table.ssdiff span.del { - background: #fcc; - font-weight: bold; -} - -table.ssdiff td.changed { - color: black; - background: #ffc; - min-width: 50%; -} - -table.ssdiff td.changed_dark { - color: black; - background: #cca; - min-width: 50%; -} - -table.ssdiff td.lineno { - color: black; - background: #eee; - text-align: right; - width: 3em; - min-width: 3em; -} - -table.ssdiff td.hunk { - color: black; - background: #ccf; - border-top: solid 1px #aaa; - border-bottom: solid 1px #aaa; -} - -table.ssdiff td.head { - border-top: solid 1px #aaa; - border-bottom: solid 1px #aaa; -} - -table.ssdiff td.head div.head { - font-weight: bold; - color: black; -} - -table.ssdiff td.foot { - border-top: solid 1px #aaa; - border-left: none; - border-right: none; - border-bottom: none; -} - -table.ssdiff td.space { - border: none; -} - -table.ssdiff td.space div { - min-height: 3em; -} -span.libravatar img.onhover { - display: none; - border: 1px solid gray; - padding: 0px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - width: 128px; - height: 128px; -} - -span.libravatar img.inline { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - width: 13px; - height: 13px; - margin-right: 0.2em; - opacity: 0.6; -} - -span.libravatar:hover > img.onhover { - display: block; - position: absolute; - margin-left: 1.5em; - background-color: #eeeeee; - box-shadow: 2px 2px 7px rgba(100,100,100,0.75); -} - -div#cgit > span:last-child { - background-color: yellow; - margin: 2em; -} diff --git a/src/style/style.css b/src/style/style.css deleted file mode 100644 index 1c47ae6..0000000 --- a/src/style/style.css +++ /dev/null @@ -1,110 +0,0 @@ -/* page */ - -* { - font-family: monospace, monospace; -} - -html { - margin: 2em auto 2em auto; - max-width: 72ch; -} - -header { - margin-bottom: 2em; -} - -header ul { - padding-left: 0; -} - -header ul li { - display: inline-block; -} - -header ul li:last-child { - float: right; -} - -footer { - margin-top: 16em; - background-color: yellow; -} - -/* link */ - -a, a:hover, a:visited { - color: blue; -} - -/* list */ - -ul.index { - padding-inline-start: 0; -} - -ul.index li { - margin: .4em 0 .4em 0; - display: block; -} - -li { - overflow-wrap: break-word; -} - -* li p { - margin-top: .6em; - margin-bottom: .6em; -} - -* li, p { - line-height: 1.5em; -} - -/* table */ - -table { - font-size: .8em; - overflow: auto; - width: 100%; - border-collapse: collapse; -} - -table th, table td { - padding: .4em 1em .4em 1em; - margin: 0; - overflow: hidden; -} - -/* code */ - -pre, p code, li code { - background-color: #eeeeee; - overflow: auto; -} - -/* media file */ - -img, video { - max-width: 100%; -} - -/* screen size */ - -@media only screen and (max-width: 72ch) { - * { - text-align: left; - } - - body { - width: 90%; - } - - header ul li { - display: block; - float: inherit !important; - } - - table { - table-layout: fixed; - } -} diff --git a/src/styles/cgit.css b/src/styles/cgit.css new file mode 100644 index 0000000..7156ca4 --- /dev/null +++ b/src/styles/cgit.css @@ -0,0 +1,929 @@ +* { + font-family: monospace, monospace; +} + +div#cgit { + padding: 0em; + margin: 0 auto 0 auto; + /* width: 128ch; */ + font-size: 10pt; + color: #333; + background: white; + padding: 4px; +} + +a { + color: blue; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +table { + border-collapse: collapse; +} + +table#header { + width: 100%; + margin-bottom: 1em; +} + +table#header td.logo { + width: 6em; + vertical-align: top; + display: none; +} + +table#header td.main, +table#header td.main a { + white-space: nowrap; + color: #000; +} + +table#header td.form { + text-align: right; + vertical-align: bottom; + padding-right: 1em; + padding-bottom: 2px; + white-space: nowrap; +} + +form, input, select { + border-radius: 0; + border-width: 1px; +} + +table#header td.form form, +table#header td.form input, +table#header td.form select { + font-size: 90%; +} + +table#header td.sub { + color: #777; + border-top: solid 1px #ccc; +} + +table.tabs { + border-collapse: collapse; + border-bottom: solid 3px #ccc; + margin-top: 2em; + margin-bottom: 0px; + width: 100%; +} + +table.tabs td { + padding: 0px 1em; + vertical-align: bottom; +} + +table.tabs td a { + padding: 2px 0.75em; + color: #777; + font-size: 110%; +} + +table.tabs td a.active { + color: #000; + background-color: #ccc; +} + +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; +} + +table.tabs td.form { + text-align: right; +} + +table.tabs td.form form { + padding-bottom: 2px; + font-size: 90%; + white-space: nowrap; +} + +table.tabs td.form input, +table.tabs td.form select { + font-size: 90%; +} + +div.path { + margin: 0px; + padding: 5px 2em 2px 2em; + color: #000; + background-color: #eee; +} + +div.content { + margin: 0px; + margin-bottom: 16em; + padding-top: 1em; +} + +table.list { + width: 100%; + border: none; + border-collapse: collapse; +} + +table.list tr { + background: white; +} + +table.list tr.logheader { + background: #eee; +} + +table.list tr:nth-child(even) { + background: #f7f7f7; +} + +table.list tr:nth-child(odd) { + background: white; +} + +table.list tr:hover { + background: #eee; +} + +table.list tr.nohover { + background: white; +} + +table.list tr.nohover:hover { + background: white; +} + +table.list tr.nohover-highlight:hover:nth-child(even) { + background: #f7f7f7; +} + +table.list tr.nohover-highlight:hover:nth-child(odd) { + background: white; +} + +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; +} + +table.list td { + border: none; + padding: 0.1em 0.5em 0.1em 0.5em; +} + +table.list td.commitgraph, +table.list td.logmsg, +table.bin-blob td, +table.bin-blob th { + white-space: pre; +} + +pre { + background-color: #eeeeee; +} + +table.list td.commitgraph .column1 { + color: #a00; +} + +table.list td.commitgraph .column2 { + color: #0a0; +} + +table.list td.commitgraph .column3 { + color: #aa0; +} + +table.list td.commitgraph .column4 { + color: #00a; +} + +table.list td.commitgraph .column5 { + color: #a0a; +} + +table.list td.commitgraph .column6 { + color: #0aa; +} + +table.list td.logsubject { + font-weight: bold; +} + +table.list td.logmsg { + padding: 0 0.5em; +} + +table.list td a { + color: black; +} + +table.list td a.ls-dir { + font-weight: bold; + color: #00f; +} + +table.list td a:hover { + color: #00f; +} + +img { + border: none; +} + +input#switch-btn { + margin: 2px 0px 0px 0px; +} + +td#sidebar input.txt { + width: 100%; + margin: 2px 0px 0px 0px; +} + +table#grid { + margin: 0px; +} + +td#content { + vertical-align: top; + padding: 1em 2em 1em 1em; + border: none; +} + +div#summary { + vertical-align: top; + margin-bottom: 1em; +} + +table#downloads { + float: right; + border-collapse: collapse; + border: solid 1px #777; + margin-left: 0.5em; + margin-bottom: 0.5em; +} + +table#downloads th { + background-color: #ccc; +} + +div#blob { + border: solid 1px black; +} + +div.error { + color: red; + font-weight: bold; + margin: 1em 2em; +} + +td.ls-size { + text-align: right; + width: 10em; +} + +td.ls-mode { + width: 10em; +} + +td.lines { + width: 100%; +} + +table.blob { + margin-top: 0.5em; + border-top: solid 1px black; +} + +table.blob td.hashes, +table.blob td.lines { + margin: 0; + padding: 0 0 0 0.5em; + vertical-align: top; + color: black; +} + +table.blob td.linenumbers { + margin: 0; padding: 0 0.5em 0 0.5em; + vertical-align: top; + text-align: right; + border-right: 1px solid gray; +} + +table.blob pre { + padding: 0; margin: 0; +} + +table.blob td.linenumbers a, +table.ssdiff td.lineno a { + color: gray; + text-align: right; + text-decoration: none; +} + +table.blob td.linenumbers a:hover, +table.ssdiff td.lineno a:hover { + color: black; +} + +table.blame td.hashes, +table.blame td.lines, +table.blame td.linenumbers { + padding: 0; +} + +table.blame td.hashes div.alt, +table.blame td.lines div.alt { + padding: 0 0.5em 0 0.5em; +} + +table.blame td.linenumbers div.alt { + padding: 0 0.5em 0 0; +} + +table.blame div.alt:nth-child(even) { + background: #eee; +} + +table.blame div.alt:nth-child(odd) { + background: white; +} + +table.blame td.lines > div { + position: relative; +} + +table.blame td.lines > div > pre { + padding: 0 0 0 0.5em; + position: absolute; + top: 0; +} + +table.bin-blob { + margin-top: 0.5em; + border: solid 1px black; +} + +table.bin-blob th { + border: solid 1px #777; + padding: 0.5em 1em; +} + +table.bin-blob td { + border-left: solid 1px #777; + padding: 0em 1em; +} + +table.nowrap td { + white-space: nowrap; +} + +table.commit-info { + border-collapse: collapse; + margin-top: 1.5em; +} + +div.cgit-panel { + float: right; + margin-top: 1.5em; +} + +div.cgit-panel table { + border-collapse: collapse; + border: solid 1px #aaa; + background-color: #eee; +} + +div.cgit-panel th { + text-align: center; +} + +div.cgit-panel td { + padding: 0.25em 0.5em; +} + +div.cgit-panel td.label { + padding-right: 0.5em; +} + +div.cgit-panel td.ctrl { + padding-left: 0.5em; +} + +table.commit-info th { + text-align: left; + font-weight: normal; + padding: 0.1em 1em 0.1em 0.1em; + vertical-align: top; +} + +table.commit-info td { + font-weight: normal; + padding: 0.1em 1em 0.1em 0.1em; +} + +div.commit-subject { + font-weight: bold; + font-size: 125%; + margin: 1.5em 0em 0.5em 0em; + padding: 0em; +} + +div.commit-msg, div.notes { + white-space: pre; +} + +div.notes-header { + font-weight: bold; + padding-top: 1.5em; +} + +div.notes { + border: solid 1px #ee9; + background-color: #ffd; + padding: 0.3em 2em 0.3em 1em; + float: left; +} + +div.notes-footer { + clear: left; +} + +div.diffstat-header { + font-weight: bold; + padding-top: 1.5em; +} + +table.diffstat { + border-collapse: collapse; + border: solid 1px #aaa; + background-color: #eee; +} + +table.diffstat th { + font-weight: normal; + text-align: left; + text-decoration: underline; + padding: 0.1em 1em 0.1em 0.1em; + font-size: 100%; +} + +table.diffstat td { + padding: 0.2em 0.2em 0.1em 0.1em; + font-size: 100%; + border: none; +} + +table.diffstat td.mode { + white-space: nowrap; +} + +table.diffstat td span.modechange { + padding-left: 1em; + color: red; +} + +table.diffstat td.add a { + color: green; +} + +table.diffstat td.del a { + color: red; +} + +table.diffstat td.upd a { + color: blue; +} + +table.diffstat td.graph { + width: 500px; + vertical-align: middle; +} + +table.diffstat td.graph table { + border: none; +} + +table.diffstat td.graph td { + padding: 0px; + border: 0px; + height: 7pt; +} + +table.diffstat td.graph td.add { + background-color: #5c5; +} + +table.diffstat td.graph td.rem { + background-color: #c55; +} + +div.diffstat-summary { + color: #888; + padding-top: 0.5em; +} + +table.diff { + width: 100%; +} + +table.diff td { + white-space: pre; + max-width: 0; + background-color: #eee; + border: solid 1px #aaa; + overflow-x: scroll; +} + +table.diff td div.head { + font-weight: bold; + margin-top: 1em; + color: black; +} + +table.diff td div.hunk { + color: #009; +} + +table.diff td div.add { + color: green; +} + +table.diff td div.del { + color: red; +} + +.oid { + font-size: 90%; +} + +.left { + text-align: left; +} + +.right { + text-align: right; +} + +table.list td.reposection { + font-style: italic; + color: #888; +} + +a.button { + font-size: 80%; + padding: 0em 0.5em; +} + +a.primary { + font-size: 100%; +} + +a.secondary { + font-size: 90%; +} + +td.toplevel-repo { + +} + +table.list td.sublevel-repo { + padding-left: 1.5em; +} + +ul.pager { + list-style-type: none; + text-align: center; + margin: 1em 0em 0em 0em; + padding: 0; +} + +ul.pager li { + display: inline-block; + margin: 0.25em 0.5em; +} + +ul.pager a { + color: #777; +} + +ul.pager .current { + font-weight: bold; +} + +span.age-mins { + font-weight: bold; + color: #080; +} + +span.age-hours { + color: #080; +} + +span.age-days { + color: #040; +} + +span.age-weeks { + color: #444; +} + +span.age-months { + color: #888; +} + +span.age-years { + color: #bbb; +} + +span.insertions { + color: #080; +} + +span.deletions { + color: #800; +} + +div.footer { + margin-top: 0.5em; + text-align: center; + font-size: 80%; + color: #ccc; +} + +div.footer a { + color: #ccc; + text-decoration: none; +} + +div.footer a:hover { + text-decoration: underline; +} + +a.branch-deco { + color: #000; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #88ff88; + border: solid 1px #007700; +} + +a.tag-deco { + color: #000; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ffff88; + border: solid 1px #777700; +} + +a.tag-annotated-deco { + color: #000; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ffcc88; + border: solid 1px #777700; +} + +a.remote-deco { + color: #000; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ccccff; + border: solid 1px #000077; +} + +a.deco { + color: #000; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ff8888; + border: solid 1px #770000; +} + +div.commit-subject a.branch-deco, +div.commit-subject a.tag-deco, +div.commit-subject a.tag-annotated-deco, +div.commit-subject a.remote-deco, +div.commit-subject a.deco { + margin-left: 1em; + font-size: 75%; +} + +table.stats { + border: solid 1px black; + border-collapse: collapse; +} + +table.stats th { + text-align: left; + padding: 1px 0.5em; + background-color: #eee; + border: solid 1px black; +} + +table.stats td { + text-align: right; + padding: 1px 0.5em; + border: solid 1px black; +} + +table.stats td.total { + font-weight: bold; + text-align: left; +} + +table.stats td.sum { + color: #c00; + font-weight: bold; +/* background-color: #eee; */ +} + +table.stats td.left { + text-align: left; +} + +table.vgraph { + border-collapse: separate; + border: solid 1px black; + height: 200px; +} + +table.vgraph th { + background-color: #eee; + font-weight: bold; + border: solid 1px white; + padding: 1px 0.5em; +} + +table.vgraph td { + vertical-align: bottom; + padding: 0px 10px; +} + +table.vgraph div.bar { + background-color: #eee; +} + +table.hgraph { + border: solid 1px black; + width: 800px; +} + +table.hgraph th { + background-color: #eee; + font-weight: bold; + border: solid 1px black; + padding: 1px 0.5em; +} + +table.hgraph td { + vertical-align: middle; + padding: 2px 2px; +} + +table.hgraph div.bar { + background-color: #eee; + height: 1em; +} + +table.ssdiff { + width: 100%; +} + +table.ssdiff td { + font-size: 75%; + white-space: pre; + padding: 1px 4px 1px 4px; + border-left: solid 1px #aaa; + border-right: solid 1px #aaa; +} + +table.ssdiff td.add { + color: black; + background: #cfc; + min-width: 50%; +} + +table.ssdiff td.add_dark { + color: black; + background: #aca; + min-width: 50%; +} + +table.ssdiff span.add { + background: #cfc; + font-weight: bold; +} + +table.ssdiff td.del { + color: black; + background: #fcc; + min-width: 50%; +} + +table.ssdiff td.del_dark { + color: black; + background: #caa; + min-width: 50%; +} + +table.ssdiff span.del { + background: #fcc; + font-weight: bold; +} + +table.ssdiff td.changed { + color: black; + background: #ffc; + min-width: 50%; +} + +table.ssdiff td.changed_dark { + color: black; + background: #cca; + min-width: 50%; +} + +table.ssdiff td.lineno { + color: black; + background: #eee; + text-align: right; + width: 3em; + min-width: 3em; +} + +table.ssdiff td.hunk { + color: black; + background: #ccf; + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; +} + +table.ssdiff td.head { + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; +} + +table.ssdiff td.head div.head { + font-weight: bold; + color: black; +} + +table.ssdiff td.foot { + border-top: solid 1px #aaa; + border-left: none; + border-right: none; + border-bottom: none; +} + +table.ssdiff td.space { + border: none; +} + +table.ssdiff td.space div { + min-height: 3em; +} +span.libravatar img.onhover { + display: none; + border: 1px solid gray; + padding: 0px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + width: 128px; + height: 128px; +} + +span.libravatar img.inline { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + width: 13px; + height: 13px; + margin-right: 0.2em; + opacity: 0.6; +} + +span.libravatar:hover > img.onhover { + display: block; + position: absolute; + margin-left: 1.5em; + background-color: #eeeeee; + box-shadow: 2px 2px 7px rgba(100,100,100,0.75); +} + +div#cgit > span:last-child { + background-color: yellow; + display: block; + color: #000; +} diff --git a/src/styles/main.css b/src/styles/main.css new file mode 100644 index 0000000..1c47ae6 --- /dev/null +++ b/src/styles/main.css @@ -0,0 +1,110 @@ +/* page */ + +* { + font-family: monospace, monospace; +} + +html { + margin: 2em auto 2em auto; + max-width: 72ch; +} + +header { + margin-bottom: 2em; +} + +header ul { + padding-left: 0; +} + +header ul li { + display: inline-block; +} + +header ul li:last-child { + float: right; +} + +footer { + margin-top: 16em; + background-color: yellow; +} + +/* link */ + +a, a:hover, a:visited { + color: blue; +} + +/* list */ + +ul.index { + padding-inline-start: 0; +} + +ul.index li { + margin: .4em 0 .4em 0; + display: block; +} + +li { + overflow-wrap: break-word; +} + +* li p { + margin-top: .6em; + margin-bottom: .6em; +} + +* li, p { + line-height: 1.5em; +} + +/* table */ + +table { + font-size: .8em; + overflow: auto; + width: 100%; + border-collapse: collapse; +} + +table th, table td { + padding: .4em 1em .4em 1em; + margin: 0; + overflow: hidden; +} + +/* code */ + +pre, p code, li code { + background-color: #eeeeee; + overflow: auto; +} + +/* media file */ + +img, video { + max-width: 100%; +} + +/* screen size */ + +@media only screen and (max-width: 72ch) { + * { + text-align: left; + } + + body { + width: 90%; + } + + header ul li { + display: block; + float: inherit !important; + } + + table { + table-layout: fixed; + } +} diff --git a/templates/default.head b/templates/default.head index 62d1f8a..b25f49c 100644 --- a/templates/default.head +++ b/templates/default.head @@ -1,5 +1,5 @@ rgoncalves.se - + -- cgit v1.2.3