X-Git-Url: https://git.datadissipation.net/gitweb-theme/blobdiff_plain/973c14cab6d54341cdb83177a5f97f41bc28ae72..HEAD:/gitweb.css

diff --git a/gitweb.css b/gitweb.css
index 51eaf8f..a7ee112 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,226 +32,289 @@ 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; }
-
+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 {
+  outline: none;
+  max-height: 2rem;
+  font-family: monospace;
+  border: 3px solid #d3dfe3;
+  background-color: #eef9ff;
+  color: #111;
+}
+input:focus,
+select:focus {
+  border-color: #fdd33c;
+}
+input[type="checkbox"] {
+  appearance: none;
+  vertical-align: middle;
+  width: 1rem;
+  height: 1rem;
+}
+input[type="checkbox"]:checked {
+  background-color: #fdd33c;
+}
+input[type="checkbox"]:focus-visible {
+  outline: 4px dashed #fdd33c;
+  outline-offset: -3px;
+}
+.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:focus {
+  border-color: #fdd33c;
+}
+.projsearch input[type="checkbox"] {
+  border: 2px solid #d3dfe3;
+}
+.search input[type="checkbox"] {
+  border: 2px 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;
+}
+th  {
+  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:focus-visible,
 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'] {
-  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*='tree'] {
+  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%2C4H4C2.89%2C4%202%2C4.89%202%2C6V18A2%2C2%200%200%2C0%204%2C20H20A2%2C2%200%200%2C0%2022%2C18V8C22%2C6.89%2021.1%2C6%2020%2C6H12L10%2C4Z%22%20fill%3D%22%23110600%22%20%2F%3E%3C%2Fsvg%3E) 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;
+td.list a[href*='blob'] {
+  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%2C2H4V4H4V20H4V22H20V20H20V8L14%2C2M18%2C20H6V4H13V9H18V20Z%22%20fill%3D%22%23110600%22%20%2F%3E%3C%2Fsvg%3E) center left no-repeat;
+}
+td.list a[href*='tree']:focus-visible,
+td.list a[href*='blob']:focus-visible,
+td.list a[href*='tree']:hover,
+td.list a[href*='blob']:hover {
+  background-color: #eee;
+  color: #110600;
+  filter: invert(1);
 }
-
 i {
   font-style: normal;
 }
-
-td, th {
-  padding: 5px;
-}
-
 .page_nav br {
   display: none;
 }
