Add graphical diffstat to commit view

[ps-cgit] / cgit.css

diff --git a/cgit.css b/cgit.css
index 49cf2d1899c0856aafc52b4a25f8286bf92ae05a..b736b1985e8e0e67b5005dbc9a2ecce5f4759e97 100644 (file)
--- a/cgit.css
+++ b/cgit.css
@@ -2,10 +2,16 @@ body {
        font-family: arial;
        font-size: 11pt;
        background: white;
        font-family: arial;
        font-size: 11pt;
        background: white;

+}
+
+body, table {

        padding: 0em;
        margin: 0em;
 }
 
        padding: 0em;
        margin: 0em;
 }
 

+table {
+      border-collapse: collapse;
+}

 
 h2 {
        font-size: 120%;
 
 h2 {
        font-size: 120%;


@@ -20,6 +26,13 @@ h3 {
        font-weight: normal;
 }
 
        font-weight: normal;
 }
 

+h4 {
+       margin-top: 1.5em;
+       margin-bottom: 0.1em;
+       font-size: 100%;
+       font-weight: bold;
+}
+

 a {
        color: blue;
        text-decoration: none;
 a {
        color: blue;
        text-decoration: none;


@@ -64,8 +77,7 @@ img {
 
 table#layout {
        width: 100%;
 
 table#layout {
        width: 100%;

-       border-collapse: separate;
-       border-spacing: 0px;
+       border-collapse: collapse;

        margin: 0px;
 }
 
        margin: 0px;
 }
 


@@ -222,6 +234,12 @@ div.commit-msg {
 table.diffstat {
        border-collapse: collapse;
        margin-top: 1.5em;
 table.diffstat {
        border-collapse: collapse;
        margin-top: 1.5em;

+       width: 100%;
+       border: solid 1px #aaa;
+}
+
+table.diffstat tr:hover {
+       background-color: #eee;

 }
 
 table.diffstat th {
 }
 
 table.diffstat th {


@@ -233,8 +251,11 @@ table.diffstat th {
 }
 
 table.diffstat td {
 }
 
 table.diffstat td {

-       padding: 0.1em 1em 0.1em 0.1em;
+       padding: 0.2em 0.2em 0.1em 0.1em;

        font-size: 100%;
        font-size: 100%;

+       border: none;
+       border-top: solid 1px #aaa;
+       border-bottom: solid 1px #aaa;

 }
 
 table.diffstat td span.modechange {
 }
 
 table.diffstat td span.modechange {


@@ -254,7 +275,17 @@ table.diffstat td.upd a {
        color: blue;
 }
 
        color: blue;
 }
 

-table.diffstat td.summary {
+table.diffstat td.graph {
+       width: 75%;
+       vertical-align: center;
+}
+
+table.diffstat td.graph img {
+       border: none;
+       height: 11pt;
+}
+
+div.diffstat-summary {

        color: #888;
        padding-top: 0.5em;
 }
        color: #888;
        padding-top: 0.5em;
 }