Browse Source

Updated to follow the terminimal theme

master
Julio Biason 5 years ago
parent
commit
8b5fc93136
  1. 158
      cgit.css

158
cgit.css

@ -1,28 +1,66 @@
/*!
* Hack typeface https://github.com/source-foundry/Hack
* License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
*/@font-face {
font-family:'Hack';
src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),
url("fonts/hack-regular.woff?sha=3114f1256") format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Hack';
src:url("fonts/hack-bold.woff2?sha=3114f1256") format("woff2"),
url("fonts/hack-bold.woff?sha=3114f1256") format("woff");
font-weight:700;
font-style:normal
}
@font-face {
font-family:'Hack';
src:url("fonts/hack-italic.woff2?sha=3114f1256") format("woff2"),
url("fonts/hack-italic.woff?sha=3114f1256") format("woff");
font-weight:400;
font-style:italic
}
@font-face {
font-family:'Hack';
src:url("fonts/hack-bolditalic.woff2?sha=3114f1256") format("woff2"),
url("fonts/hack-bolditalic.woff?sha=3114f1256") format("woff");
font-weight:700;
font-style:italic
}
:root {
--accent: rgb(35,176,255);
--accent-alpha-70: rgba(35,176,255,.7);
--accent-alpha-20: rgba(35,176,255,.2);
--background: #1D212C;
--color: white;
--color-on-accent: black;
--border-color: rgba(255, 255, 255, .1)
}
body { body {
background-color: #22222b; background-color: var(--background);
font-size: 1rem; font-size: 1rem;
font-style: normal; font-style: normal;
} }
div#cgit { div#cgit {
padding: 0em; padding: 0em;
margin: 0em; margin: 0em;
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; font-family:Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
/* font-size: 10pt; */ color: var(--color);
color: #ccc; background: var(--background);
background: #22222b;
padding: 4px; padding: 4px;
} }
div#cgit a { div#cgit a {
color: blue; color: var(--accent);
text-decoration: none; text-decoration: none;
} }
div#cgit a:hover {
text-decoration: underline;
}
div#cgit table { div#cgit table {
border-collapse: collapse; border-collapse: collapse;
} }
@ -44,7 +82,7 @@ div#cgit table#header td.main {
} }
div#cgit table#header td.main a { div#cgit table#header td.main a {
color: #ccc; color: var(--color);
} }
div#cgit table#header td.form { div#cgit table#header td.form {
@ -62,13 +100,13 @@ div#cgit table#header td.form select {
} }
div#cgit table#header td.sub { div#cgit table#header td.sub {
color: #777; color: var(--accent-alpha-70);
border-top: solid 1px #ccc; border-top: solid 1px var(--border-color);
padding-left: 10px; padding-left: 10px;
} }
div#cgit table.tabs { div#cgit table.tabs {
border-bottom: solid 3px #ccc; border-bottom: solid 3px var(--border-color);
border-collapse: collapse; border-collapse: collapse;
margin-top: 2em; margin-top: 2em;
margin-bottom: 0px; margin-bottom: 0px;
@ -84,12 +122,13 @@ div#cgit table.tabs td a {
padding: 0px 0.75em; padding: 0px 0.75em;
color: #ccc; color: #ccc;
font-size: 110%; font-size: 110%;
text-decoration: none;
} }
div#cgit table.tabs td a.active { div#cgit table.tabs td a.active {
color: #ccc; color: #ccc;
background-color: #22222b; background-color: #22222b;
border-bottom: 3px solid #ff2e88; border-bottom: 3px solid var(--accent);
} }
div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after {
@ -141,45 +180,12 @@ div#cgit table.list tr.logheader {
background: #eee; background: #eee;
} }
/*
div#cgit table.list tr:nth-child(even) {
background: #f7f7f7;
}
div#cgit table.list tr:nth-child(odd) {
background: white;
}
*/
div#cgit table.list tr:hover { div#cgit table.list tr:hover {
background: #ff2e88; background: var(--accent-alpha-70);
color: #ccc;
} }
div#cgit table.list tr.nohover {
background: #22222c;
}
div#cgit table.list tr.nohover:hover {
background: #22222c;
}
/*
div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
background: #f7f7f7;
}
div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
background: white;
}
*/
div#cgit table.list th { div#cgit table.list th {
font-weight: bold; font-weight: bold;
/* color: #888;
border-top: dashed 1px #888;
border-bottom: dashed 1px #888;
*/
padding: 0.1em 0.5em 0.05em 0.5em; padding: 0.1em 0.5em 0.05em 0.5em;
vertical-align: baseline; vertical-align: baseline;
} }
@ -190,7 +196,6 @@ div#cgit table.list td {
} }
div#cgit table.list td.commitgraph { div#cgit table.list td.commitgraph {
/* font-family: monospace; */
white-space: pre; white-space: pre;
} }
@ -219,12 +224,10 @@ div#cgit table.list td.commitgraph .column6 {
} }
div#cgit table.list td.logsubject { div#cgit table.list td.logsubject {
/* font-family: monospace; */
font-weight: bold; font-weight: bold;
} }
div#cgit table.list td.logmsg { div#cgit table.list td.logmsg {
/* font-family: monospace; */
white-space: pre; white-space: pre;
padding: 0 0.5em; padding: 0 0.5em;
} }
@ -238,12 +241,6 @@ div#cgit table.list td a.ls-dir {
color: #00f; color: #00f;
} }
/*
div#cgit table.list td a:hover {
color: #00f;
}
*/
div#cgit img { div#cgit img {
border: none; border: none;
} }
@ -294,20 +291,12 @@ div#cgit div.error {
margin: 1em 2em; 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 { div#cgit td.ls-size {
text-align: right; text-align: right;
/* font-family: monospace; */
width: 10em; width: 10em;
} }
div#cgit td.ls-mode { div#cgit td.ls-mode {
/* font-family: monospace; */
width: 10em; width: 10em;
} }
@ -351,14 +340,12 @@ div#cgit table.bin-blob {
} }
div#cgit table.bin-blob th { div#cgit table.bin-blob th {
/* font-family: monospace; */
white-space: pre; white-space: pre;
border: solid 1px #777; border: solid 1px #777;
padding: 0.5em 1em; padding: 0.5em 1em;
} }
div#cgit table.bin-blob td { div#cgit table.bin-blob td {
/* font-family: monospace; */
white-space: pre; white-space: pre;
border-left: solid 1px #777; border-left: solid 1px #777;
padding: 0em 1em; padding: 0em 1em;
@ -421,7 +408,6 @@ div#cgit div.commit-subject {
div#cgit div.commit-msg { div#cgit div.commit-msg {
white-space: pre; white-space: pre;
/* font-family: monospace; */
} }
div#cgit div.notes-header { div#cgit div.notes-header {
@ -431,7 +417,6 @@ div#cgit div.notes-header {
div#cgit div.notes { div#cgit div.notes {
white-space: pre; white-space: pre;
/* font-family: monospace; */
border: solid 1px #ee9; border: solid 1px #ee9;
background-color: #ffd; background-color: #ffd;
padding: 0.3em 2em 0.3em 1em; padding: 0.3em 2em 0.3em 1em;
@ -449,8 +434,8 @@ div#cgit div.diffstat-header {
div#cgit table.diffstat { div#cgit table.diffstat {
border-collapse: collapse; border-collapse: collapse;
border: solid 1px #aaa; border: solid 1px var(--border-color);
background-color: #eee; background-color: var(--background);
} }
div#cgit table.diffstat th { div#cgit table.diffstat th {
@ -521,14 +506,13 @@ div#cgit table.diff {
} }
div#cgit table.diff td { div#cgit table.diff td {
/* font-family: monospace; */
white-space: pre; white-space: pre;
} }
div#cgit table.diff td div.head { div#cgit table.diff td div.head {
font-weight: bold; font-weight: bold;
margin-top: 1em; margin-top: 1em;
color: black; color: var(--accent-alpha-70);
} }
div#cgit table.diff td div.hunk { div#cgit table.diff td div.hunk {
@ -544,7 +528,6 @@ div#cgit table.diff td div.del {
} }
div#cgit .sha1 { div#cgit .sha1 {
/* font-family: monospace; */
font-size: 90%; font-size: 90%;
} }
@ -652,35 +635,35 @@ div#cgit div.footer a:hover {
} }
div#cgit a.branch-deco { div#cgit a.branch-deco {
color: #000; color: var(--color);
margin: 0px 0.5em; margin: 0px 0.5em;
padding: 0px 0.25em; padding: 0px 0.25em;
background-color: #88ff88; border: solid 1px var(--border-color);
border: solid 1px #007700; opacity: 0.5;
} }
div#cgit a.tag-deco { div#cgit a.tag-deco {
color: #000; color: var(--color);
margin: 0px 0.5em; margin: 0px 0.5em;
padding: 0px 0.25em; padding: 0px 0.25em;
background-color: #ffff88; border: solid 1px var(--border-color);
border: solid 1px #777700; opacity: 0.5;
} }
div#cgit a.remote-deco { div#cgit a.remote-deco {
color: #000; color: var(--color);
margin: 0px 0.5em; margin: 0px 0.5em;
padding: 0px 0.25em; padding: 0px 0.25em;
background-color: #ccccff; border: solid 1px var(--border-color);
border: solid 1px #000077; opacity: 0.5;
} }
div#cgit a.deco { div#cgit a.deco {
color: #000; color: var(--color);
margin: 0px 0.5em; margin: 0px 0.5em;
padding: 0px 0.25em; padding: 0px 0.25em;
background-color: #ff8888; border: solid 1px var(--border-color);
border: solid 1px #770000; opacity: 0.5;
} }
div#cgit div.commit-subject a.branch-deco, div#cgit div.commit-subject a.branch-deco,
@ -774,7 +757,6 @@ div#cgit table.ssdiff {
div#cgit table.ssdiff td { div#cgit table.ssdiff td {
font-size: 75%; font-size: 75%;
/* font-family: monospace; */
white-space: pre; white-space: pre;
padding: 1px 4px 1px 4px; padding: 1px 4px 1px 4px;
border-left: solid 1px #aaa; border-left: solid 1px #aaa;

Loading…
Cancel
Save