diff options
| -rw-r--r-- | custom.css | 1208 |
1 files changed, 1208 insertions, 0 deletions
diff --git a/custom.css b/custom.css new file mode 100644 index 0000000..fc88f5b --- /dev/null +++ b/custom.css @@ -0,0 +1,1208 @@ +/* Base cgit styles with dark theme overrides */ +* { line-height: 1.25em; } +html, body { + background: #1a1a1a !important; + color: #e0e0e0 !important; + margin: 0; + padding: 0; +} + +div#cgit { + padding: 0em; + margin: 0em; + font-family: monospace; + font-size: 10pt; + color: #e0e0e0 !important; + background: #1a1a1a !important; + padding: 4px; + max-width: 117ch; + margin: auto; + -moz-tab-size: 4; + tab-size: 4; +} + +div#cgit a { + color: #60a5fa !important; + text-decoration: none; +} + +div#cgit a:hover { + color: #93c5fd !important; + text-decoration: underline; +} + +div#cgit table { + border-collapse: collapse; + background: #1a1a1a !important; +} + +div#cgit table#header { + width: 100%; + margin-bottom: 1em; +} + +div#cgit table#header td.logo { + width: 96px; + vertical-align: top; +} + +div#cgit table#header td.main { + font-size: 250%; + padding-left: 10px; + white-space: nowrap; +} + +div#cgit table#header td.main a { + color: #e0e0e0 !important; +} + +div#cgit table#header td.form { + text-align: right; + vertical-align: bottom; + padding-right: 1em; + padding-bottom: 2px; + white-space: nowrap; +} + +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 table#header td.sub { + color: #888 !important; + border-top: solid 1px #555; + padding-left: 10px; +} + +div#cgit table.tabs { + border-bottom: solid 3px #555; + border-collapse: collapse; + margin-top: 2em; + margin-bottom: 0px; + width: 100%; +} + +div#cgit table.tabs td { + padding: 0px 1em; + vertical-align: bottom; +} + +div#cgit table.tabs td a { + padding: 2px 0.25em; + color: #888 !important; + font-size: 110%; +} + +div#cgit table.tabs td a.active { + color: #e0e0e0 !important; + background-color: #2a2a2a !important; +} + +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; +} + +div#cgit table.tabs td.form form { + padding-bottom: 2px; + font-size: 90%; + 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: 0px; + padding: 5px 2em 2px 2em; + color: #e0e0e0 !important; + background-color: #2a2a2a !important; +} + +div#cgit div.content { + margin: 0px; + padding: 2em; + border-bottom: solid 3px #555; + background: #1a1a1a !important; +} + +div#cgit table.list { + width: 100%; + border: none; + border-collapse: collapse; +} + +div#cgit table.list tr { + background: #1a1a1a !important; +} + +div#cgit table.list tr.logheader { + background: #2a2a2a !important; +} + +div#cgit table.list tr:nth-child(even) { + background: #2a2a2a !important; +} + +div#cgit table.list tr:nth-child(odd) { + background: #1a1a1a !important; +} + +div#cgit table.list tr:hover { + background: #3a3a3a !important; +} + +div#cgit table.list tr.nohover { + background: #1a1a1a !important; +} + +div#cgit table.list tr.nohover:hover { + background: #1a1a1a !important; +} + +div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { + background: #2a2a2a !important; +} + +div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { + background: #1a1a1a !important; +} + +div#cgit table.list th { + font-weight: bold; + padding: 0.1em 0.5em 0.05em 0.5em; + vertical-align: baseline; +} + +div#cgit table.list th a { + color: #f0f0f0 !important; +} + +div#cgit table.list td { + border: none; + padding: 0.1em 0.5em 0.1em 0.5em; +} + +div#cgit table.list td a { + color: #60a5fa !important; +} + +div#cgit table.list td a:hover { + color: #93c5fd !important; +} + +div#cgit table.list td.commitgraph { + font-family: monospace; + white-space: pre; +} + +div#cgit table.list td.commitgraph .column1 { + color: #ff6b6b; +} + +div#cgit table.list td.commitgraph .column2 { + color: #4ade80; +} + +div#cgit table.list td.commitgraph .column3 { + color: #fbbf24; +} + +div#cgit table.list td.commitgraph .column4 { + color: #60a5fa; +} + +div#cgit table.list td.commitgraph .column5 { + color: #a78bfa; +} + +div#cgit table.list td.commitgraph .column6 { + color: #14b8a6; +} + +div#cgit table.list td.logsubject { + font-family: monospace; + font-weight: bold; +} + +div#cgit table.list td.logmsg { + font-family: monospace; + white-space: pre; + padding: 0 0.5em; +} + +div#cgit table.list td a.ls-dir { + font-weight: bold; + color: #60a5fa !important; +} + +div#cgit img { + border: none; +} + +div#cgit input#switch-btn { + margin: 2px 0px 0px 0px; +} + +div#cgit td#sidebar input.txt { + width: 100%; + margin: 2px 0px 0px 0px; +} + +div#cgit table#grid { + margin: 0px; +} + +div#cgit td#content { + vertical-align: top; + padding: 1em 2em 1em 1em; + border: none; +} + +div#cgit div#summary { + vertical-align: top; + margin-bottom: 1em; + max-width: 80ch; +} + +div#cgit table#downloads { + float: right; + border-collapse: collapse; + border: solid 1px #555; + margin-left: 0.5em; + margin-bottom: 0.5em; +} + +div#cgit table#downloads th { + background-color: #2a2a2a !important; +} + +div#cgit div#blob { + border: solid 1px #555; +} + +div#cgit div.error { + color: #f87171 !important; + 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 td.ls-size { + text-align: right; + font-family: monospace; + width: 10em; +} + +div#cgit td.ls-mode { + font-family: monospace; + width: 10em; +} + +div#cgit table.blob { + margin-top: 0.5em; + border-top: solid 1px #555; +} + +div#cgit table.blob td.hashes, +div#cgit table.blob td.lines { + margin: 0; padding: 0 0 0 0.5em; + vertical-align: top; + color: #e0e0e0 !important; +} + +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 #555; +} + +div#cgit table.blob pre { + padding: 0; margin: 0; + background: #1a1a1a !important; + color: #e0e0e0 !important; +} + +div#cgit table.blob td.linenumbers a, +div#cgit table.ssdiff td.lineno a { + color: #888 !important; + text-align: right; + text-decoration: none; +} + +div#cgit table.blob td.linenumbers a:hover, +div#cgit table.ssdiff td.lineno a:hover { + color: #e0e0e0 !important; +} + +div#cgit table.blob td.linenumbers a:target { + color: #ffd700 !important; + text-decoration: underline; + outline: none; +} + +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: #2a2a2a !important; +} + +div#cgit table.blame div.alt:nth-child(odd) { + background: #1a1a1a !important; +} + +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%; +} + +div#cgit table.bin-blob { + margin-top: 0.5em; + border: solid 1px #555; +} + +div#cgit table.bin-blob th { + font-family: monospace; + white-space: pre; + border: solid 1px #555; + padding: 0.5em 1em; +} + +div#cgit table.bin-blob td { + font-family: monospace; + white-space: pre; + border-left: solid 1px #555; + padding: 0em 1em; +} + +div#cgit table.nowrap td { + white-space: nowrap; +} + +div#cgit table.commit-info { + border-collapse: collapse; + margin-top: 1.5em; +} + +div#cgit div.cgit-panel { + float: right; + margin-top: 1.5em; +} + +div#cgit div.cgit-panel table { + border-collapse: collapse; + border: solid 1px #555; + background-color: #2a2a2a !important; +} + +div#cgit div.cgit-panel th { + text-align: center; +} + +div#cgit div.cgit-panel td { + padding: 0.25em 0.5em; +} + +div#cgit div.cgit-panel td.label { + padding-right: 0.5em; +} + +div#cgit div.cgit-panel td.ctrl { + 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; +} + +div#cgit table.commit-info td { + 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; +} + +div#cgit div.notes-header { + font-weight: bold; + padding-top: 1.5em; +} + +div#cgit div.notes { + white-space: pre; + font-family: monospace; + border: solid 1px #555; + background-color: #2a2a2a !important; + padding: 0.3em 2em 0.3em 1em; + float: left; +} + +div#cgit div.notes-footer { + clear: left; +} + +div#cgit div.diffstat-header { + font-weight: bold; + padding-top: 1.5em; +} + +div#cgit table.diffstat { + border-collapse: collapse; + border: solid 1px #555; + background-color: #2a2a2a !important; +} + +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%; +} + +div#cgit table.diffstat td { + padding: 0.2em 0.2em 0.1em 0.1em; + font-size: 100%; + border: none; +} + +div#cgit table.diffstat td.mode { + white-space: nowrap; +} + +div#cgit table.diffstat td span.modechange { + padding-left: 1em; + color: #f87171 !important; +} + +div#cgit table.diffstat td.add a { + color: #4ade80 !important; +} + +div#cgit table.diffstat td.del a { + color: #f87171 !important; +} + +div#cgit table.diffstat td.upd a { + color: #60a5fa !important; +} + +div#cgit table.diffstat td.graph { + width: 500px; + vertical-align: middle; +} + +div#cgit table.diffstat td.graph table { + border: none; +} + +div#cgit table.diffstat td.graph td { + padding: 0px; + border: 0px; + height: 7pt; +} + +div#cgit table.diffstat td.graph td.add { + background-color: #1a4d1a !important; +} + +div#cgit table.diffstat td.graph td.rem { + background-color: #4d1a1a !important; +} + +div#cgit div.diffstat-summary { + color: #888; + padding-top: 0.5em; +} + +div#cgit table.diff { + width: 100%; +} + +div#cgit table.diff td span.head { + font-weight: bold; + color: #e0e0e0 !important; +} + +div#cgit table.diff td span.hunk { + color: #60a5fa !important; +} + +div#cgit table.diff td span.add { + color: #4ade80 !important; +} + +div#cgit table.diff td span.del { + color: #f87171 !important; +} + +div#cgit .oid { + font-family: monospace; + font-size: 90%; +} + +div#cgit .left { + text-align: left; +} + +div#cgit .right { + text-align: right; +} + +div#cgit table.list td.reposection { + font-style: italic; + color: #888; +} + +div#cgit a.button { + font-size: 80%; +} + +div#cgit a.primary { + font-size: 100%; +} + +div#cgit a.secondary { + font-size: 90%; +} + +div#cgit td.toplevel-repo { + +} + +div#cgit table.list td.sublevel-repo { + padding-left: 1.5em; +} + +div#cgit ul.pager { + 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; +} + +div#cgit ul.pager a { + color: #888; +} + +div#cgit ul.pager .current { + font-weight: bold; +} + +div#cgit span.age-mins { + font-weight: bold; + color: #4ade80; +} + +div#cgit span.age-hours { + color: #4ade80; +} + +div#cgit span.age-days { + color: #22c55e; +} + +div#cgit span.age-weeks { + color: #888; +} + +div#cgit span.age-months { + color: #888; +} + +div#cgit span.age-years { + color: #bbb; +} + +div#cgit span.insertions { + color: #4ade80 !important; +} + +div#cgit span.deletions { + color: #f87171 !important; +} + +div#cgit div.footer { + margin-top: 0.5em; + text-align: center; + font-size: 80%; + color: #888; +} + +div#cgit div.footer a { + color: #888; + text-decoration: none; +} + +div#cgit div.footer a:hover { + text-decoration: underline; +} + +/* Branch/tag decorations with better contrast */ +div#cgit a.branch-deco { + color: #000 !important; + padding: 0px 0.25em; + background-color: #4ade80 !important; + border: solid 1px #22c55e !important; + font-weight: bold !important; +} + +div#cgit a.tag-deco { + color: #000 !important; + padding: 0px 0.25em; + background-color: #fbbf24 !important; + border: solid 1px #f59e0b !important; + font-weight: bold !important; +} + +div#cgit a.tag-annotated-deco { + color: #000 !important; + padding: 0px 0.25em; + background-color: #fb923c !important; + border: solid 1px #ea580c !important; + font-weight: bold !important; +} + +div#cgit a.remote-deco { + color: #000 !important; + padding: 0px 0.25em; + background-color: #60a5fa !important; + border: solid 1px #3b82f6 !important; + font-weight: bold !important; +} + +div#cgit a.deco { + color: #000 !important; + padding: 0px 0.25em; + background-color: #f87171 !important; + border: solid 1px #ef4444 !important; + font-weight: bold !important; +} + +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 { + font-size: 75% !important; + color: #000 !important; + font-weight: bold !important; +} + +div#cgit table.stats { + border: solid 1px #555; + border-collapse: collapse; +} + +div#cgit table.stats th { + text-align: left; + padding: 1px 0.5em; + background-color: #2a2a2a !important; + border: solid 1px #555; +} + +div#cgit table.stats td { + text-align: right; + padding: 1px 0.5em; + border: solid 1px #555; +} + +div#cgit table.stats td.total { + font-weight: bold; + text-align: left; +} + +div#cgit table.stats td.sum { + color: #f87171 !important; + font-weight: bold; +} + +div#cgit table.stats td.left { + text-align: left; +} + +div#cgit table.vgraph { + border-collapse: separate; + border: solid 1px #555; + height: 200px; +} + +div#cgit table.vgraph th { + background-color: #2a2a2a !important; + font-weight: bold; + border: solid 1px #555; + padding: 1px 0.5em; +} + +div#cgit table.vgraph td { + vertical-align: bottom; + padding: 0px 10px; +} + +div#cgit table.vgraph div.bar { + background-color: #2a2a2a !important; +} + +div#cgit table.hgraph { + border: solid 1px #555; + width: 800px; +} + +div#cgit table.hgraph th { + background-color: #2a2a2a !important; + font-weight: bold; + border: solid 1px #555; + padding: 1px 0.5em; +} + +div#cgit table.hgraph td { + vertical-align: middle; + padding: 2px 2px; +} + +div#cgit table.hgraph div.bar { + background-color: #2a2a2a !important; + height: 1em; +} + +div#cgit table.ssdiff { + width: 100%; +} + +div#cgit table.ssdiff td { + font-size: 75%; + font-family: monospace; + white-space: pre; + padding: 1px 4px 1px 4px; + border-left: solid 1px #555; + border-right: solid 1px #555; +} + +div#cgit table.ssdiff td.add { + color: #e0e0e0 !important; + background: #1a4d1a !important; + min-width: 50%; +} + +div#cgit table.ssdiff td.add_dark { + color: #e0e0e0 !important; + background: #0d3d0d !important; + min-width: 50%; +} + +div#cgit table.ssdiff span.add { + background: #1a4d1a !important; + color: #e0e0e0 !important; + font-weight: bold; +} + +div#cgit table.ssdiff td.del { + color: #e0e0e0 !important; + background: #4d1a1a !important; + min-width: 50%; +} + +div#cgit table.ssdiff td.del_dark { + color: #e0e0e0 !important; + background: #3d0d0d !important; + min-width: 50%; +} + +div#cgit table.ssdiff span.del { + background: #4d1a1a !important; + color: #e0e0e0 !important; + font-weight: bold; +} + +div#cgit table.ssdiff td.changed { + color: #e0e0e0 !important; + background: #4d4d1a !important; + min-width: 50%; +} + +div#cgit table.ssdiff td.changed_dark { + color: #e0e0e0 !important; + background: #3d3d0d !important; + min-width: 50%; +} + +div#cgit table.ssdiff td.lineno { + color: #e0e0e0 !important; + background: #2a2a2a !important; + text-align: right; + width: 3em; + min-width: 3em; +} + +div#cgit table.ssdiff td.hunk { + color: #e0e0e0 !important; + background: #1a1a4d !important; + border-top: solid 1px #555; + border-bottom: solid 1px #555; +} + +div#cgit table.ssdiff td.head { + border-top: solid 1px #555; + border-bottom: solid 1px #555; +} + +div#cgit table.ssdiff td.head div.head { + font-weight: bold; + color: #e0e0e0 !important; +} + +div#cgit table.ssdiff td.foot { + border-top: solid 1px #555; + border-left: none; + border-right: none; + border-bottom: none; +} + +div#cgit table.ssdiff td.space { + border: none; +} + +div#cgit table.ssdiff td.space div { + min-height: 3em; +} + +/* Syntax highlighting */ +div#cgit pre .Ke { color: #888; } +div#cgit pre .Ma { color: #4ade80; } +div#cgit pre .Co { color: #60a5fa; } +div#cgit pre .St { color: #14b8a6; } +div#cgit pre .Fo { color: #14b8a6; font-weight: bold; } +div#cgit pre .Su { color: #a3a3a3; } + +div#cgit pre a.tag { color: inherit; text-decoration: underline; } +div#cgit pre a.tag:target { color: #ffd700; outline: none; } + +/* Mandoc styles */ +table.head, table.foot { width: 100%; } +td.head-rtitle, td.foot-os { text-align: right; } +td.head-vol { text-align: center; } +div.Pp { margin: 1ex 0ex; } +div.Nd, div.Bf, div.Op { display: inline; } +span.Pa, span.Ad { font-style: italic; } +span.Ms { font-weight: bold; } +dl.Bl-diag > dt { font-weight: bold; } +code.Nm, code.Fl, code.Cm, code.Ic, code.In, code.Fd, code.Fn, +code.Cd { font-weight: bold; font-family: inherit; } + +h1.Sh { font-size: 1.5em; } +table.Nm td:first-child { padding-right: 1ch; } +code.Fl { white-space: nowrap; } +span.RsT { font-style: italic; } +dl.Bl-tag:not(.Bl-compact) > dt { margin-top: 1em; } +ul.Bl-bullet:not(.Bl-compact) > li { margin-top: 1em; } +div.Bd-indent { margin-left: 4ch; } +table.Bl-column { width: 100%; } +table.foot { margin-top: 1em; } + +div#cgit a.permalink { color: inherit; } + +/* Mobile optimizations */ +@media (max-width: 768px) { + div#cgit { + max-width: 100%; + margin: 0; + padding: 0.5em; + font-size: 12pt; + background: #1a1a1a !important; + color: #e0e0e0 !important; + } + + /* Header optimization */ + div#cgit table#header { + width: 100%; + } + + div#cgit table#header td.logo { + width: auto; + display: block; + text-align: center; + padding-bottom: 0.5em; + } + + div#cgit table#header td.main { + font-size: 150%; + padding-left: 0; + text-align: center; + display: block; + } + + div#cgit table#header td.form { + text-align: center; + display: block; + padding: 0.5em 0; + } + + div#cgit table#header td.sub { + display: block; + text-align: center; + padding: 0.25em 0; + } + + /* Tabs optimization */ + div#cgit table.tabs { + display: flex; + flex-wrap: wrap; + gap: 0.5em; + border-bottom: solid 1px #555; + padding: 0.5em 0; + } + + div#cgit table.tabs tr { + display: flex; + flex-wrap: wrap; + gap: 0.5em; + width: 100%; + } + + div#cgit table.tabs td { + flex: 1; + min-width: 80px; + padding: 0.5em 0.75em; + border: 1px solid #555; + border-radius: 3px; + background: #2a2a2a; + text-align: center; + } + + div#cgit table.tabs td a { + font-size: 90%; + padding: 0.25em 0; + } + + /* Content optimization */ + div#cgit div.content { + padding: 1em 0.5em; + } + + /* List tables optimization */ + div#cgit table.list { + display: block; + overflow-x: auto; + white-space: nowrap; + -webkit-overflow-scrolling: touch; + } + + div#cgit table.list th, + div#cgit table.list td { + padding: 0.5em 0.25em; + font-size: 11pt; + min-width: 60px; + } + + /* Blob/code optimization */ + div#cgit table.blob { + display: block; + overflow-x: auto; + } + + div#cgit table.blob td.linenumbers { + position: sticky; + left: 0; + background: #1a1a1a; + z-index: 1; + border-right: 1px solid #555; + min-width: 3em; + } + + div#cgit table.blob pre { + font-size: 10pt; + line-height: 1.3; + overflow-x: auto; + } + + /* Summary optimization */ + div#cgit div#summary { + max-width: 100%; + } + + /* Touch-friendly elements */ + div#cgit a { + min-height: 44px; + display: inline-block; + padding: 0.5em; + color: #60a5fa !important; + line-height: 1.2; + } + + /* Better mobile spacing */ + div#cgit table.list th, + div#cgit table.list td { + padding: 0.5em 0.25em; + font-size: 11pt; + min-width: 60px; + } + + /* Mobile-friendly branch/tag buttons */ + div#cgit a.branch-deco, + div#cgit a.tag-deco, + div#cgit a.tag-annotated-deco, + div#cgit a.remote-deco, + div#cgit a.deco { + display: inline-block; + padding: 0.5em 0.75em; + margin: 0.25em; + border-radius: 4px; + font-size: 12pt; + min-height: 44px; + line-height: 1.2; + text-align: center; + } + + /* Better mobile navigation */ + div#cgit table.tabs { + position: sticky; + top: 0; + z-index: 10; + background: #1a1a1a; + } + + /* Mobile-friendly forms */ + div#cgit input, div#cgit select { + font-size: 16px; + padding: 0.5em; + background: #2a2a2a; + color: #e0e0e0; + border: 1px solid #555; + border-radius: 3px; + } + + /* Diff tables */ + div#cgit table.diff { + display: block; + overflow-x: auto; + } + + div#cgit table.ssdiff { + display: block; + overflow-x: auto; + } + + /* Stats tables */ + div#cgit table.stats { + display: block; + overflow-x: auto; + } + + /* Mandoc tables */ + table.head, table.foot { + display: block; + overflow-x: auto; + } + + td.head-rtitle, td.foot-os { + text-align: left; + display: block; + } +} + +@media (max-width: 480px) { + div#cgit { + font-size: 10pt; + padding: 0.25em; + background: #1a1a1a !important; + color: #e0e0e0 !important; + } + + div#cgit table#header td.main { + font-size: 120%; + } + + div#cgit table.tabs td { + padding: 0.5em 0.75em; + font-size: 90%; + background: #2a2a2a; + border: 1px solid #555; + } + + div#cgit table.list th, + div#cgit table.list td { + padding: 0.25em 0.5em; + font-size: 9pt; + min-width: 60px; + } + + div#cgit table.blob pre { + font-size: 9pt; + } + + div#cgit div.content { + padding: 0.5em 0.25em; + } + + /* Extra small screens - stack everything */ + div#cgit table#header td { + display: block; + text-align: center; + padding: 0.25em 0; + } + + div#cgit table.tabs { + display: flex; + flex-wrap: wrap; + gap: 0.25em; + } + + div#cgit table.tabs tr { + display: flex; + flex-wrap: wrap; + gap: 0.25em; + } + + div#cgit table.tabs td { + flex: 1; + min-width: 80px; + text-align: center; + } +} \ No newline at end of file |