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 ------- 2 files changed, 1035 deletions(-) delete mode 100644 src/style/cgit.css delete mode 100644 src/style/style.css (limited to 'src/style') 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; - } -} -- cgit v1.2.3