style/cgit: Cleaner cgit theme with left alignement

1 files changed, 35 insertions, 49 deletions

diff --git a/src/style/cgit.css b/src/style/cgit.css
index d3ccd08..32c814e 100644
--- a/src/style/cgit.css
+++ b/src/style/cgit.css
@@ -5,7 +5,6 @@
 div#cgit {
 	padding: 0em;
 	margin: 0em;
-	font-family: monospace, monospace;
 	font-size: 10pt;
 	color: #333;
 	background: white;
@@ -28,6 +27,7 @@ table {
 table#header {
 	width: 100%;
 	margin-bottom: 1em;
+	margin-left: 2em;
 }
 
 table#header td.logo {
@@ -37,7 +37,6 @@ table#header td.logo {
 }
 
 table#header td.main {
-	padding-left: 2em;
 	white-space: nowrap;
 }
 
@@ -62,12 +61,11 @@ table#header td.form select {
 table#header td.sub {
 	color: #777;
 	border-top: solid 1px #ccc;
-	padding-left: 2em;
 }
 
 table.tabs {
-	border-bottom: solid 3px #ccc;
 	border-collapse: collapse;
+	border-bottom: solid 3px #ccc;
 	margin-top: 2em;
 	margin-bottom: 0px;
 	width: 100%;
@@ -119,11 +117,10 @@ div.path {
 
 div.content {
 	margin: 0px;
+	margin-bottom: 16em;
 	padding: 2em;
-	border-bottom: solid 3px #ccc;
 }
 
-
 table.list {
 	width: 100%;
 	border: none;
@@ -181,12 +178,15 @@ table.list td {
 	padding: 0.1em 0.5em 0.1em 0.5em;
 }
 
-table.list td.commitgraph {
-	font-family: "Source Code Pro", "Courier New", monospace;
+table.list td.commitgraph,
+table.list td.logmsg,
+table.bin-blob td,
+table.bin-blob th {
 	white-space: pre;
 }
+
 pre {
-	font-family: "Source Code Pro", "Courier New", monospace;
+	background-color: #eeeeee;
 }
 
 table.list td.commitgraph .column1 {
@@ -214,13 +214,10 @@ table.list td.commitgraph .column6 {
 }
 
 table.list td.logsubject {
-	font-family: "Source Code Pro", "Courier New", monospace;
 	font-weight: bold;
 }
 
 table.list td.logmsg {
-	font-family: "Source Code Pro", "Courier New", monospace;
-	white-space: pre;
 	padding: 0 0.5em;
 }
 
@@ -287,18 +284,12 @@ div.error {
 	margin: 1em 2em;
 }
 
-a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
-	font-family: "Source Code Pro", "Courier New", monospace;
-}
-
 td.ls-size {
 	text-align: right;
-	font-family: "Source Code Pro", "Courier New", monospace;
 	width: 10em;
 }
 
 td.ls-mode {
-	font-family: "Source Code Pro", "Courier New", monospace;
 	width: 10em;
 }
 
@@ -376,15 +367,11 @@ table.bin-blob {
 }
 
 table.bin-blob th {
-	font-family: "Source Code Pro", "Courier New", monospace;
-	white-space: pre;
 	border: solid 1px #777;
 	padding: 0.5em 1em;
 }
 
 table.bin-blob td {
-	font-family: "Source Code Pro", "Courier New", monospace;
-	white-space: pre;
 	border-left: solid 1px #777;
 	padding: 0em 1em;
 }
@@ -444,9 +431,8 @@ div.commit-subject {
 	padding: 0em;
 }
 
-div.commit-msg {
+div.commit-msg, div.notes {
 	white-space: pre;
-	font-family: "Source Code Pro", "Courier New", monospace;
 }
 
 div.notes-header {
@@ -455,8 +441,6 @@ div.notes-header {
 }
 
 div.notes {
-	white-space: pre;
-	font-family: "Source Code Pro", "Courier New", monospace;
 	border: solid 1px #ee9;
 	background-color: #ffd;
 	padding: 0.3em 2em 0.3em 1em;
@@ -546,7 +530,6 @@ table.diff {
 }
 
 table.diff td {
-	font-family: "Source Code Pro", "Courier New", monospace;
 	white-space: pre;
 }
 
@@ -569,7 +552,6 @@ table.diff td div.del {
 }
 
 .oid {
-	font-family: "Source Code Pro", "Courier New", monospace;
 	font-size: 90%;
 }
 
@@ -808,7 +790,6 @@ table.ssdiff {
 
 table.ssdiff td {
 	font-size: 75%;
-	font-family: "Source Code Pro", "Courier New", monospace;
 	white-space: pre;
 	padding: 1px 4px 1px 4px;
 	border-left: solid 1px #aaa;
@@ -901,30 +882,35 @@ table.ssdiff td.space div {
 	min-height: 3em;
 }
 span.libravatar img.onhover {
-        display: none;
-        border: 1px solid gray;
-        padding: 0px;
-        -webkit-border-radius: 4px;
-        -moz-border-radius: 4px;
-        border-radius: 4px;
-        width: 128px;
-        height: 128px;
+	display: none;
+	border: 1px solid gray;
+	padding: 0px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	width: 128px;
+	height: 128px;
 }
 
 span.libravatar img.inline {
-        -webkit-border-radius: 3px;
-        -moz-border-radius: 3px;
-        border-radius: 3px;
-        width: 13px;
-        height: 13px;
-        margin-right: 0.2em;
-        opacity: 0.6;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	width: 13px;
+	height: 13px;
+	margin-right: 0.2em;
+	opacity: 0.6;
 }
 
 span.libravatar:hover > img.onhover {
-        display: block;
-        position: absolute;
-        margin-left: 1.5em;
-        background-color: #eeeeee;
-        box-shadow: 2px 2px 7px rgba(100,100,100,0.75);
+	display: block;
+	position: absolute;
+	margin-left: 1.5em;
+	background-color: #eeeeee;
+	box-shadow: 2px 2px 7px rgba(100,100,100,0.75);
+}
+
+div#cgit > span:last-child {
+	background-color: yellow;
+	margin: 2em;
 }