[gitg/wip/techlivezh/diff-view-clean-up: 15/21] Tidy the css styles a bit

[Techlive Zheng <techlivezh src gnome org>]

commit b3e5cb3b8d2e4b930dc110d38128aa2f3ad96b9d
Author: Techlive Zheng <techlivezheng gmail com>
Date:   Wed Dec 18 07:11:45 2013 +0800

    Tidy the css styles a bit
    
    https://bugzilla.gnome.org/show_bug.cgi?id=720886

 libgitg/resources/diff-view.css |   66 ++++++++++++++++----------------------
 1 files changed, 28 insertions(+), 38 deletions(-)
---
diff --git a/libgitg/resources/diff-view.css b/libgitg/resources/diff-view.css
index 4023a7f..dad982f 100644
--- a/libgitg/resources/diff-view.css
+++ b/libgitg/resources/diff-view.css
@@ -1,6 +1,6 @@
-body, html {
-  padding: 0;
+html, body {
   margin: 0;
+  padding: 0;
 }
 
 a {
@@ -21,8 +21,8 @@ div#diff div.file {
 }
 
 div#diff div.file table {
-  border-collapse: collapse;
   width: 100%;
+  border-collapse: collapse;
 }
 
 div#diff div.file table td {
@@ -68,11 +68,8 @@ div#diff div.file table td.gutter.new {
 div#diff div.file table tr.file_header td {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
-  background: #d3d7cf;
-}
-
-div#diff div.file table tr.file_header td {
   vertical-align: middle;
+  background-color: #d3d7cf;
 }
 
 div#diff div.file table tr.hunk_header td {
@@ -101,44 +98,37 @@ tbody.collapsed > :not(.file_header) {
 
 div.commit {
   position: relative;
-}
-
-div.commit {
   padding: 10px;
   font-family: sans-serif;
-  background: #f3f3f3;
+  background-color: #f3f3f3;
 }
 
-div.commit .date, div.commit .sha1 {
+div.commit .sha1, div.commit .date {
   color: #888a85;
   font-size: 0.8em;
 }
 
 div.commit .sha1 {
-  font-family: monospace;
   text-align: right;
+  font-family: monospace;
 }
 
 div.commit .message {
   margin-top: 15px;
   margin-bottom: 15px;
-}
-
-div.commit .message {
   white-space: pre-wrap;
-  margin-bottom: 5px;
 }
 
 div.loading {
   margin: 30px;
+  padding: 30px;
   border: 1px solid #d3d7cf;
-  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeec), to(#d3d7cf));
-  font-size: 1.2em;
-  font-weight: bold;
   color: #333;
+  font-size: 1.2em;
   text-align: center;
-  padding: 30px;
+  font-weight: bold;
   font-family: sans-serif;
+  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeec), to(#d3d7cf));
 }
 
 span.tab {
@@ -148,26 +138,26 @@ span.tab {
 
 span.expander {
   display: inline-block;
-  background-color: #ececec;
-  border-radius: 5px;
-  box-shadow: 1px 1px #ccc inset;
   margin: 5px;
-  vertical-align: middle;
   padding: 3px;
   padding-left: 6px;
   padding-right: 6px;
+  vertical-align: middle;
   cursor: pointer;
+  box-shadow: 1px 1px #ccc inset;
+  border-radius: 5px;
+  background-color: #ececec;
 }
 
 span.file_stats {
+  display: inline-block;
   width: 75px;
-  background-color: #ececec;
-  padding: 3px;
-  border-radius: 5px;
-  box-shadow: 1px 1px #ccc inset;
   margin: 5px;
-  display: inline-block;
+  padding: 3px;
   vertical-align: middle;
+  box-shadow: 1px 1px #ccc inset;
+  border-radius: 5px;
+  background-color: #ececec;
 }
 
 span.file_stats .number, span.file_stats .bar {
@@ -181,9 +171,9 @@ span.file_stats .bar {
 }
 
 span.file_stats .added, span.file_stats .removed {
-  height: 5px;
-  float: left;
   display: block;
+  float: left;
+  height: 5px;
 }
 
 span.file_stats .added {
@@ -195,14 +185,14 @@ span.file_stats .removed {
 }
 
 span.stage, span.unstage {
-  border-radius: 5px;
+  display: inline-block;
+  margin-right: 6px;
   padding: 1px 3px 1px 3px;
   color: #3465a4;
   cursor: pointer;
-  margin-right: 6px;
-  display: inline-block;
   vertical-align: middle;
   box-shadow: 1px 1px #d3d7cf inset;
+  border-radius: 5px;
 }
 
 tr.file_header span.stage, tr.file_header span.unstage {
@@ -217,17 +207,17 @@ span.unstage {
   background-color: #ffdddd;
 }
 
-span.hunk_stats, span.file_path {
+span.file_path, span.hunk_stats {
   display: inline-block;
   vertical-align: middle;
 }
 
 img.avatar {
   float: left;
-  padding-right: 10px;
-  border-radius: 10px 10px 10px 10px;
   min-width: 50px;
   min-height: 50px;
+  padding-right: 10px;
+  border-radius: 10px 10px 10px 10px;
 }
 
 .format_patch_button {