X-Git-Url: https://git.datadissipation.net/gitweb-theme/blobdiff_plain/c700a75ed533971cf9a24c547590baaf12181c64..7974a92080ba28fba11ff062383a71a4c006d41a:/gitweb.css

diff --git a/gitweb.css b/gitweb.css
index 8c58cad..b92be7b 100644
--- a/gitweb.css
+++ b/gitweb.css
@@ -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,195 +32,294 @@ 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;
-  background-color: #fff;
-  color: #000000;
+  margin: 0 0 105px;
+  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*='a=tree'], td.list a[href*='a=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*='a=tree'] {
+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*='a=blob'] {
+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;
+}
+.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 {
+  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;
-  padding: 0 30px;
   margin-top: 15px;
-  margin-bottom: 30px;
-  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: 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;
   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;
+  border: 1px solid #d3dfe3;
+  padding: 8px;
+  -webkit-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,
@@ -215,70 +329,149 @@ 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;
+ background-color: transparent;
+}
+a.linenr:hover {
+ color: #111;
+}
 .title {
-  width: 95%;
+  margin: 0 auto 15px auto;
   padding: 5px;
+  width: 95%;
+}
+.readme {
+  background: #eaf2f5;
+  border: 1px solid #bedce7;
+  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 {
+  overflow-x: auto;
+  max-width: 100%;
+  font-family: 'Victor Mono', monospace;
+  font-weight: bold;
+  width: fit-content;
+  background-color: #fafeff;
+  margin: 1em 0;
+  padding: 0.2rem;
+  border-left: 4px solid #fdd33c;
+}
+.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%;
@@ -288,7 +481,6 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .heads {
   width: 95%;
   color: #545454;
@@ -296,30 +488,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;
@@ -328,8 +516,8 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .page_body {
+  overflow-x: auto;
   line-height: 1.4em;
   width: 94%;
   background: #f8f8f8;
@@ -337,7 +525,9 @@ th .header {
   padding: 5px;
   margin: 15px auto 15px auto;
 }
-
+.page_body:has(table.tree) {
+  background-color: #eef9ff;
+}
 .diff_tree {
   width: 95%;
   background: #f0f0f0;
@@ -345,219 +535,292 @@ 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: #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: #feedc9;
+  border: 1px solid #fdd33c;
+  border-radius: 3px;
+  height: 18px;
+  padding: 0 6px;
+  text-overflow: ellipsis;
+  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 {
-  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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUZZ+h9RwAAAGZQTFRFAAAAtrYkwMBAwMBAx8c4yso11NQ71NQ51dU52Ng71tY519c719c719c62Ng719c719c62Ng72dk62Ng62Ng72Ng72dk62Ng72Ng62dk62dk72dk62Ng62dk72Ng72Ng72dk7////ou/AnQAAACB0Uk5TAAYHCxESLjRCWWlqa4uNkpissbrO19jc3ufs8vf6/f7atAU2AAAAAWJLR0QhxGwNFgAAAF1JREFUGFeNy0cOgCAABVGw94rY5d//lC7omhhn+ZIh5Gf1xPk0Zi5dAABROIQjSU/fsAXhDkCUljAv8jW2wlQpaixpo4Nj+dtatVpjkSJjLNaizRVpvhBCu/4h391jzw1lU12Z7wAAAABJRU5ErkJggg==);
+  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: #fffcc9;
+  border: 1px solid #fdd33c;
+  border-radius: 3px;
+  height: 18px;
+  padding: 0 6px;
+  text-overflow: ellipsis;
+  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: #000;
+  color: #4e4e4e;
+  background-color: transparent;
+  text-decoration: 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;
 }
+.rem .marked {
+  background: #ffaaaa;
+}
 .add {
   background: #ddffdd;
 }
-
+.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;
 }
-
-/* Age
----------------------------------------------------------------------------- */
-
+/* Category */
+td.category {
+  background: #e6f1f6;
+  font-weight: bold;
+  border-bottom: 1px solid #d1d1d1;
+  border-top: 1px solid #d1d1d1;
+}
+/* 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 {
+  image-rendering: pixelated;
+  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;
+	/* "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;
+}
+.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;
 }
-
 /* 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;
+}