summary history branches tags files
templates/default_dark/style.css
:root {
    --greyblue: #dee2ea;
    --greyblue: #345886;
    --greypink: #e0deea;
    --greypink: #c0d2dd;
    --greypink: #555;
    --offwhite: #424242;
    --offerwhite: #666;
    --deepred: #d9ac7d;
    --deepblue: #f0e0bb;
    --nearwhite: #404040;
    --nearblack: #f0f0f0;
    --borderverylight: #ddd;
    --borderlight: #515151;
    --borderdark: #888;
}
body {
    height: 100%;
    margin: 0;
    min-height: 100%;
    font-family: monospace,monospace;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
    background-color: var(--nearwhite);
    color: var(--nearblack);
}
div {
    color: var(--nearblack);
}
div.banner {
    width: 95%;
    max-width: 100rem;
    color: var(--offwhite);
    background-color: var(--greyblue);
    border-radius: 0 0 30px 30px;
    font-family: sans-serif;
    text-align: center;
    margin: 0 auto 0 auto;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}
div.breadcrumbs {
    background-color: var(--greypink);
    font-weight: bold;
    padding: 0.5em;
    border-radius: 10px 10px 0 0;
}
div.breadcrumbs a {
    color: var(--nearblack);
    text-decoration: none;
}
div.breadcrumbs span.site-title {
    font-size: 1rem;
}
div.breadcrumbs span.repo-name {
    font-size: 1.5rem;
}
div.site-title {
    letter-spacing: .1em;
    font-size: 2.5rem;
    font-weight: bold;
}
div.site-description {
    min-height: 1.5em;
}
a {
    word-wrap: break-word;
    background-color: transparent;
    color: var(--deepblue);
    transition: opacity .1s;
}
a:hover {
    opacity: 0.5;
}
a.disabled {
    pointer-events: none;
    color: var(--nearblack);
}
div.main {
    width: 95%;
    max-width: 100rem;
    margin: 0 auto 0 auto;
}
div.content {
    padding: 1em 0 1em 0;
}
table {
    width: 100%;
}
table.tabs {
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    background-color: var(--offwhite);
    border-radius: 0 0 3px 3px;
    border-bottom: solid 3px var(--borderlight);
    border-spacing: 0;
}
table.tabs td.tab {
    text-align: center;
    min-width: 8em;
    border-right: solid 1px var(--borderdark);
}
table.tabs td.padding {
    width: 100%;
}
table.tabs a {
    color: var(--deepred);
    text-decoration: none;
    letter-spacing: .1em;
    font-weight: bold;
}
table.tabs td.selected {
    background-color: var(--greyblue);
    background-color: #ede5de;
    background-color: var(--greypink);
}
table.summary-table, table.repo-list {
    width: 100%;
    max-width: 100%;
    background-color: var(--offwhite);
    border-radius: 8px;
}
table.summary-table th, table.repo-list th {
    text-align: left;
    padding-left: 0.3em;
}
table.summary-table tr:nth-child(even), table.repo-list tr:nth-child(even) {
    background-color: var(--offerwhite);
}
table.repo-list td {
    padding: 0.3em 0.3em 0.3em 0.3em;
}
table.summary-table td, table.repo-list td {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.3em;
}
table.repo-list col.repo {
    width: 12rem;
}
table.repo-list td.description {
    max-width: 40em;
}
table.repo-list col.description {
    width: 30rem;
}
table.repo-list col.website {
    width: 7em;
    max-width: 7em;
}
table.repo-list col.updated {
    width: 10em;
    max-width: 10em;
}
table.summary-table col.oid {
    width: 7em;
    max-width: 7em;
}
table.summary-table col.date {
    width: 9em;
    max-width: 9em;
}
table.summary-table col.diff {
    width: 9em;
    max-width: 9em;
}
table.summary-table col.msg {
    width: 30rem;
}
table.summary-table col.refs {
    width: 25rem;
}
table.summary-table col.branch {
    width: 30em;
}
table.summary-table col.tag {
    width: 30em;
}
table.summary-table col.type {
    width: 7em;
    max-width: 7em;
}
table.summary-table col.mode {
    width: 7em;
    max-width: 7em;
}
table.summary-table col.size {
    width: 7em;
    max-width: 7em;
}
table.summary-table td.msg {
    max-width: 10em;
}
table.summary-table td.refs {
    font-size: 0.8rem;
}
table.summary-table span.ref {
    color: var(--nearblack);
    background-color: var(--greyblue);
    border-radius: 10px;
    margin-right: 1em;
    padding: 0 0.5em 0 0.5em;
}
table.summary-table td.sans {
    font-family: sans-serif;
}
div.summary-header {
    color: var(--nearblack);
    letter-spacing: 0.05em;
    background-color: var(--greyblue);
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2rem;
    border-bottom: solid 1px var(--borderdark);
    border-radius: 10px 10px 0 0;
}
div.full-header {
    color: var(--nearblack);
    letter-spacing: 0.05em;
    background-color: var(--greyblue);
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0rem;
    border-bottom: solid 1px var(--borderdark);
    border-radius: 10px 10px 0 0;
}
div.nocap-header {
    color: var(--nearblack);
    letter-spacing: 0.05em;
    background-color: var(--greyblue);
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0rem;
    border-bottom: solid 1px var(--borderdark);
    border-radius: 10px 10px 0 0;
}
hr {
    border-color: var(--borderverylight);
}
div.footer {
    margin-top: 1em;
    padding-bottom: 2em;
    text-align: center;
    font-size: 0.9rem;
}
nav.paginate {
    text-align: center;
    margin-top: 2em;
}
nav.paginate span.paginate {
    margin: 0 5em 0 5em;
}
nav.paginate a.disabled {
    text-decoration: none;
    color: var(--borderlight);
}
div.file-contents {
    background-color: var(--offwhite);
    font-size: 1rem;
    overflow: visible;
    padding: 0 0.5em 0 0.5em;
}
div.commit-page, div.branch-page, div.tag-page {
    background-color: var(--offwhite);
    font-size: 1rem;
    overflow: visible;
}
table.commit-header, table.branch-header, table.tag-header {
    width: 100%;
    background-color: var(--offerwhite);
    background-color: var(--greypink);
    border-radius: 10px 10px 0 0;
    padding: 0.5em;
    border-bottom: solid 2px var(--borderlight);
}
table.commit-header td.field, table.branch-header td.field, table.tag-header td.field {
    width: 10em;
    font-weight: bold;
}
div.commit-message {
    padding: 1em 0.5em 2em 0.5em;
    border-bottom: solid 2px var(--borderlight);
}
div.branch-message, div.tag-message {
    padding: 1em 0.5em 2em 0.5em;
}
div.commit-diff {
    padding: 0.5em;
}
div.commit-diff-header {
    font-weight: bold;
}
div.commit span.hunk-header {
    font-weight: bold;
}
div.commit-diff-header pre, div.branch-page pre, div.tag-page pre {
    padding: 0;
    margin: 0;
}
div.commit-page span.add {
    color: #00aa00;
}
div.commit-page span.del {
    color: #bb0000;
}
@media screen and (max-width:50em) {
    body, table, div {
        font-size: 0.8rem;
    }
    div.footer {
        font-size: 0.7rem;
    }
    col.nosmall, td.nosmall, th.nosmall {
        display: none;
        visibility: hidden;
    }
    table.tabs td.tab {
        min-width: 0em;
        padding: 0 0.3em 0 0.3em;
    }
    div.file-contents {
        font-size: 0.7rem;
    }
    div.breadcrumbs span.site-title {
        font-size: 0.7rem;
    }
    div.breadcrumbs span.repo-name {
        font-size: 0.9rem;
    }
}
table.links {
    width: 100%;
}
table.links td.field {
    font-weight: bold;
    width: 10rem;
}
table.links td.value {
    text-align: left;
}
div.file-contents pre {
    background-color: var(--offwhite);
    padding: 0.2em 0.5em 0.2em 0.5em;
}
div.file-contents table {
    border-collapse: true;
    font-size: 1rem;
}
div.file-contents table th {
    border-bottom: 1px solid;
}
div.file-contents table td {
    padding: 0.2em 0.5em 0.2em 0.5em;
}