[gitg/wip/techlivezh/diff-view-clean-up: 14/21] Put related styles together

[Techlive Zheng <techlivezh src gnome org>]

commit 566cbe6b87962f3ee27dd72c9ec68bbd3870b2ae
Author: Techlive Zheng <techlivezheng gmail com>
Date:   Wed Dec 18 07:11:24 2013 +0800

    Put related styles together

 libgitg/resources/diff-view.css |  203 +++++++++++++++++++--------------------
 1 files changed, 101 insertions(+), 102 deletions(-)
---
diff --git a/libgitg/resources/diff-view.css b/libgitg/resources/diff-view.css
index 96352b6..4023a7f 100644
--- a/libgitg/resources/diff-view.css
+++ b/libgitg/resources/diff-view.css
@@ -3,6 +3,10 @@ body, html {
   margin: 0;
 }
 
+a {
+  color: #3465a4;
+}
+
 div#templates {
   display: none;
 }
@@ -21,51 +25,18 @@ div#diff div.file table {
   width: 100%;
 }
 
-img.avatar {
-  float: left;
-  padding-right: 10px;
-  border-radius: 10px 10px 10px 10px;
-  min-width: 50px;
-  min-height: 50px;
-}
-
-div.commit {
-  padding: 10px;
-  font-family: sans-serif;
-  background: #f3f3f3;
-}
-
-div.commit .message {
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
-
-div#diff div.file table td.gutter {
-  padding-left: 6px;
-  padding-right: 6px;
-  background-color: #ececec;
-  color: #aaa;
-  text-align: right;
+div#diff div.file table td {
+  vertical-align: top;
 }
 
 div#diff div.file table td.code {
   white-space: pre;
 }
 
-span.tab {
-  overflow: hidden;
-  display: inline-block;
-}
-
 div#diff div.file table.wrapped td.code {
   white-space: pre-wrap;
 }
 
-div#diff div.file table tr.context td:last-child {
-  background-color: #fafafa;
-}
-
-
 div#diff div.file table tr.added td:last-child {
   background-color: #ddffdd;
 }
@@ -74,75 +45,43 @@ div#diff div.file table tr.removed td:last-child {
   background-color: #ffdddd;
 }
 
-div#diff div.file table tr.hunk_header td {
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-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.context td:last-child {
+  background-color: #fafafa;
 }
 
-span.expander {
-  background-color: #ececec;
-  border-radius: 5px;
-  box-shadow: 1px 1px #ccc inset;
-  margin: 5px;
-  display: inline-block;
-  vertical-align: middle;
-  padding: 3px;
+div#diff div.file table td.gutter {
   padding-left: 6px;
   padding-right: 6px;
-  cursor: pointer;
-}
-
-tbody.collapsed > :not(.file_header) {
-  display:none;
-}
-
-span.file_stats {
-  width: 75px;
   background-color: #ececec;
-  padding: 3px;
-  border-radius: 5px;
-  box-shadow: 1px 1px #ccc inset;
-  margin: 5px;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-span.file_stats .number, span.file_stats .bar {
-  display: table-cell;
-  vertical-align: middle;
-}
-
-span.file_stats .bar {
-  width: 100%;
-  padding: 0px 0px 0px 6px;
+  color: #aaa;
+  text-align: right;
 }
 
-span.file_stats .added, span.file_stats .removed {
-  height: 5px;
-  float: left;
-  display: block;
+div#diff div.file table td.gutter.old {
+  border-right: 1px solid #d3d7cf;
 }
 
-span.file_stats .added {
-  background-color: #33cc33;
+div#diff div.file table td.gutter.new {
+  border-right: 3px solid #d3d7cf;
 }
 
-span.file_stats .removed {
-  background-color: #cc3333;
+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;
 }
 
-div#diff div.file table tr.file_header + tr.hunk_header td.hunk_header {
-  border-top: 0px;
+div#diff div.file table tr.hunk_header td {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+div#diff div.file table tr.hunk_header td.gutter.new {
+  border-right: 0px;
 }
 
 div#diff div.file table tr.hunk_header td.hunk_header {
@@ -152,24 +91,22 @@ div#diff div.file table tr.hunk_header td.hunk_header {
   border-bottom: 1px solid #d3d7cf;
 }
 
-div#diff div.file table td {
-  vertical-align: top;
-}
-
-div#diff div.file table td.gutter.new {
-  border-right: 3px solid #d3d7cf;
+div#diff div.file table tr.file_header + tr.hunk_header td.hunk_header {
+  border-top: 0px;
 }
 
-div#diff div.file table tr.hunk_header td.gutter.new {
-  border-right: 0px;
+tbody.collapsed > :not(.file_header) {
+  display:none;
 }
 
-div#diff div.file table td.gutter.old {
-  border-right: 1px solid #d3d7cf;
+div.commit {
+  position: relative;
 }
 
 div.commit {
-  position: relative;
+  padding: 10px;
+  font-family: sans-serif;
+  background: #f3f3f3;
 }
 
 div.commit .date, div.commit .sha1 {
@@ -183,12 +120,13 @@ div.commit .sha1 {
 }
 
 div.commit .message {
-  white-space: pre-wrap;
-  margin-bottom: 5px;
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
 
-a {
-  color: #3465a4;
+div.commit .message {
+  white-space: pre-wrap;
+  margin-bottom: 5px;
 }
 
 div.loading {
@@ -203,6 +141,59 @@ div.loading {
   font-family: sans-serif;
 }
 
+span.tab {
+  display: inline-block;
+  overflow: hidden;
+}
+
+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;
+  cursor: pointer;
+}
+
+span.file_stats {
+  width: 75px;
+  background-color: #ececec;
+  padding: 3px;
+  border-radius: 5px;
+  box-shadow: 1px 1px #ccc inset;
+  margin: 5px;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+span.file_stats .number, span.file_stats .bar {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+span.file_stats .bar {
+  width: 100%;
+  padding: 0px 0px 0px 6px;
+}
+
+span.file_stats .added, span.file_stats .removed {
+  height: 5px;
+  float: left;
+  display: block;
+}
+
+span.file_stats .added {
+  background-color: #33cc33;
+}
+
+span.file_stats .removed {
+  background-color: #cc3333;
+}
+
 span.stage, span.unstage {
   border-radius: 5px;
   padding: 1px 3px 1px 3px;
@@ -231,6 +222,14 @@ span.hunk_stats, span.file_path {
   vertical-align: middle;
 }
 
+img.avatar {
+  float: left;
+  padding-right: 10px;
+  border-radius: 10px 10px 10px 10px;
+  min-width: 50px;
+  min-height: 50px;
+}
+
 .format_patch_button {
   float:right;
   margin-top:13px;