Author: Pedro Lucas Porcellis <porcellis@eletrotupi.com>
Eletrotupi's git forge css modifications
cgit.css | 91 +++++++++++++++++++++++++++++++++++++++++++++++----------
diff --git a/cgit.css b/cgit.css index dfa144d05dd5757b0a4b64225a9e4c27d8ac1223..1279d7c6db5e2d4bea4d8db1b209605e2bb4a25a 100644 --- a/cgit.css +++ b/cgit.css @@ -1,20 +1,31 @@ +body { + color: #333333; +} + div#cgit { padding: 0em; - margin: 0em; + margin: 0em 5em; font-family: sans-serif; - font-size: 10pt; + font-size: 11pt; color: #333; background: white; padding: 4px; } div#cgit a { - color: blue; + color: #303030; text-decoration: none; + border-width: 0 0 1px 0; + border-style: none none solid none; + border-color: #C0C0C0; + } div#cgit a:hover { - text-decoration: underline; + background: #e7eef8; + border-width: 0 0 1px 0; + border-color: #c0c0c0; + text-decoration: none; } div#cgit table { @@ -24,14 +35,20 @@ div#cgit table#header { width: 100%; margin-bottom: 1em; +} + +div#cgit table#header tr { + border-style: hidden; } div#cgit table#header td.logo { + display: none; width: 96px; vertical-align: top; } div#cgit table#header td.main { + padding-bottom: 1em; font-size: 250%; padding-left: 10px; white-space: nowrap; @@ -59,10 +76,13 @@ div#cgit table#header td.sub { color: #777; border-top: solid 1px #ccc; padding-left: 10px; +} + +div#cgit table#header td.sub.right { + display: none; } div#cgit table.tabs { - border-bottom: solid 3px #ccc; border-collapse: collapse; margin-top: 2em; margin-bottom: 0px; @@ -81,8 +101,7 @@ font-size: 110%; } div#cgit table.tabs td a.active { - color: #000; - background-color: #ccc; + color: #333; } div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { @@ -92,6 +111,7 @@ margin: 0 0 0 5px; } div#cgit table.tabs td.form { + display: none; text-align: right; } @@ -106,8 +126,16 @@ div#cgit table.tabs td.form select { font-size: 90%; } +div#cgit table.tabs td.form select { + border: 1px solid #000; + font-family: "Inter"; + background-color: white; + padding: 0.5em; +} + div#cgit div.path { margin: 0px; + margin-top: 1em; padding: 5px 2em 2px 2em; color: #000; background-color: #eee; @@ -116,7 +144,6 @@ div#cgit div.content { margin: 0px; padding: 2em; - border-bottom: solid 3px #ccc; } @@ -135,7 +162,7 @@ background: #eee; } div#cgit table.list tr:nth-child(even) { - background: #f7f7f7; + background: white; } div#cgit table.list tr:nth-child(odd) { @@ -143,7 +170,7 @@ background: white; } div#cgit table.list tr:hover { - background: #eee; + background: white; } div#cgit table.list tr.nohover { @@ -155,7 +182,7 @@ background: white; } div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { - background: #f7f7f7; + background: white; } div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { @@ -503,7 +530,7 @@ color: red; } div#cgit table.diffstat td.upd a { - color: blue; + color: #303030; } div#cgit table.diffstat td.graph { @@ -561,7 +588,7 @@ div#cgit table.diff td div.del { color: red; } -div#cgit .oid { +div#cgit .sha1 { font-family: monospace; font-size: 90%; } @@ -622,15 +649,15 @@ } div#cgit span.age-mins { font-weight: bold; - color: #080; + color: #000; } div#cgit span.age-hours { - color: #080; + color: #111; } div#cgit span.age-days { - color: #040; + color: #222; } div#cgit span.age-weeks { @@ -893,3 +920,35 @@ div#cgit table.ssdiff td.space div { min-height: 3em; } + +@media only screen and (min-width: 1080px) { + div#cgit { + margin: 2em 8em; + } +} + +@media only screen and (min-width: 1400px) { + div#cgit { + margin: 16em; + margin-top: 4em; + margin-bottom: 4em; + } +} + +/* Repo stuff */ + +div#cgit table.list td.reposection::after { + content: " / "; + font-style: italic; + color: lightgray; +} + +#cgit hr { + width: 100%; + margin: 30px auto; + border: 0 none; + border-top: 2px dotted #333333; + background: none; + height: 0; +} +