summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--cgit.css198
1 files changed, 109 insertions, 89 deletions
diff --git a/cgit.css b/cgit.css
index 37872c5..74c24e9 100644
--- a/cgit.css
+++ b/cgit.css
@@ -3,118 +3,132 @@ body {
margin: 0;
}
-div#cgit {
+#cgit {
color: #333;
font-family: "Source Sans Pro";
}
-div#cgit #header {
+#cgit a {
+ text-decoration: none;
+ color: #4183C4;
+}
+
+#cgit a:hover {
+ text-decoration: underline;
+}
+
+#cgit .sha1 {
+ font-family: "Source Code Pro";
+}
+
+#cgit .mode, #cgit .ls-mode {
+ font-family: "Source Code Pro";
+}
+
+#cgit #header {
background-image: linear-gradient(#F9F9F9, #F3F3F3);
width: 100%;
border-bottom: 1px solid #E5E5E5;
}
-div#cgit .logo img{
+#cgit .content {
+ width: 902px;
+ margin: 0 auto;
+}
+
+#cgit .logo img{
width: 50px;
}
-div#cgit .logo {
+#cgit .logo {
width: 50px;
}
-div#cgit .right {
+#cgit .right {
text-align: right;
}
-div#cgit div.content {
- width: 902px;
- margin: 0 auto;
+#cgit .left {
+ text-align: left;
}
-div#cgit .list {
+
+#cgit .list {
border-collapse: collapse;
width: 100%;
}
-div#cgit .list a {
- color: #333;
+#cgit .list a {
+ color: inherit;
}
-div#cgit .list a:focus {
+#cgit .list a:focus {
outline: none;
}
-div#cgit .list .left {
- text-align: left;
-}
-
-div#cgit .list tr th {
+#cgit .list > tbody > tr > th {
background-color: #E6F1F6;
border-bottom: 1px solid #C5D5DD;
border-top: 1px solid #C5D5DD;
padding: 0.1em 1em;
+ color: #3A505B;
}
-div#cgit .list tr td {
+#cgit .list > tbody > tr > td {
padding: 0.1em 1em;
+ /* border-top: 1px solid #E2EAEE;
+ border-bottom: 1px solid #E2EAEE; */
}
-div#cgit .list tr td {
- border-top: 1px solid #E2EAEE;
- border-bottom: 1px solid #E2EAEE;
-}
-
-div#cgit .list tr:nth-child(2n+1) td {
+#cgit .list > tbody > tr:nth-child(2n+1) > td {
background-color: #F7FBFC;
}
-div#cgit .list tr th:first-child {
+#cgit .list > tbody > tr > th:first-child,
+#cgit .list > tbody > tr > td:first-child {
border-left: 1px solid #C5D5DD;
}
-div#cgit .list tr th:last-child {
+#cgit .list > tbody > tr > th:last-child,
+#cgit .list > tbody > tr > td:last-child {
border-right: 1px solid #C5D5DD;
}
-div#cgit .list tr td:first-child {
- border-left: 1px solid #C5D5DD;
+#cgit .list > tbody > tr:hover > td {
+ background-color: #FCFCE2;
}
-div#cgit .list tr td:last-child {
- border-right: 1px solid #C5D5DD;
+#cgit .list > tbody > tr:not(.nohover) + tr.nohover {
+ border-top: 1px solid #C5D5DD;
}
-div#cgit .list tr:hover td {
- background-color: #FCFCE2;
+#cgit .list > tbody > tr.nohover:last-of-type {
+ border-top: none !important;
}
-div#cgit .list tr.nohover {
- border-top: 1px solid #C5D5DD;
+#cgit .list > tbody > tr:last-of-type {
+ border-bottom: 1px solid #C5D5DD;
}
-div#cgit .list tr.nohover + tr.nohover {
- border-top: none;
+#cgit .list > tbody > tr.nohover {
+ border-bottom: none;
}
-div#cgit .list tr.nohover td {
- background: transparent;
- border: none;
+#cgit .list > tbody > tr.nohover:last-of-type > td {
+ border-top: 1px solid #C5D5DD;
}
-div#cgit a {
- text-decoration: none;
- color: #4183C4;
+#cgit .list > tbody > tr.nohover > td {
+ background: transparent;
+ border: none;
}
-div#cgit a:hover {
- text-decoration: underline;
-}
-div#cgit .cgit-panel {
+#cgit .cgit-panel {
float: right
}
-div#cgit .diff {
+#cgit .diff {
width: 902px;
font-family: "Source Code Pro";
border: 1px solid #CCC;
@@ -124,15 +138,15 @@ div#cgit .diff {
display: block;
}
-div#cgit .diff tr, div#cgit .diff tbody, div#cgit .diff td {
+#cgit .diff tr, #cgit .diff tbody, #cgit .diff td {
display: block
}
-div#cgit .diff div:hover {
+#cgit .diff div:hover {
background-color: #F8EEC7;
}
-div#cgit .diff .head {
+#cgit .diff .head {
background-image: linear-gradient(#FAFAFA, #EAEAEA);
border-bottom: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
@@ -143,48 +157,48 @@ div#cgit .diff .head {
white-space: pre;
}
-div#cgit .diff .head:first-line {
+#cgit .diff .head:first-line {
font-weight: bold;
}
-div#cgit .diff .head:first-child {
+#cgit .diff .head:first-child {
margin-top: 0;
border-top: none;
}
-div#cgit .diff td {
+#cgit .diff td {
padding: 0;
}
-div#cgit .diff {
+#cgit .diff {
border-collapse: collapse;
}
-div#cgit .diff .del {
+#cgit .diff .del {
padding: 0 1em;
background-color: #FDD;
white-space: pre;
}
-div#cgit .diff .add {
+#cgit .diff .add {
padding: 0 1em;
background-color: #DFD;
white-space: pre;
}
-div#cgit .diff .hunk {
+#cgit .diff .hunk {
padding: 0 1em;
background-color: #F8F8FF;
color: #999;
white-space: pre;
}
-div#cgit .diff .ctx {
+#cgit .diff .ctx {
padding: 0 1em;
white-space: pre;
}
-div#cgit .footer {
+#cgit .footer {
border-top: 1px solid #EEE;
width: 902px;
margin: 1em auto 0.2em;
@@ -192,25 +206,25 @@ div#cgit .footer {
text-align: right;
}
-div#cgit .tabs {
+#cgit .tabs {
background: #E7ECEE;
border: 1px solid #D2D9DD;
margin: 1em auto;
width: 902px;
}
-div#cgit .tabs td a {
+#cgit .tabs td a {
border-left: 1px solid #D2D9DD;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 0.3em;
}
-div#cgit .tabs td a:first-child {
+#cgit .tabs td a:first-child {
border-left: none;
}
-div#cgit .commit-info {
+#cgit .commit-info {
font-size: 90%;
width: 740px;
background-color: #E6F1F6;
@@ -219,7 +233,7 @@ div#cgit .commit-info {
padding: 0.5em 0.7em;
}
-div#cgit .commit-subject {
+#cgit .commit-subject {
border-left: 1px solid #C5D5DD;
border-right: 1px solid #C5D5DD;
width: 740px;
@@ -230,7 +244,7 @@ div#cgit .commit-subject {
padding: 0.5em 0.7em 0.3em;
}
-div#cgit .commit-msg {
+#cgit .commit-msg {
border-left: 1px solid #C5D5DD;
border-right: 1px solid #C5D5DD;
width: 740px;
@@ -240,27 +254,27 @@ div#cgit .commit-msg {
white-space: pre-wrap;
}
-div#cgit div.commit-subject::first-letter {
+#cgit div.commit-subject::first-letter {
text-transform: uppercase;
}
-div#cgit .commit-info th {
+#cgit .commit-info th {
text-align: left;
padding: 0 0.5em 0 0;
width: 1%;
}
-div#cgit .commit-info td {
+#cgit .commit-info td {
padding: 0;
}
-div#cgit .path {
+#cgit .path {
width: 902px;
margin: 0 auto 1em;
}
-div#cgit .diffstat-header {
+#cgit .diffstat-header {
background-color: #E6F1F6;
border-top: 1px solid #C5D5DD;
border-left: 1px solid #C5D5DD;
@@ -272,23 +286,23 @@ div#cgit .diffstat-header {
border-radius: 4px 4px 0 0;
}
-div#cgit .commit-msg + .diffstat-header {
+#cgit .commit-msg + .diffstat-header {
border-radius: 0;
}
-div#cgit .commit-msg + .diffstat-header + .diffstat {
+#cgit .commit-msg + .diffstat-header + .diffstat {
font-size: 90%;
}
-div#cgit .commit-msg + .diffstat-header + .diffstat + .diffstat-summary {
+#cgit .commit-msg + .diffstat-header + .diffstat + .diffstat-summary {
font-size: 90%;
}
-div#cgit .diffstat-header a {
+#cgit .diffstat-header a {
font-weight: bold;
}
-div#cgit .diffstat {
+#cgit .diffstat {
background-color: #E6F1F6;
width: 740px;
border-left: 1px solid #C5D5DD;
@@ -296,22 +310,22 @@ div#cgit .diffstat {
padding: 0 0.7em;
}
-div#cgit .diffstat td {
+#cgit .diffstat td {
padding: 0;
padding-right: 0.5em;
width: 1%;
white-space: nowrap;
}
-div#cgit .diffstat td:last-child {
+#cgit .diffstat td:last-child {
width: 100%;
}
-div#cgit .diffstat .right {
+#cgit .diffstat .right {
font-weight: bold;
}
-div#cgit .diffstat-summary {
+#cgit .diffstat-summary {
background-color: #E6F1F6;
width: 740px;
border-left: 1px solid #C5D5DD;
@@ -325,37 +339,43 @@ div#cgit .diffstat-summary {
padding: 0 0.7em 0.5em;
}
-div#cgit .graph table {
+#cgit .graph table {
border-collapse: collapse;
}
-div#cgit .graph td {
+#cgit .graph td {
height: 0.3em;
border: 1px solid #CCC;
padding: 0.2em;
}
-div#cgit .graph td[style*="width: 0.0%"] {
+#cgit .graph td[style*="width: 0.0%"] {
display: none;
}
-div#cgit .graph .add {
+#cgit .graph .add {
background-color: #6CC644;
}
-div#cgit .graph .rem {
+#cgit .graph .rem {
background-color: #BD2C00;
}
-div#cgit .graph .none {
+#cgit .graph .none {
background-color: transparent;
border: none;
}
-div#cgit .sha1 {
- font-family: "Source Code Pro";
+#cgit .list[summary~=tree] {
+ font-size: 95%;
}
-div#cgit .mode {
- font-family: "Source Code Pro";
+#cgit .list[summary~=tree] td {
+ width: 1%;
+
+}
+
+#cgit .list .ls-size {
+ text-align: right;
}
+