diff options
Diffstat (limited to 'forged/static')
| -rw-r--r-- | forged/static/.gitignore | 2 | ||||
| -rw-r--r-- | forged/static/chroma.css | 152 | ||||
| -rw-r--r-- | forged/static/style.css | 613 |
3 files changed, 767 insertions, 0 deletions
diff --git a/forged/static/.gitignore b/forged/static/.gitignore new file mode 100644 index 0000000..812b75f --- /dev/null +++ b/forged/static/.gitignore @@ -0,0 +1,2 @@ +/index.html +# used for testing css without recompiling the server diff --git a/forged/static/chroma.css b/forged/static/chroma.css new file mode 100644 index 0000000..1f7219a --- /dev/null +++ b/forged/static/chroma.css @@ -0,0 +1,152 @@ +/* + * SPDX-License-Identifier: MIT AND BSD-2-Clause + * SPDX-FileCopyrightText: Copyright (c) 2018-2025 Pygments and Chroma authors + */ + +@media (prefers-color-scheme: light) { + /* Background */ .bg { ; } + /* PreWrapper */ .chroma { ; } + /* Error */ .chroma .err { } + /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } + /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } + /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } + /* LineHighlight */ .chroma .hl { background-color: #e5e5e5 } + /* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } + /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } + /* Line */ .chroma .line { display: flex; } + /* Keyword */ .chroma .k { color: #008000; font-weight: bold } + /* KeywordConstant */ .chroma .kc { color: #008000; font-weight: bold } + /* KeywordDeclaration */ .chroma .kd { color: #008000; font-weight: bold } + /* KeywordNamespace */ .chroma .kn { color: #008000; font-weight: bold } + /* KeywordPseudo */ .chroma .kp { color: #008000 } + /* KeywordReserved */ .chroma .kr { color: #008000; font-weight: bold } + /* KeywordType */ .chroma .kt { color: #b00040 } + /* NameAttribute */ .chroma .na { color: #7d9029 } + /* NameBuiltin */ .chroma .nb { color: #008000 } + /* NameClass */ .chroma .nc { color: #0000ff; font-weight: bold } + /* NameConstant */ .chroma .no { color: #880000 } + /* NameDecorator */ .chroma .nd { color: #aa22ff } + /* NameEntity */ .chroma .ni { color: #999999; font-weight: bold } + /* NameException */ .chroma .ne { color: #d2413a; font-weight: bold } + /* NameFunction */ .chroma .nf { color: #0000ff } + /* NameLabel */ .chroma .nl { color: #a0a000 } + /* NameNamespace */ .chroma .nn { color: #0000ff; font-weight: bold } + /* NameTag */ .chroma .nt { color: #008000; font-weight: bold } + /* NameVariable */ .chroma .nv { color: #19177c } + /* LiteralString */ .chroma .s { color: #ba2121 } + /* LiteralStringAffix */ .chroma .sa { color: #ba2121 } + /* LiteralStringBacktick */ .chroma .sb { color: #ba2121 } + /* LiteralStringChar */ .chroma .sc { color: #ba2121 } + /* LiteralStringDelimiter */ .chroma .dl { color: #ba2121 } + /* LiteralStringDoc */ .chroma .sd { color: #ba2121; font-style: italic } + /* LiteralStringDouble */ .chroma .s2 { color: #ba2121 } + /* LiteralStringEscape */ .chroma .se { color: #bb6622; font-weight: bold } + /* LiteralStringHeredoc */ .chroma .sh { color: #ba2121 } + /* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold } + /* LiteralStringOther */ .chroma .sx { color: #008000 } + /* LiteralStringRegex */ .chroma .sr { color: #bb6688 } + /* LiteralStringSingle */ .chroma .s1 { color: #ba2121 } + /* LiteralStringSymbol */ .chroma .ss { color: #19177c } + /* LiteralNumber */ .chroma .m { color: #666666 } + /* LiteralNumberBin */ .chroma .mb { color: #666666 } + /* LiteralNumberFloat */ .chroma .mf { color: #666666 } + /* LiteralNumberHex */ .chroma .mh { color: #666666 } + /* LiteralNumberInteger */ .chroma .mi { color: #666666 } + /* LiteralNumberIntegerLong */ .chroma .il { color: #666666 } + /* LiteralNumberOct */ .chroma .mo { color: #666666 } + /* Operator */ .chroma .o { color: #666666 } + /* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold } + /* Comment */ .chroma .c { color: #408080; font-style: italic } + /* CommentHashbang */ .chroma .ch { color: #408080; font-style: italic } + /* CommentMultiline */ .chroma .cm { color: #408080; font-style: italic } + /* CommentSingle */ .chroma .c1 { color: #408080; font-style: italic } + /* CommentSpecial */ .chroma .cs { color: #408080; font-style: italic } + /* CommentPreproc */ .chroma .cp { color: #bc7a00 } + /* CommentPreprocFile */ .chroma .cpf { color: #bc7a00 } + /* GenericDeleted */ .chroma .gd { color: #a00000 } + /* GenericEmph */ .chroma .ge { font-style: italic } + /* GenericError */ .chroma .gr { color: #ff0000 } + /* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold } + /* GenericInserted */ .chroma .gi { color: #00a000 } + /* GenericOutput */ .chroma .go { color: #888888 } + /* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold } + /* GenericStrong */ .chroma .gs { font-weight: bold } + /* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold } + /* GenericTraceback */ .chroma .gt { color: #0044dd } + /* GenericUnderline */ .chroma .gl { text-decoration: underline } + /* TextWhitespace */ .chroma .w { color: #bbbbbb } +} +@media (prefers-color-scheme: dark) { + /* Background */ .bg { color: #e6edf3; background-color: #000000; } + /* PreWrapper */ .chroma { color: #e6edf3; background-color: #000000; } + /* Error */ .chroma .err { color: #f85149 } + /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } + /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } + /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } + /* LineHighlight */ .chroma .hl { background-color: #6e7681 } + /* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #737679 } + /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 } + /* Line */ .chroma .line { display: flex; } + /* Keyword */ .chroma .k { color: #ff7b72 } + /* KeywordConstant */ .chroma .kc { color: #79c0ff } + /* KeywordDeclaration */ .chroma .kd { color: #ff7b72 } + /* KeywordNamespace */ .chroma .kn { color: #ff7b72 } + /* KeywordPseudo */ .chroma .kp { color: #79c0ff } + /* KeywordReserved */ .chroma .kr { color: #ff7b72 } + /* KeywordType */ .chroma .kt { color: #ff7b72 } + /* NameClass */ .chroma .nc { color: #f0883e; font-weight: bold } + /* NameConstant */ .chroma .no { color: #79c0ff; font-weight: bold } + /* NameDecorator */ .chroma .nd { color: #d2a8ff; font-weight: bold } + /* NameEntity */ .chroma .ni { color: #ffa657 } + /* NameException */ .chroma .ne { color: #f0883e; font-weight: bold } + /* NameFunction */ .chroma .nf { color: #d2a8ff; font-weight: bold } + /* NameLabel */ .chroma .nl { color: #79c0ff; font-weight: bold } + /* NameNamespace */ .chroma .nn { color: #ff7b72 } + /* NameProperty */ .chroma .py { color: #79c0ff } + /* NameTag */ .chroma .nt { color: #7ee787 } + /* NameVariable */ .chroma .nv { color: #79c0ff } + /* Literal */ .chroma .l { color: #a5d6ff } + /* LiteralDate */ .chroma .ld { color: #79c0ff } + /* LiteralString */ .chroma .s { color: #a5d6ff } + /* LiteralStringAffix */ .chroma .sa { color: #79c0ff } + /* LiteralStringBacktick */ .chroma .sb { color: #a5d6ff } + /* LiteralStringChar */ .chroma .sc { color: #a5d6ff } + /* LiteralStringDelimiter */ .chroma .dl { color: #79c0ff } + /* LiteralStringDoc */ .chroma .sd { color: #a5d6ff } + /* LiteralStringDouble */ .chroma .s2 { color: #a5d6ff } + /* LiteralStringEscape */ .chroma .se { color: #79c0ff } + /* LiteralStringHeredoc */ .chroma .sh { color: #79c0ff } + /* LiteralStringInterpol */ .chroma .si { color: #a5d6ff } + /* LiteralStringOther */ .chroma .sx { color: #a5d6ff } + /* LiteralStringRegex */ .chroma .sr { color: #79c0ff } + /* LiteralStringSingle */ .chroma .s1 { color: #a5d6ff } + /* LiteralStringSymbol */ .chroma .ss { color: #a5d6ff } + /* LiteralNumber */ .chroma .m { color: #a5d6ff } + /* LiteralNumberBin */ .chroma .mb { color: #a5d6ff } + /* LiteralNumberFloat */ .chroma .mf { color: #a5d6ff } + /* LiteralNumberHex */ .chroma .mh { color: #a5d6ff } + /* LiteralNumberInteger */ .chroma .mi { color: #a5d6ff } + /* LiteralNumberIntegerLong */ .chroma .il { color: #a5d6ff } + /* LiteralNumberOct */ .chroma .mo { color: #a5d6ff } + /* Operator */ .chroma .o { color: #ff7b72; font-weight: bold } + /* OperatorWord */ .chroma .ow { color: #ff7b72; font-weight: bold } + /* Comment */ .chroma .c { color: #8b949e; font-style: italic } + /* CommentHashbang */ .chroma .ch { color: #8b949e; font-style: italic } + /* CommentMultiline */ .chroma .cm { color: #8b949e; font-style: italic } + /* CommentSingle */ .chroma .c1 { color: #8b949e; font-style: italic } + /* CommentSpecial */ .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic } + /* CommentPreproc */ .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic } + /* CommentPreprocFile */ .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic } + /* GenericDeleted */ .chroma .gd { color: #ffa198; background-color: #490202 } + /* GenericEmph */ .chroma .ge { font-style: italic } + /* GenericError */ .chroma .gr { color: #ffa198 } + /* GenericHeading */ .chroma .gh { color: #79c0ff; font-weight: bold } + /* GenericInserted */ .chroma .gi { color: #56d364; background-color: #0f5323 } + /* GenericOutput */ .chroma .go { color: #8b949e } + /* GenericPrompt */ .chroma .gp { color: #8b949e } + /* GenericStrong */ .chroma .gs { font-weight: bold } + /* GenericSubheading */ .chroma .gu { color: #79c0ff } + /* GenericTraceback */ .chroma .gt { color: #ff7b72 } + /* GenericUnderline */ .chroma .gl { text-decoration: underline } + /* TextWhitespace */ .chroma .w { color: #6e7681 } +} diff --git a/forged/static/style.css b/forged/static/style.css new file mode 100644 index 0000000..b1e208f --- /dev/null +++ b/forged/static/style.css @@ -0,0 +1,613 @@ +/* + * SPDX-License-Identifier: AGPL-3.0-only + * SPDX-FileCopyrightText: Copyright (c) 2025 Runxi Yu <https://runxiyu.org> + * SPDX-FileCopyrightText: Copyright (c) 2025 luk3yx <https://luk3yx.github.io> + * SPDX-FileCopyrightText: Copyright (c) 2017-2025 Drew DeVault <https://drewdevault.com> + * + * Drew did not directly contribute here but we took significant portions of + * SourceHut's CSS. + */ + +* { + box-sizing: border-box; +} + +/* Base styles and variables */ +html { + font-family: sans-serif; + background-color: var(--background-color); + color: var(--text-color); + font-size: 1rem; + --background-color: hsl(0, 0%, 100%); + --text-color: hsl(0, 0%, 0%); + --link-color: hsl(320, 50%, 36%); + --light-text-color: hsl(0, 0%, 45%); + --darker-border-color: hsl(0, 0%, 72%); + --lighter-border-color: hsl(0, 0%, 85%); + --text-decoration-color: hsl(0, 0%, 72%); + --darker-box-background-color: hsl(0, 0%, 92%); + --lighter-box-background-color: hsl(0, 0%, 95%); + --primary-color: hsl(320, 50%, 36%); + --primary-color-contrast: hsl(320, 0%, 100%); + --danger-color: #ff0000; + --danger-color-contrast: #ffffff; +} + +/* Dark mode overrides */ +@media (prefers-color-scheme: dark) { + html { + --background-color: hsl(0, 0%, 0%); + --text-color: hsl(0, 0%, 100%); + --link-color: hsl(320, 50%, 76%); + --light-text-color: hsl(0, 0%, 78%); + --darker-border-color: hsl(0, 0%, 35%); + --lighter-border-color: hsl(0, 0%, 25%); + --text-decoration-color: hsl(0, 0%, 30%); + --darker-box-background-color: hsl(0, 0%, 20%); + --lighter-box-background-color: hsl(0, 0%, 15%); + } +} + +/* Global layout */ +body { + margin: 0; +} +html, code, pre { + font-size: 0.96rem; /* TODO: Not always correct */ +} + +/* Toggle table controls */ +.toggle-table-off, .toggle-table-on { + opacity: 0; + position: absolute; +} +.toggle-table-off:focus-visible + table > thead > tr > th > label, +.toggle-table-on:focus-visible + table > thead > tr > th > label { + outline: 1.5px var(--primary-color) solid; +} +.toggle-table-off + table > thead > tr > th, .toggle-table-on + table > thead > tr > th { + padding: 0; +} +.toggle-table-off + table > thead > tr > th > label, .toggle-table-on + table > thead > tr > th > label { + width: 100%; + display: inline-block; + padding: 3px 0; + cursor: pointer; +} +.toggle-table-off:checked + table > tbody { + display: none; +} +.toggle-table-on + table > tbody { + display: none; +} +.toggle-table-on:checked + table > tbody { + display: table-row-group; +} + +/* Footer styles */ +footer { + margin-top: 1rem; + margin-left: auto; + margin-right: auto; + margin-bottom: 1rem; + display: block; + padding: 0 5px; + width: fit-content; + text-align: center; + color: var(--light-text-color); +} +footer a:link, footer a:visited { + color: inherit; +} + +.padding { + padding: 0 1rem; +} + +/* Link styles */ +a:link, a:visited { + text-decoration-color: var(--text-decoration-color); + color: var(--link-color); +} + +/* Readme inline code styling */ +#readme code:not(pre > code) { + background-color: var(--lighter-box-background-color); + border-radius: 2px; + padding: 2px; +} + +/* Readme word breaks to avoid overfull hboxes */ +#readme { + word-break: break-word; + line-height: 1.3; +} + +/* Table styles */ +table { + border: var(--lighter-border-color) solid 1px; + border-spacing: 0px; + border-collapse: collapse; +} +table.wide { + width: 100%; +} +td, th { + padding: 3px 5px; + border: var(--lighter-border-color) solid 1px; +} +.pad { + padding: 3px 5px; +} +th, thead, tfoot { + background-color: var(--lighter-box-background-color); +} +th[scope=row] { + text-align: left; +} +th { + font-weight: normal; +} +tr.title-row > th, th.title-row, .title-row { + background-color: var(--lighter-box-background-color); + font-weight: bold; +} +td > pre { + margin: 0; +} +#readme > *:last-child { + margin-bottom: 0; +} +#readme > *:first-child { + margin-top: 0; +} + +/* Table misc and scrolling */ +.commit-id { + font-family: monospace; + word-break: break-word; +} +.scroll { + overflow-x: auto; +} + +/* Diff/chunk styles */ +.chunk-unchanged { + color: grey; +} +.chunk-addition { + color: green; +} +@media (prefers-color-scheme: dark) { + .chunk-addition { + color: lime; + } +} +.chunk-deletion { + color: red; +} +.chunk-unknown { + color: yellow; +} +pre.chunk { + margin-top: 0; + margin-bottom: 0; +} +.centering { + text-align: center; +} + +/* Toggle content sections */ +.toggle-off-wrapper, .toggle-on-wrapper { + border: var(--lighter-border-color) solid 1px; +} +.toggle-off-toggle, .toggle-on-toggle { + opacity: 0; + position: absolute; +} +.toggle-off-header, .toggle-on-header { + font-weight: bold; + cursor: pointer; + display: block; + width: 100%; + background-color: var(--lighter-box-background-color); +} +.toggle-off-header > div, .toggle-on-header > div { + padding: 3px 5px; + display: block; +} +.toggle-on-content { + display: none; +} +.toggle-on-toggle:focus-visible + .toggle-on-header, .toggle-off-toggle:focus-visible + .toggle-off-header { + outline: 1.5px var(--primary-color) solid; +} +.toggle-on-toggle:checked + .toggle-on-header + .toggle-on-content { + display: block; +} +.toggle-off-content { + display: block; +} +.toggle-off-toggle:checked + .toggle-off-header + .toggle-off-content { + display: none; +} + +*:focus-visible { + outline: 1.5px var(--primary-color) solid; +} + +/* File display styles */ +.file-patch + .file-patch { + margin-top: 0.5rem; +} +.file-content { + padding: 3px 5px; +} +.file-header { + font-family: monospace; + display: flex; + flex-direction: row; + align-items: center; +} +.file-header::after { + content: "\25b6"; + font-family: sans-serif; + margin-left: auto; + line-height: 100%; + margin-right: 0.25em; +} +.file-toggle:checked + .file-header::after { + content: "\25bc"; +} + +/* Form elements */ +textarea { + box-sizing: border-box; + background-color: var(--lighter-box-background-color); + resize: vertical; +} +textarea, +input[type=text], +input[type=password] { + font-family: sans-serif; + background-color: var(--lighter-box-background-color); + color: var(--text-color); + border: none; + padding: 0.3rem; + width: 100%; + box-sizing: border-box; +} +td.tdinput, th.tdinput { + padding: 0; + position: relative; +} +td.tdinput textarea, +td.tdinput input[type=text], +td.tdinput input[type=password], +th.tdinput textarea, +th.tdinput input[type=text], +th.tdinput input[type=password] { + background-color: transparent; +} +td.tdinput select { + position: absolute; + background-color: var(--background-color); + border: none; + /* + width: 100%; + height: 100%; + */ + box-sizing: border-box; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +select:active { + outline: 1.5px var(--primary-color) solid; +} + + +/* Button styles */ +.btn-primary, a.btn-primary { + background: var(--primary-color); + color: var(--primary-color-contrast); + border: var(--lighter-border-color) 1px solid; + font-weight: bold; +} +.btn-danger, a.btn-danger { + background: var(--danger-color); + color: var(--danger-color-contrast); + border: var(--lighter-border-color) 1px solid; + font-weight: bold; +} +.btn-white, a.btn-white { + background: var(--primary-color-contrast); + color: var(--primary-color); + border: var(--lighter-border-color) 1px solid; +} +.btn-normal, a.btn-normal, +input[type=file]::file-selector-button { + background: var(--lighter-box-background-color); + border: var(--lighter-border-color) 1px solid !important; + color: var(--text-color); +} +.btn, .btn-white, .btn-danger, .btn-normal, .btn-primary, +input[type=submit], +input[type=file]::file-selector-button { + display: inline-block; + width: auto; + min-width: fit-content; + padding: .1rem .75rem; + transition: background .1s linear; + cursor: pointer; +} +a.btn, a.btn-white, a.btn-danger, a.btn-normal, a.btn-primary { + text-decoration: none; +} + +/* Header layout */ +header#main-header { + /* background-color: var(--lighter-box-background-color); */ + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + padding-top: 1rem; + padding-bottom: 1rem; + gap: 0.5rem; +} +#main-header a, #main-header a:link, main-header a:visited { + text-decoration: none; + color: inherit; +} +#main-header-forge-title { + white-space: nowrap; +} +#breadcrumb-nav { + display: flex; + align-items: center; + flex: 1 1 auto; + min-width: 0; + overflow-x: auto; + gap: 0.25rem; + white-space: nowrap; +} +.breadcrumb-separator { + margin: 0 0.25rem; +} +#main-header-user { + display: flex; + align-items: center; + white-space: nowrap; +} +@media (max-width: 37.5rem) { + header#main-header { + flex-direction: column; + align-items: flex-start; + } + + #breadcrumb-nav { + width: 100%; + overflow-x: auto; + } +} + +/* Uncategorized */ +table + table { + margin-top: 1rem; +} + +td > ul { + padding-left: 1.5rem; + margin-top: 0; + margin-bottom: 0; +} + + + +.complete-error-page hr { + border: 0; + border-bottom: 1px dashed; +} + + + + + + +.key-val-grid { + display: grid; + grid-template-columns: auto 1fr; + gap: 0; + border: var(--lighter-border-color) 1px solid; + overflow: auto; +} + +.key-val-grid > .title-row { + grid-column: 1 / -1; + background-color: var(--lighter-box-background-color); + font-weight: bold; + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; +} + +.key-val-grid > .row-label { + background-color: var(--lighter-box-background-color); + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; + border-right: var(--lighter-border-color) 1px solid; + text-align: left; + font-weight: normal; +} + +.key-val-grid > .row-value { + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; + word-break: break-word; +} + +.key-val-grid code { + font-family: monospace; +} + +.key-val-grid ul { + margin: 0; + padding-left: 1.5rem; +} + +.key-val-grid > .row-label:nth-last-of-type(2), +.key-val-grid > .row-value:last-of-type { + border-bottom: none; +} + +@media (max-width: 37.5rem) { + .key-val-grid { + grid-template-columns: 1fr; + } + + .key-val-grid > .row-label { + border-right: none; + } +} +.key-val-grid > .title-row { + grid-column: 1 / -1; + background-color: var(--lighter-box-background-color); + font-weight: bold; + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; + margin: 0; + text-align: center; +} + +.key-val-grid-wrapper { + max-width: 100%; + width: fit-content; +} + +/* Tab navigation */ + +.nav-tabs-standalone { + border: none; + list-style: none; + margin: 0; + flex-grow: 1; + display: inline-flex; + flex-wrap: nowrap; + padding: 0; + border-bottom: 0.25rem var(--darker-box-background-color) solid; + width: 100%; + max-width: 100%; + min-width: 100%; +} + +.nav-tabs-standalone > li { + align-self: flex-end; +} +.nav-tabs-standalone > li > a { + padding: 0 1rem; +} + +.nav-item a.active { + background-color: var(--darker-box-background-color); +} + +.nav-item a, .nav-item a:link, .nav-item a:visited { + text-decoration: none; + color: inherit; +} + +.repo-header-extension { + margin-bottom: 1rem; + background-color: var(--darker-box-background-color); +} + +.repo-header > h2 { + display: inline; + margin: 0; + padding-right: 1rem; +} + +.repo-header > .nav-tabs-standalone { + border: none; + margin: 0; + flex-grow: 1; + display: inline-flex; + flex-wrap: nowrap; + padding: 0; +} + +.repo-header { + display: flex; + flex-wrap: nowrap; +} + +.repo-header-extension-content { + padding-top: 0.3rem; + padding-bottom: 0.2rem; +} + +.repo-header, .padding-wrapper, .repo-header-extension-content, #main-header, .readingwidth, .commit-list-small { + padding-left: 1rem; + padding-right: 1rem; + max-width: 60rem; + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.padding-wrapper { + margin-bottom: 1rem; +} + +/* TODO */ + +.commit-list-small .event { + background-color: var(--lighter-box-background-color); + padding: 0.5rem; + margin-bottom: 1rem; + max-width: 30rem; +} + +.commit-list-small .event:last-child { + margin-bottom: 1rem; +} + +.commit-list-small a { + color: var(--link-color); + text-decoration: none; + font-weight: 500; +} + +.commit-list-small a:hover { + text-decoration: underline; + text-decoration-color: var(--text-decoration-color); +} + +.commit-list-small .event > div { + font-size: 0.95rem; + line-height: 1.4; +} + +.commit-list-small .pull-right { + float: right; + font-size: 0.85em; + color: var(--light-text-color); + margin-left: 1rem; +} + +.commit-list-small pre.commit { + margin: 0.25rem 0 0 0; + padding: 0; + font-family: inherit; + font-size: 0.95rem; + color: var(--text-color); + white-space: pre-wrap; +} + +.commit-list-small .commit-error { + color: var(--danger-color); + font-weight: bold; + margin-top: 1rem; +} |