Styling for categories #27

[m6w6/gitweb-theme] / gitweb.css

diff --git a/gitweb.css b/gitweb.css
index 51eaf8fa2a825d320260834b70888664737b6c8e..6d65c2425f5cf6f12b293168abfce12cc63d5a46 100644 (file)
--- a/gitweb.css
+++ b/gitweb.css
@@ -313,6 +313,8 @@ th .header {
 .readme {
   background: #eaf2f5;
   border: 1px solid #bedce7;
+  -moz-box-sizing: border-box; 
+  -webkit-box-sizing: border-box; 
   box-sizing: border-box;
   margin: 0 auto 15px auto;
   padding: 15px;
@@ -477,32 +479,66 @@ th .header {
 ---------------------------------------------------------------------------- */
 
 span.refs span {
-  color: #000;
-  padding: 0px 4px;
-  font-size: 10px;
-  font-weight: normal;
-  border: 1px solid;
-  background-color: #ffaaff;
-  border-color: #ffccff #ff00ee #ff00ee #ffccff;
+  color: #707070;
+  display: inline-block;
+  margin: 0;
+  background-color: #eee;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  height: 18px;
+  padding: 0 6px;
+  text-overflow: ellipsis;
 }
 
 span.refs span.ref {
-  background-color: #aaaaff;
-  border-color: #ccccff #0033cc #0033cc #ccccff;
+  color: #707070;
+  display: inline-block;
+  margin: 0;
+  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 {
-  background-color: #ffffaa;
-  border-color: #ffffcc #dccd00 #dccd00 #ffffcc;
+  color: #707070;
+  display: inline-block;
+  margin: 0;
+  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 {
-  background-color: #aaffaa;
-  border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
+  color: #707070;
+  display: inline-block;
+  margin: 0;
+  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: #000;
+  color: #4e4e4e;
+  font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
+  line-height: 18px;
 }
 
 /* Diffs
@@ -575,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
 ---------------------------------------------------------------------------- */