add the custom css, add to README forked
authorgit <redacted>
Mon, 4 May 2026 16:06:48 +0000 (12:06 -0400)
committergit <redacted>
Mon, 4 May 2026 16:06:48 +0000 (12:06 -0400)
README.md [moved from README.markdown with 97% similarity]
gitweb.css

similarity index 97%
rename from README.markdown
rename to README.md
index 2caea9d925688e7609ee08a6e44a7d11351bb75b..3a17c31042e0725de6fd31f49eac413ac7f20883 100644 (file)
+++ b/README.md
@@ -1,3 +1,9 @@
+Fork of [kogakure/gitweb-theme](https://github.com/kogakure/gitweb-theme)
+
+Some features (like avatar styling) have been removed.
+
+---
+
 ![Maintenance](https://img.shields.io/maintenance/yes/2020.svg)
 ![GitHub Stars](https://img.shields.io/github/stars/kogakure/gitweb-theme.svg?style=social&label=Star)
 ![GitHub Forks](https://img.shields.io/github/forks/kogakure/gitweb-theme.svg?style=social&label=Fork)
index 65458debdce033f6389fe9eb5451fb45ff716b63..d571267585c4e899e0a8b3267fb256a6ae46bb12 100644 (file)
@@ -1,14 +1,29 @@
+/* 
+ * Original theme: https://github.com/kogakure/gitweb-theme
+ *     Copyright (c) 2009-2014 Stefan Imhoff
+ */
 /* Reset
 ------------------------------------------------------------------------- */
-
 /* Based on http://meyerweb.com/eric/tools/css/reset/ */
 /* v1.0 | 20080212 */
-
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
-blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
-font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
-u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
-caption, tbody, tfoot, thead, tr, th, td {
+@font-face {
+  font-family: "Victor Mono";
+  src:
+    url('/fonts/VictorMono.woff2') format('woff2'),
+    url('/fonts/VictorMono.woff') format('woff'),
+    url('/fonts/VictorMono.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, a, abbr, acronym, address, big,
+cite, del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var, b, u, i,
+center, dl, dt, dd, ol, ul, li, fieldset, form, label,
+legend, table, caption, tbody, tfoot, thead, tr,  th,
+td {
   margin: 0;
   padding: 0;
   border: 0;
@@ -17,240 +32,298 @@ caption, tbody, tfoot, thead, tr, th, td {
   vertical-align: baseline;
   background: transparent;
 }
-
-ol, ul { list-style: none; }
-
-blockquote, q { quotes: none; }
-
-blockquote:before, blockquote:after,
-q:before, q:after {
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
   content: '';
   content: none;
 }
-
-:focus { outline: 0; }
-
-ins { text-decoration: none; }
-
-del { text-decoration: line-through; }
-
+:focus {
+  outline: 0;
+}
+ins {
+  text-decoration: none;
+}
+del {
+  text-decoration: line-through;
+}
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
-
-a { outline: none; }
-
+a {
+  padding: 2px;
+  outline: none;
+  text-decoration: underline;
+}
+form {
+  justify-content: center;
+  display: flex;
+  padding: 8px;
+}
+input,
+select {
+  max-height: 2rem;
+  font-family: monospace;
+  border: 3px solid #eef9ff;
+  background-color: #d3dfe3;
+  color: #111;
+}
+input:focus,
+select:focus {
+  border-color: #fdd33c;
+}
+input[type="checkbox"] {
+  appearance: none;
+  border: 2px solid #eef9ff;
+  vertical-align: middle;
+  width: 1rem;
+  height: 1rem;
+}
+input[type="checkbox"]:checked {
+  background-color: #fdd33c;
+}
+.projsearch span {
+  margin: 4px;
+  display: inline-flex;
+  align-items: center;
+  text-align: center;
+}
+.projsearch input[type="text"] {
+  width: 80%;
+  box-sizing: border-box;
+}
+.projsearch input {
+  background-color: #eef9ff;
+  border: 4px solid #d3dfe3;
+}
+.projsearch input:focus {
+  border-color: #fdd33c;
+}
+.projsearch input[type="checkbox"] {
+  border: 3px solid #d3dfe3;
+}
+::selection {
+  background-color: #fdd33c;
+  color: #111;
+}
 /* General
 ---------------------------------------------------------------------------- */
-
 html {
   position: relative;
   min-height: 100%;
 }
-
 body {
   font: 13px Helvetica,arial,freesans,clean,sans-serif;
   line-height: 1.4;
   margin: 0 0 105px;
-  background-color: #fff;
-  color: #000000;
+  background-color: #e0edf0;
+  color: #111;
+}
+th  {
+  color: #111;
+  background-color: #d3dfe3;
+  padding: 5px;
+}
+td {
+  background-color: #eef9ff;
+  padding: 5px;
+}
+code {
+  display: inline-block;
+  padding: 2px;
+  padding-inline: 2px;
+  font-family: 'Victor Mono', monospace;
+  background-color: #FAFEFF;
+  font-weight: bold;
 }
-
 /* Monospaced Fonts */
-.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
-  font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
+.sha1,
+.mode,
+.diff_tree .list,
+.page_header,
+.pre,
+.diff,
+.patchset {
+  font-family: 'Victor Mono', monospace;
 }
-
-a:link, a:visited {
-  color: #4183C4;
-  text-decoration: none;
+a:link,
+a:visited {
+  color: #111;
+  font-weight: bold;
+  text-decoration: underline;
 }
-
 a:hover {
-  text-decoration: underline;
+  background-color: #111;
+  color: #eef9ff;
 }
-
-td.list a[href*='tree'], td.list a[href*='blob'] {
+td.list a[href*='tree'],
+td.list a[href*='blob'] {
   padding-left: 20px;
-  display: block;
-  float: left;
   height: 16px;
   line-height: 16px;
 }
-
 td.list a[href*='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*='blob'] {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
 }
-
+td.list a[href*='tree']:hover,
+td.list a[href*='blob']:hover {
+  background-color: #111;
+}
 i {
   font-style: normal;
 }
-
-td, th {
-  padding: 5px;
-}
-
 .page_nav br {
   display: none;
 }
-
+#htmltagcloud {
+  margin: 2em;
+}
+#htmltagcloud a {
+  text-shadow: none;
+}
+.projects_list #htmltagcloud {
+  text-align: left;
+  margin: 4px;
+  margin-left: 0px;
+}
 #generating_info {
   font-size: 10px;
   color: #aaa;
   text-align: center;
 }
-
-#generating_time, #generating_cmd {
+#generating_time,
+#generating_cmd {
   font-weight: bold;
 }
-
 /* Page Header
 ---------------------------------------------------------------------------- */
-
 .page_header {
-  height: 50px;
   line-height: 50px;
   position: relative;
   padding: 0 27px;
   margin-bottom: 20px;
+  text-wrap: balance;
   font-size: 20px;
-  font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
-  background: #FFFFFF; /* old browsers */
-  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;
-}
-
-.page_header a:link, .page_header a:visited {
-  color: #4183C4;
-  text-decoration: none;
+  background: #eef9ff;
+  border-bottom: 2px solid #d3dfe3;
+}
+.page_header a:link,
+.page_header a:visited {
+  text-decoration: underline;
   padding: 3px;
   font-weight: bold;
 }
-
 .page_header a:hover {
   font-weight: bold;
   padding: 3px;
   text-decoration: underline;
 }
-
 .page_header a:first-child {
   background: transparent;
 }
-
 .page_header img.logo {
+  border: 3px #fdd33c double;
   position: relative;
   top: 7px;
   margin-right: 5px;
 }
-
 /* Page Footer
 ---------------------------------------------------------------------------- */
-
 .page_footer {
+  display: flex;
+  justify-content: flex-end;
   position: absolute;
+  box-sizing: border-box;
+  padding-inline: 1rem;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 80px;
   line-height: 80px;
   margin-top: 15px;
-  background: #f1f1f1;
-  border-top: 2px solid #ddd;
-  border-bottom: 1px solid #ddd;
+  background: #eef9ff;
+  border-top: 2px solid #d3dfe3;
+  border-bottom: 1px solid #d3dfe3;
 }
-
 .page_footer_text {
+  margin-right: auto;
   color: #666;
-  display: inline;
-  float: left;
-  margin-left: 25px;
+  margin-left: 1vw;
   width: 80%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-
 a.rss_logo {
-  float: right;
+  margin-right: 8px;
   padding: 3px 1px;
+  height: 10px;
   width: 35px;
   line-height: 10px;
-  border: 1px solid;
-  border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
-  color: #ffffff;
-  background-color: #ff6600;
+  border: 1.5px solid #d3dfe3;
+  background-color: #fdd33c;
   font-weight: bold;
-  font-family: sans-serif;
   font-size: 80%;
   text-align: center;
   text-decoration: none;
+  text-shadow: none;
   margin-top: 30px;
   margin-left: 5px;
 }
-
 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;
+  border: 1px solid #d3dfe3;
   padding: 8px;
   -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 /* Elements
 ---------------------------------------------------------------------------- */
-
 .project_list,
 .shortlog,
-.tree,
 .commit_search,
 .history {
   width: 95%;
   margin: 0 auto 15px auto;
-  border: 1px solid #d8d8d8;
-  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-  box-shadow: 0 0 3px rgba(0,0,0,0.2);
+  border: 1px solid #d3dfe3;
 }
-
 .project_list th,
 .shortlog th,
 .tree th,
 .commit_search th {
-  color: #afafaf;
+  color: #111;
   font-weight: normal;
 }
-
 .project_list th {
   font-weight: bold;
 }
-
 .project_list tr,
 .shortlog tr,
 .tree tr,
@@ -260,81 +333,87 @@ a.rss_logo:hover {
   text-align: left;
   color: #545454;
 }
-
-.project_list tr.dark, .project_list tr.light,
-.shortlog tr.dark, .shortlog tr.light,
-.tree tr.dark, .tree tr.light,
-.commit_search tr.dark, .commit_search tr.light,
-.history tr.dark, .history tr.light,
-.heads tr.dark, .heads tr.light {
-  background: #F9F9F9; /* old browsers */
-  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%);
+.project_list tr.dark,
+.project_list tr.light,
+.shortlog tr.dark,
+.shortlog tr.light,
+.tree tr.dark,
+.tree tr.light,
+.commit_search tr.dark,
+.commit_search tr.light,
+.history tr.dark,
+.history tr.light,
+.heads tr.dark,
+.heads tr.light {
+  background: #F9F9F9;
   height: 2.5em;
   border-bottom: 1px solid #e1e1e1;
 }
-
+.tree tr:last-child {
+  border-bottom: none;
+}
 th .header {
   background: transparent;
   border: 0;
   padding: 0;
   font-weight: bold;
 }
-
 .tree {
   width: 100%;
   margin: 0;
 }
-
 .projsearch {
-  position: absolute;
-  right: 4%;
-  top: 15px;
+  /*
+   * position: absolute;
+   * right: 4%;
+   * top: 15px;
+   */
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
-
 .projsearch a {
   display: none;
 }
-
 .commit_search {
   background: #eaeaea;
 }
-
 .page_nav,
 .list_head,
 .page_path,
 .search {
   width: 94%;
-  background: #eaeaea;
+  background: #d3dfe3;
   color: #545454;
   border: 1px solid #d8d8d8;
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .history {
   background: #eaeaea;
 }
-
+a.linenr {
+ color: #666;
+ text-decoration: none;
+ text-shadow: none;
+ background-color: transparent;
+}
+a.linenr:hover {
+ color: #111;
+}
 .title {
   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;
@@ -342,58 +421,62 @@ th .header {
   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;
+  overflow-x: auto;
+  max-width: 100%;
+  font-family: 'Victor Mono', monospace;
+  font-weight: bold;
+  width: fit-content;
+  background-color: #fafeff;
   margin: 1em 0;
-  white-space: pre;
+  padding: 0.2rem;
+  border-left: 4px solid #fdd33c;
 }
-
-.readme tt, .readme code, .readme kbd, .readme samp {
-  font-family: monospace;
+.readme tt,
+.readme code,
+.readme kbd,
+.readme samp {
+  font-family: 'Victor Mono', monospace;
+}
+.readme code {
+  max-width: 100%;
+  white-space: pre;
+  font-weight: bold;
 }
-
 .readme blockquote {
+  max-width: 100%;
+  white-space: pre;
   margin: 1em;
 }
-
 .projects_list,
 .tags {
   width: 95%;
@@ -403,7 +486,6 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .heads {
   width: 95%;
   color: #545454;
@@ -411,30 +493,26 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .header {
   width: 94%;
   margin: 0 auto 15px auto;
-  background: #eaf2f5;
+  background: #d3dfe3;
   border: 1px solid #bedce7;
   padding: 5px;
 }
-
 .header .age {
   float: left;
   color: #000;
   font-weight: bold;
   width: 10em;
 }
-
 .title_text {
   width: 94%;
-  background: #eaf2f5;
+  background: #eef9ff;
   border: 1px solid #bedce7;
   padding: 5px;
   margin: 0 auto 0 auto;
 }
-
 .log_body {
   width: 94%;
   background: #eaf2f5;
@@ -443,8 +521,8 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .page_body {
+  overflow-x: auto;
   line-height: 1.4em;
   width: 94%;
   background: #f8f8f8;
@@ -452,7 +530,9 @@ th .header {
   padding: 5px;
   margin: 15px auto 15px auto;
 }
-
+.page_body:has(table.tree) {
+  background-color: #eef9ff;
+}
 .diff_tree {
   width: 95%;
   background: #f0f0f0;
@@ -460,38 +540,29 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .page_body > .list_head {
   width: 98.5%;
 }
-
 .page_body > .diff_tree {
   width: 99.5%;
 }
-
 .patch > .header {
   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
----------------------------------------------------------------------------- */
-
+/* Refs */
 span.refs span {
   color: #707070;
   display: inline-block;
@@ -503,22 +574,20 @@ span.refs span {
   padding: 0 6px;
   text-overflow: ellipsis;
 }
-
 span.refs span.ref {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #c4c4ff;
-  border: 1px solid #7878ff;
+  background-color: #feedc9;
+  border: 1px solid #fdd33c;
   border-radius: 3px;
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUnpolg7AAAAHJQTFRFAAAAVVWqZmbMVVXVYGDgbW3td3fuc3PzdHT0cHD1d3f6dHT6dnb7dHT7dnb8dnb8dnb9d3f9dnb+eHj+d3f+eHj+d3f+d3f+d3f+eHj+d3f+eHj+d3f+eHj+d3f+d3f+eHj+d3f+d3f+d3f+eHj/////V9oQhQAAACR0Uk5TAAIEBQcNDhMVGCotNTZAT217i5CgobvExtjZ4eLr7vP09ff7uqQ6cgAAAAFiS0dEJcMByQ8AAABUSURBVBjTpc43AoAwDENRh95bgNBM1f3PyOpslD++RSJ61YgH5M2IbIkn4GocSR1MZVBL4t2n4FgkbaxI8Sqph041WknZCWAIrcmEUbpf3lNe0N9u59YFYHnZ78gAAAAASUVORK5CYII=);
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDUlEQVQ4jc3UoUtDURTH8c9EsFksLtgEy8Nk89kFQRxiMlgNBqs8xDQmFgWDglHBLJgMYhiIYBB9uKB/wKLBJmzyYIM59rbLWPBX7uPH4ft+53DPLTSbTaPQ2EgoGO9lNtKlRRzhGztJFH9011RUBoNwgTUUcYrlzCyn1QVs41zkOaS1bHCN1tmpK7zj8o/bJ9E+2u3Md9WftVIJSfTa/kii+K3DP0Edx6GgPL1gEtdDg8ppdQJ7qCVR/BU6o07AHDaxhRms96obCEINBXyilETxzbCghyzYY3H2/nZqOnefQkCrSRRnN7yv8oZ9gDs8YTfgZ7mgbNdK2MBKCCivtcPWkH+ypQ0BFf7de/QLcNU6xzfYxOkAAAAASUVORK5CYII=);
   background-repeat: no-repeat;
   padding-left: 18px;
 }
-
 span.refs span.tag {
   color: #707070;
   display: inline-block;
@@ -533,55 +602,48 @@ span.refs span.tag {
   background-repeat: no-repeat;
   padding-left: 18px;
 }
-
 span.refs span.head {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #c4ffc4;
-  border: 1px solid #78ff78;
+  background-color: #fffcc9;
+  border: 1px solid #fdd33c;
   border-radius: 3px;
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSYDsafX/gAAAUpJREFUOMvVkjFLA0EQhd/s7l06MSCihbV/wC5/QBDEIFYWprRIIQQJFqKFQi4kUbBQsFSwtrUQLQULUTBFLCzVIgimCXe7z0q5yIWcqfRVwzDzMTNvgL8mSUqWw3JOtFQJdsIwLDYyjdYgkEmkazl2oVtQWk36nn8AYBYASmFpxmizGtnoqO7Vb+M9KglEkASdpWU872nvVCiPRpuTnz2JIHGyqX3d0kZfR1G0Ht+g/do+FIhOBbLW3n/FNb/28D0puZ+dyL44ur1UoH5yzt2JyIj6UGdDgwrPhYzSagNEszJaeU/lWlylbmnaeGZZICsAppxzi6nt73HK85oQCMknOuarpno+FIjglVjZDXaCS2yDv3rIHlCb88FY0BlUl3hs7ektkhckb5DFWhoz+n12zr7ZPLpYUqLm0oBMn8NUzLhpAgjpWMS/1CcSJ3ykD7Rk1QAAAABJRU5ErkJggg==);
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDUlEQVQ4jc3UoUtDURTH8c9EsFksLtgEy8Nk89kFQRxiMlgNBqs8xDQmFgWDglHBLJgMYhiIYBB9uKB/wKLBJmzyYIM59rbLWPBX7uPH4ft+53DPLTSbTaPQ2EgoGO9lNtKlRRzhGztJFH9011RUBoNwgTUUcYrlzCyn1QVs41zkOaS1bHCN1tmpK7zj8o/bJ9E+2u3Md9WftVIJSfTa/kii+K3DP0Edx6GgPL1gEtdDg8ppdQJ7qCVR/BU6o07AHDaxhRms96obCEINBXyilETxzbCghyzYY3H2/nZqOnefQkCrSRRnN7yv8oZ9gDs8YTfgZ7mgbNdK2MBKCCivtcPWkH+ypQ0BFf7de/QLcNU6xzfYxOkAAAAASUVORK5CYII=);
   background-repeat: no-repeat;
   padding-left: 18px;
 }
-
 span.refs a {
   color: #4e4e4e;
+  background-color: transparent;
+  text-decoration: none;
+  text-shadow: none;
   font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
   line-height: 18px;
 }
-
-/* Diffs
----------------------------------------------------------------------------- */
-
+/* 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-x: auto;
   overflow-y: hidden;
 }
-
 .chunk_header {
   background: #eaf2f5;
   color: #999;
 }
-
 .rem {
   background: #ffdddd;
 }
@@ -594,171 +656,176 @@ div.diff.from_file {
 .add .marked {
   background: #7dff7d;
 }
-
 .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;
+  border-left: 5px solid #eaf2f5;
 }
-
-/* Category
----------------------------------------------------------------------------- */
-
+/* 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%);
+  background: #e6f1f6;
   font-weight: bold;
-  border-bottom: 1px solid #D1D1D1;
-  border-top: 1px solid #D1D1D1;
+  border-bottom: 1px solid #d1d1d1;
+  border-top: 1px solid #d1d1d1;
 }
-
-/* Age
----------------------------------------------------------------------------- */
-
+/* Age */
 /* noage: "No commits" */
 .project_list td.noage {
   color: #cdcdcd;
 }
-
 /* age2: 60*60*24*2 <= age */
-.project_list td.age2, .blame td.age2 {
+.project_list td.age2,
+.blame td.age2 {
   color: #545454;
 }
-
 /* age1: 60*60*2 <= age < 60*60*24*2 */
 .project_list td.age1 {
   color: #009900;
 }
-
 /* age0: age < 60*60*2 */
 .project_list td.age0 {
   color: #009900;
   font-weight: bold;
 }
-
-/* File status
----------------------------------------------------------------------------- */
-
+/* File status */
 .diff_tree span.file_status.new {
   color: #008000;
 }
-
 table.diff_tree span.file_status.deleted {
   color: #c00000;
 }
-
 table.diff_tree span.file_status.moved,
 table.diff_tree span.file_status.mode_chnge {
   color: #545454;
 }
-
 table.diff_tree span.file_status.copied {
   color: #70a070;
 }
-
 span.cntrl {
   border: dashed #aaaaaa;
   border-width: 1px;
   padding: 0px 2px 0px 2px;
   margin:  0px 2px 0px 2px;
 }
-
 span.match {
-  background: #aaffaa;
-  color: #000;
+  background: #fdd33c;
+  color: #111;
 }
-
 td.error {
   color: red;
   background: yellow;
 }
-
 /* blob view */
-
-td.pre, div.pre, div.diff {
-  white-space: pre-wrap;
+.page_body img.blob {
+  min-width: 80%;
+  display: block;
+  margin: 0 auto;
+}
+.page_body:has(img.blob) {
+  color: #f8f8f8;
+}
+td.pre,
+div.pre,
+div.diff {
+  white-space: pre;
 }
-
 /* JavaScript-based timezone manipulation */
-
 .popup { /* timezone selection UI */
-       position: absolute;
+  position: absolute;
        /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
-       top: 0; left: 0;
-       border: 1px solid #d8d8d8;
-       padding: 2px;
-       background-color: #f0f0f0;
-       font-style: normal;
-       color: #545454;
-       cursor: auto;
-}
-
+  top: 0;
+  left: 0;
+  border: 1px solid #d8d8d8;
+  padding: 2px;
+  background-color: #f0f0f0;
+  font-style: normal;
+  color: #545454;
+  cursor: auto;
+}
 .close-button { /* close timezone selection UI without selecting */
        /* float doesn't work within absolutely positioned container,
         * if width of container is not set explicitly */
        /* float: right; */
-       position: absolute;
-       top: 0px; right: 0px;
-       border:  1px solid #ffaaaa;
-       margin:  1px 1px 1px 1px;
-       padding-bottom: 2px;
-       width:     12px;
-       height:    10px;
-       font-size:  9px;
-       font-weight: bold;
-       text-align: center;
-       background-color: #ffdddd;
-       cursor: pointer;
-}
-
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  border:  1px solid #ffaaaa;
+  margin:  1px 1px 1px 1px;
+  padding-bottom: 2px;
+  width:     12px;
+  height:    10px;
+  font-size:  9px;
+  font-weight: bold;
+  text-align: center;
+  background-color: #ffdddd;
+  cursor: pointer;
+}
 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
-
 /* Highlighting theme definition: */
-
-.num    { color:#6ecf36; }
-.esc    { color:#ff00ff; }
-.str    { color:#ff00d3; background-color: #edc9ec }
-.dstr   { color:#818100; }
-.slc    { color:#838183; font-style:italic; }
-.com    { color:#838183; font-style:italic; }
-.dir    { color:#008200; }
-.sym    { color:#000000; }
-.line   { color:#555555; }
-.kwa    { color:#666666; font-weight:bold; }
-.kwb    { color:#6b3099; }
-.kwc    { color:#d4663d; }
-.kwd    { color:#2928ff; }
-
+.num    {
+  color:#6ecf36;
+}
+.esc    {
+  color:#ff00ff;
+}
+.str    {
+  color:#ff00d3;
+  background-color: #edc9ec 
+}
+.dstr   {
+  color:#818100;
+}
+.slc    {
+  color:#838183;
+  font-style:italic;
+}
+.com    {
+  color:#838183;
+  font-style:italic;
+}
+.dir    {
+  color:#008200;
+}
+.sym    {
+  color:#000000;
+}
+.line   {
+  color:#555555;
+}
+.kwa    {
+  color:#666666;
+  font-weight:bold;
+}
+.kwb    {
+  color:#6b3099;
+}
+.kwc    {
+  color:#d4663d;
+}
+.kwd    {
+  color:#2928ff;
+}