-
-/* Page Header
----------------------------------------------------------------------------- */
-
+#htmltagcloud {
+  margin: 2em;
+}
+.projects_list #htmltagcloud {
+  text-align: left;
+  margin: 4px;
+  margin-left: 0px;
+}
+/* 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:focus-visible,
 .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;
   margin-top: 30px;
   margin-left: 5px;
 }
-
+a.rss_logo:focus-visible,
 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,
@@ -246,79 +324,85 @@ 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 {
+.page_path {
   width: 94%;
-  background: #eaeaea;
   color: #545454;
-  border: 1px solid #d8d8d8;
+  border-bottom: 4px solid #eef9ff;
+  box-shadow: 0 2.5px #d3dfe3;
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .history {
   background: #eaeaea;
 }
-
+a.linenr {
+ color: #838183;
+ text-decoration: none;
+ background-color: transparent;
+}
+a.linenr:focus-visible,
+a.linenr:hover {
+ color: #111;
+}
 .title {
   margin: 0 auto 15px auto;
   padding: 5px;
   width: 95%;
 }
-
 .readme {
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
+  border: 2px solid #eef9ff;
   box-sizing: border-box;
   margin: 0 auto 15px auto;
   padding: 15px;
   width: 95%;
 }
-
 .readme h1 {
   display: block;
   font-size: 2em;
@@ -326,58 +410,63 @@ 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%;
+  font-weight: bold;
 }
-
 .readme blockquote {
+  max-width: 100%;
   margin: 1em;
 }
-
+.readme img {
+  max-width: 100%;
+}
 .projects_list,
 .tags {
   width: 95%;
@@ -387,7 +476,6 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .heads {
   width: 95%;
   color: #545454;
@@ -395,48 +483,51 @@ th .header {
   padding: 5px;
   margin: 0 auto 15px auto;
 }
-
 .header {
   width: 94%;
   margin: 0 auto 15px auto;
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
-  padding: 5px;
+  background: #eef9ff;
+  border: 2px solid #d3dfe3;
+  padding: 4px;
 }
-
 .header .age {
   float: left;
-  color: #000;
+  color: #111;
   font-weight: bold;
   width: 10em;
 }
-
+a.header:focus-visible,
+a.header:hover {
+  background-color: #111;
+}
 .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;
+  background: #fafeff;
   border: 1px solid #bedce7;
   border-top: 0;
   padding: 5px;
   margin: 0 auto 15px auto;
+  overflow-x: auto;
 }
-
 .page_body {
+  overflow-x: auto;
   line-height: 1.4em;
   width: 94%;
-  background: #f8f8f8;
-  border: 1px solid #d8d8d8;
+  background: #fafeff;
+  border: 1px solid #d3dfe3;
   padding: 5px;
   margin: 15px auto 15px auto;
 }
-
+.page_body:has(table.tree) {
+  background-color: #eef9ff;
+}
 .diff_tree {
   width: 95%;
   background: #f0f0f0;
@@ -444,219 +535,298 @@ 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;
+  vertical-align: top;
+  margin: 0;
+  background-color: #feedc9;
+  border: 1px solid #fdd33c;
+  border-radius: 3px;
+  height: 18px;
+  padding: 0 0;
+  text-overflow: ellipsis;
+  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%237878ff%22%20stroke%3D%22%237878ff%22%20stroke-width%3D%220%22%20aria-hidden%3D%22true%22%20transform%3D%22rotate(90)%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10.306%206.143A3.42%203.42%200%200%200%207%203.572a3.42%203.42%200%200%200-3.307%202.57H1v1.715h2.693A3.42%203.42%200%200%200%207%2010.428a3.42%203.42%200%200%200%203.306-2.57H13V6.142zM7%208.714a1.715%201.715%200%200%201%200-3.428%201.715%201.715%200%200%201%200%203.428z%22%2F%3E%3C%2Fsvg%3E);
+  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;
+  vertical-align: top;
+  margin: 0;
+  background-color: #fff7dd;
+  border: 1px solid #fdd33c;
+  border-radius: 3px;
+  height: 18px;
+  padding: 0 0;
+  text-overflow: ellipsis;
+  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.5%2C7A1.5%2C1.5%200%200%2C1%204%2C5.5A1.5%2C1.5%200%200%2C1%205.5%2C4A1.5%2C1.5%200%200%2C1%207%2C5.5A1.5%2C1.5%200%200%2C1%205.5%2C7M21.41%2C11.58L12.41%2C2.58C12.05%2C2.22%2011.55%2C2%2011%2C2H4C2.89%2C2%202%2C2.89%202%2C4V11C2%2C11.55%202.22%2C12.05%202.59%2C12.41L11.58%2C21.41C11.95%2C21.77%2012.45%2C22%2013%2C22C13.55%2C22%2014.05%2C21.77%2014.41%2C21.41L21.41%2C14.41C21.78%2C14.05%2022%2C13.55%2022%2C13C22%2C12.44%2021.77%2C11.94%2021.41%2C11.58Z%22%20fill%3D%22%23fdd33c%22%20%2F%3E%3C%2Fsvg%3E);
+  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;
+  vertical-align: top;
+  margin: 0;
+  background-color: #dfffdf;
+  border: 1px solid #78ff78;
+  border-radius: 3px;
+  height: 18px;
+  padding: 0 2px;
+  text-overflow: ellipsis;
+  background-image: url("/static/svg/head.svg");
+  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;
 }
-
+div.diff.to_file a.path:focus-visible,
+div.diff.to_file a.path:hover {
+  color: #00e209;
+}
+div.diff.from_file a.path:focus-visible,
+div.diff.from_file a.path:hover {
+  color: #fc0007;
+}
 .patch .header {
   margin: 0;
 }
-
 .patchset {
   overflow-x: auto;
   overflow-y: hidden;
 }
-
 .chunk_header {
   background: #eaf2f5;
   color: #999;
 }
-
+.rem,
+.add {
+  display: inline-block;
+  min-width: 100%;
+}
 .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;
+}
+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;
+}
+.ppc,
+.kwb {
+  color:#6b3099;
+}
+.kwc {
+  color:#d4663d;
+}
+.sng,
+.kwd {
+  color:#2928ff;
+}