aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKylie McClain <kylie@somas.is>2020-07-16 07:31:21 -0400
committerKylie McClain <kylie@somas.is>2020-07-16 07:31:21 -0400
commitbd0c8061c1413ffb39e9494863f21ab3ebb67bc7 (patch)
tree3bb687dde5a0d5aa09d116afd3585c174e1f3f54
parent58c2eceff9422163654d1aa8d807ba68bd1937eb (diff)
downloadgitolite-admin-bd0c8061c1413ffb39e9494863f21ab3ebb67bc7.tar.gz
gitolite-admin-bd0c8061c1413ffb39e9494863f21ab3ebb67bc7.tar.xz
gitolite-admin-bd0c8061c1413ffb39e9494863f21ab3ebb67bc7.zip
cgit: use variables and main css as base
-rw-r--r--cgit/root/cgit.css60
1 files changed, 23 insertions, 37 deletions
diff --git a/cgit/root/cgit.css b/cgit/root/cgit.css
index dadedca..5136110 100644
--- a/cgit/root/cgit.css
+++ b/cgit/root/cgit.css
@@ -1,26 +1,23 @@
+@import url(//mutiny.red/style.css);
+
html {
- margin: 0 auto;
max-width: 1600px;
}
body {
- font-size: 14px;
- line-height: 1.5;
- background: #eee;
- color: #000;
font-family: monospace;
- margin: 0;
- padding: 16px;
+ padding: 1rem;
}
div#cgit {
padding: 0em;
margin: 0em;
- font-size: 13px;
+ font-size: .75rem;
+ color: var(--color-inverse-fg);
}
div#cgit a {
- color: #ff336d;
+ color: var(--color-red);
text-decoration: none;
outline: none;
}
@@ -47,7 +44,7 @@ div#cgit table#header td.main {
}
div#cgit table#header td.main a {
- color: #000;
+ color: var(--color-fg);
}
div#cgit table#header td.form {
@@ -61,7 +58,7 @@ div#cgit table#header td.sub {
}
div#cgit table.tabs {
- border-bottom: 4px solid #ff336d;
+ border-bottom: 4px solid var(--color-red);
border-collapse: collapse;
margin-bottom: 0px;
width: 100%;
@@ -76,19 +73,17 @@ div#cgit table.tabs td {
div#cgit table.tabs td a {
padding: 2px 16px;
font-size: 16px;
- color: #000000;
+ color: var(--color-fg);
outline: none;
}
div#cgit table.tabs td a:hover {
background-color: #ff366f78;
- color: #000;
}
div#cgit table.tabs td a:active,
div#cgit table.tabs td a.active {
- color: #fff;
- background-color: #ff336d;
+ background-color: var(--color-red);
}
div#cgit table.tabs td.form {
@@ -104,8 +99,8 @@ div#cgit div.path {
}
div#cgit > div.content {
- border-bottom: 4px dashed #b3b3b3;
- background-color: #fff;
+ border-bottom: 4px dashed var(--color-border);
+ background-color: var(--color-inverse-bg);
padding: 16px;
}
@@ -116,16 +111,12 @@ div#cgit table.list {
margin-bottom: 8px;
}
-div#cgit table.list tr {
- background: white;
-}
-
div#cgit table.list tr.logheader {
background: #eee;
}
div#cgit table.list tr:nth-child(odd) {
- background: white;
+ background: #fff;
}
div#cgit table.list tr:hover {
@@ -244,7 +235,7 @@ div#cgit div#summary h5 a {
div#cgit div#summary pre {
background: #2f343f;
color: #fff;
- border: 4px solid #ff336d;
+ border: 4px solid var(--color-red);
padding: 16px;
border-left: 0px;
border-right: 0px;
@@ -405,10 +396,6 @@ div#cgit div.cgit-panel th {
text-align: center;
}
-div#cgit div.cgit-panel td {
- /*! padding: 0.25em 0.5em; */
-}
-
div#cgit table.commit-info th {
text-align: left;
font-weight: bold;
@@ -448,8 +435,8 @@ div#cgit div.notes-footer {
}
div#cgit div.cgit-panel form {
- border-top: 2px dashed #b3b3b3;
- border-bottom: 2px solid #b3b3b3;
+ border-top: 2px dashed var(--color-border);
+ border-bottom: 2px solid var(--color-border);
background: #eee;
}
@@ -564,7 +551,7 @@ div#cgit .right {
div#cgit table.list td.reposection {
font-style: italic;
- border-bottom: 2px solid #b3b3b3;
+ border-bottom: 2px solid var(--color-border);
}
div#cgit a.button {
@@ -665,8 +652,8 @@ div#cgit span.deletions {
div#cgit div.footer {
font-style: italic;
- /*! opacity: .3; */
text-align: right;
+ color: var(--color-fg);
}
div#cgit div.footer:hover {
@@ -911,7 +898,7 @@ a:visited {
}
blockquote {
- border-left: 2px solid rgba(0, 0, 0, .25);
+ border-left: 2px solid var(--color-inverse-border);
margin: 16px 32px;
padding-left: 16px;
}
@@ -925,12 +912,11 @@ table {
div#cgit table#header {
text-align: left;
width: 100%;
- margin: 0;
- /*! border-bottom: 4px dashed rgba(0, 0, 0, .25); */
+ margin: 0
/* fixes weird look for bottom border */
border-spacing: 0px;
border-collapse: initial;
- /*! padding-bottom: 8px; */
+ color: var(--color-fg);
}
div#cgit table#header td.logo img {
@@ -940,7 +926,7 @@ div#cgit table#header td.logo img {
div#cgit table#header td.main {
font-size: 32px;
- color: #ff336d;
+ color: var(--color-red);
font-weight: 500;
}
@@ -975,7 +961,7 @@ div#cgit div.content div#summary h1:first-child {
div#cgit table#header td.main {
font-size: 24px;
- color: #ff336d;
+ color: var(--color-red);
font-weight: 500;
}
}