Styling for categories #27

[m6w6/gitweb-theme] / gitweb.css

diff --git a/gitweb.css b/gitweb.css
index c2f8ea6ba756a47fede08e5efe2d60437725b593..6d65c2425f5cf6f12b293168abfce12cc63d5a46 100644 (file)
--- a/gitweb.css
+++ b/gitweb.css
@@ -494,40 +494,49 @@ span.refs span.ref {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #eee;
-  border: 1px solid #ccc;
+  background-color: #c4c4ff;
+  border: 1px solid #7878ff;
   border-radius: 3px;
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
+  background-image: url('ref.png');
+  background-repeat: no-repeat;
+  padding-left: 18px;
 }
 
 span.refs span.tag {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #eee;
-  border: 1px solid #ccc;
+  background-color: #ffffab;
+  border: 1px solid #d9d93b;
   border-radius: 3px;
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
+  background-image: url('tag.png');
+  background-repeat: no-repeat;
+  padding-left: 18px;
 }
 
 span.refs span.head {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #eee;
-  border: 1px solid #ccc;
+  background-color: #c4ffc4;
+  border: 1px solid #78ff78;
   border-radius: 3px;
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
+  background-image: url('head.png');
+  background-repeat: no-repeat;
+  padding-left: 18px;
 }
 
 span.refs a {
-  color: #707070;
+  color: #4e4e4e;
   font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
   line-height: 18px;
 }
@@ -602,6 +611,20 @@ div.chunk_block div.new {
   border-left: 5px solid #EAF2F5;
 }
 
+/* Category
+---------------------------------------------------------------------------- */
+
+td.category {
+  background: #E6F1F6; /* old browsers */
+  background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */
+  background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%);
+       font-weight: bold;
+  border-bottom: 1px solid #D1D1D1;
+  border-top: 1px solid #D1D1D1;
+}
+
 /* Age
 ---------------------------------------------------------------------------- */