Added gitweb-like colors
[m6w6/gitweb-theme] / gitweb.css
old mode 100755 (executable)
new mode 100644 (file)
index aa0852f..dd455b4
@@ -44,14 +44,24 @@ a { outline: none; }
 /* General
 ---------------------------------------------------------------------------- */
 
+html {
+  position: relative;
+  min-height: 100%;
+}
+
 body {
-  font-family: "Monaco", "Courier New", monospace;
-  font-size: 12px;
-  margin: 0;
+  font: 13px Helvetica,arial,freesans,clean,sans-serif;
+  line-height: 1.4;
+  margin: 0 0 105px;
   background-color: #fff;
   color: #000000;
 }
 
+/* Monospaced Fonts */
+.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
+  font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
+}
+
 a:link, a:visited {
   color: #4183C4;
   text-decoration: none;
@@ -61,6 +71,22 @@ a:hover {
   text-decoration: underline;
 }
 
+td.list a[href*='a=tree'], td.list a[href*='a=blob'] {
+  padding-left: 20px;
+  display: block;
+  float: left;
+  height: 16px;
+  line-height: 16px;
+}
+
+td.list a[href*='a=tree'] {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABq0lEQVQ4y8WTu4oUQRSGv+rtGVuxhwVFdFEEE2c3d0HYTEMTn8DEVxADQTDUF9DMwMxQMBMx8AEWzRQ3cBHd9TI91+2urjq/QbczY2IygSep4nD+79yqnCRWsYQVbWVACvDh5ZXdrLe15dwyT1TjT/sxFFeB6i+VA2B6+cb7kAI4Jf0LO087zjlQI8Y5Qvnj0sHug321XoC1bk+K9eHk6+s7wPMUgKAS88eqb4+Jfg2SHs7lZBvX2Nh+2EUCDGSAcMnJsx9f7NxfAGqXyDzRd5EJO/pMPT1gcviGTnYOVIN5pAAE8v7dLrKL8xnglFk4ws9Afko9HpH3b5Gd2mwb/lOBmgrSdYhJugDUCenxM6xv3p4HCsP8F0LxCsUhCkMURihOyM7fg0osASTFEpu9a4LjGIUCqwcoDiEUrX+E4hRUQb20RiokC1j9vckUhygU7X3QZh7NAVKYL7YBeMkRUfjVCotF2XGIwnghtrJpMywB5G0QZj9P1JNujuWJ1AHLQadRrACPkuZ0SSSWpeStWgDK6tHek5vbiOs48n++XQHurcf0rFng//6NvwG+iB9/4duaTgAAAABJRU5ErkJgggo=) center left no-repeat;
+}
+
+td.list a[href*='a=blob'] {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
+}
+
 i {
   font-style: normal;
 }
@@ -88,6 +114,7 @@ td, th {
   background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* webkit */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* ie */
+  background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
   border-bottom: 1px solid #dfdfdf;
 }
 
@@ -109,18 +136,22 @@ td, th {
 }
 
 .page_header img.logo {
-  display: none;
+  position: relative;
+  top: 7px;
+  margin-right: 5px;
 }
 
 /* Page Footer
 ---------------------------------------------------------------------------- */
 
 .page_footer {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
   height: 80px;
   line-height: 80px;
-  padding: 0 30px;
   margin-top: 15px;
-  margin-bottom: 30px;
   background: #f1f1f1;
   border-top: 2px solid #ddd;
   border-bottom: 1px solid #ddd;
@@ -130,6 +161,7 @@ td, th {
   color: #666;
   display: inline;
   float: left;
+  margin-left: 25px;
 }
 
 a.rss_logo {
@@ -154,6 +186,29 @@ a.rss_logo:hover {
   background-color: #ee5500;
 }
 
+.rss_logo {
+  margin-right: 25px;
+  background: yellow;
+}
+
+.rss_logo:last-child {
+  margin-right: 5px;
+}
+
+/* Index include
+---------------------------------------------------------------------------- */
+
+.index_include {
+  width: 95%;
+  margin: 0 auto 15px;
+  background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
+  border: 1px solid #DFDFDF;
+  padding: 8px;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
 /* Elements
 ---------------------------------------------------------------------------- */
 
@@ -178,6 +233,10 @@ a.rss_logo:hover {
   font-weight: normal;
 }
 
+.project_list th {
+  font-weight: bold;
+}
+
 .project_list tr,
 .shortlog tr,
 .tree tr,
@@ -198,6 +257,7 @@ a.rss_logo:hover {
   background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
+  background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
   height: 2.5em;
   border-bottom: 1px solid #e1e1e1;
 }
@@ -206,6 +266,7 @@ th .header {
   background: transparent;
   border: 0;
   padding: 0;
+  font-weight: bold;
 }
 
 .tree {
@@ -219,6 +280,10 @@ th .header {
   top: 15px;
 }
 
+.projsearch a {
+  display: none;
+}
+
 .commit_search {
   background: #eaeaea;
 }
@@ -240,9 +305,79 @@ th .header {
 }
 
 .title {
-  width: 95%;
+  margin: 0 auto 15px auto;
   padding: 5px;
+  width: 95%;
+}
+
+.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;
+  width: 95%;
+}
+
+.readme h1 {
+  display: block;
+  font-size: 2em;
+  font-weight: bold;
+  margin-bottom: 0.67em;
+  margin-top: 0;
+}
+
+.readme h2 {
+  font-size: 1.5em;
+  font-weight: bold;
+  margin-bottom: 0.83em;
+}
+
+
+.readme h3 {
+  font-size: 1.17em;
+  font-weight: bold;
+  margin-bottom: 1em;
+}
+
+.readme p {
+  margin-bottom: 1em;
+}
+
+.readme ul {
+  list-style: disc;
+  margin-bottom: 1em;
+  margin-left: 1.5em;
+}
+
+.readme ul ul {
+  margin-bottom: 0;
+}
+
+.readme ol {
+  list-style: decimal;
+  margin-bottom: 1em;
+  margin-left: 1.5em;
+}
+
+.readme ol ol {
+  margin-bottom: 0;
+}
+
+.readme pre {
+  font-family: monospace;
+  margin: 1em 0;
+  white-space: pre;
+}
+
+.readme tt, .readme code, .readme kbd, .readme samp {
+  font-family: monospace;
+}
+
+.readme blockquote {
+  margin: 1em;
 }
 
 .projects_list,
@@ -321,46 +456,102 @@ th .header {
 }
 
 .patch > .header {
-  width: 98.5%;
+  width: 99%;
+}
+
+.author .avatar,
+.author_date .avatar {
+  position: relative;
+  top: 3px;
+}
+
+.object_header .avatar {
+  border: 1px solid #D8D8D8;
+  float: right;
+}
+
+.object_header td,
+.object_header th {
+  vertical-align: top;
 }
 
 /* Refs
 ---------------------------------------------------------------------------- */
 
 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;
 }
 
 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;
 }
 
 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;
 }
 
 span.refs a {
-  color: #000;
+  color: #4e4e4e;
+  font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
+  line-height: 18px;
 }
 
 /* Diffs
 ---------------------------------------------------------------------------- */
 
+div.diff.to_file a.path,
+div.diff.to_file {
+  color: #007000;
+}
+
+div.diff.from_file a.path,
+div.diff.from_file {
+  color: #aa0000;
+}
+
+.patch .header {
+  margin: 0;
+}
+
 .patchset {
-  overflow: auto;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
 
 .chunk_header {
@@ -375,6 +566,42 @@ span.refs a {
   background: #ddffdd;
 }
 
+.extended_header {
+  width: 99.5%;
+}
+
+div.chunk_block {
+  overflow: hidden;
+}
+
+div.chunk_block div.old {
+  float: left;
+  width: 50%;
+  overflow: hidden;
+  border-right: 5px solid #EAF2F5;
+}
+
+div.chunk_block.rem,
+div.chunk_block.add {
+  background: transparent;
+}
+
+div.chunk_block div.old .add,
+div.chunk_block div.old .rem {
+  padding-right: 3px;
+}
+
+div.chunk_block div.new .add,
+div.chunk_block div.new .rem {
+  padding-left: 3px;
+}
+
+div.chunk_block div.new {
+  margin-left: 50%;
+  width: 50%;
+  border-left: 5px solid #EAF2F5;
+}
+
 /* Age
 ---------------------------------------------------------------------------- */
 
@@ -439,7 +666,7 @@ td.error {
 /* blob view */
 
 td.pre, div.pre, div.diff {
-  white-space: pre;
+  white-space: pre-wrap;
 }
 
 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
@@ -459,3 +686,4 @@ td.pre, div.pre, div.diff {
 .kwb    { color:#6b3099; }
 .kwc    { color:#d4663d; }
 .kwd    { color:#2928ff; }
+