one big lazy commit, replace embedded PNGs with SVGs, color and scaling changes
[gitweb-theme.git] / gitweb.css
old mode 100755 (executable)
new mode 100644 (file)
index 9f48e39..a7ee112
+/* 
+ * 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 { 
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    font-size: 100%;
-    vertical-align: baseline;
-    background: transparent;
-}
-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; }
-
+@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;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+ins {
+  text-decoration: none;
+}
+del {
+  text-decoration: line-through;
+}
 table {
-    border-collapse: collapse;
-    border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+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;
 }
-
-a { outline: none; }
-
 /* General
 ---------------------------------------------------------------------------- */
-
+html {
+  position: relative;
+  min-height: 100%;
+}
 body {
-    font-family: "Monaco", "Courier New", monospace;
-    font-size: 12px;
-    margin: 0;
-    background-color: #fff;
-    color: #000000;
-}
-
-a:link, a:visited {
-    color: #4183C4;
-    text-decoration: none;
-}
-
+  font: 13px Helvetica,arial,freesans,clean,sans-serif;
+  line-height: 1.4;
+  margin: 0 0 105px;
+  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,
+.page_header,
+.pre,
+.diff,
+.patchset {
+  font-family: 'Victor Mono', monospace;
+}
+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;
 }
-
-i {
-    font-style: normal;
+td.list a[href*='tree'],
+td.list a[href*='blob'] {
+  padding-left: 20px;
+  height: 16px;
+  line-height: 16px;
+}
+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, th {
-    padding: 5px;
+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;
 }
-
 .page_nav br {
-       display: none;
+  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;
-    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 */
-    border-bottom: 1px solid #dfdfdf;
-}
-
-.page_header a:link, .page_header a:visited {
-    color: #4183C4;
-    text-decoration: none;
-    padding: 3px;
-    font-weight: bold;
-}
-
+  line-height: 50px;
+  position: relative;
+  padding: 0 27px;
+  margin-bottom: 20px;
+  text-wrap: balance;
+  font-size: 20px;
+  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;
+  font-weight: bold;
+  padding: 3px;
+  text-decoration: underline;
 }
-
 .page_header a:first-child {
-    background: transparent;
+  background: transparent;
 }
-
 .page_header img.logo {
-    display: none;
+  border: 3px #fdd33c double;
+  position: relative;
+  top: 7px;
+  margin-right: 5px;
 }
-
 /* Page Footer
 ---------------------------------------------------------------------------- */
-
 .page_footer {
-    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;
-}
-
+  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: #eef9ff;
+  border-top: 2px solid #d3dfe3;
+  border-bottom: 1px solid #d3dfe3;
+}
 .page_footer_text {
-    color: #666;
-    display: inline;
-    float: left;
+  margin-right: auto;
+  color: #666;
+  margin-left: 1vw;
+  width: 80%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-
 a.rss_logo {
-    float: right;
-    padding: 3px 1px;
-    width: 35px;
-    line-height: 10px;
-    border: 1px solid;
-    border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
-    color: #ffffff;
-    background-color: #ff6600;
-    font-weight: bold;
-    font-family: sans-serif;
-    font-size: 80%;
-    text-align: center;
-    text-decoration: none;
-    margin-top: 30px;
-    margin-left: 5px;
-}
-
+  margin-right: 8px;
+  padding: 3px 1px;
+  height: 10px;
+  width: 35px;
+  line-height: 10px;
+  border: 1.5px solid #d3dfe3;
+  background-color: #fdd33c;
+  font-weight: bold;
+  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;
-}  
-
+  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);
-}
-
+  width: 95%;
+  margin: 0 auto 15px auto;
+  border: 1px solid #d3dfe3;
+}
 .project_list th,
 .shortlog th,
 .tree th,
 .commit_search th {
-    color: #afafaf;
-    font-weight: normal;
+  color: #111;
+  font-weight: normal;
+}
+.project_list th {
+  font-weight: bold;
 }
-
 .project_list tr,
 .shortlog tr,
 .tree tr,
 .commit_search tr {
-    background: #eaeaea;
-    height: 2.5em;
-    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 */
-    height: 2.5em;
-    border-bottom: 1px solid #e1e1e1;
-}
-
+  background: #eaeaea;
+  height: 2.5em;
+  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;
+  height: 2.5em;
+  border-bottom: 1px solid #e1e1e1;
+}
+.tree tr:last-child {
+  border-bottom: none;
+}
 th .header {
-    background: transparent;
-    border: 0;
-    padding: 0;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  font-weight: bold;
 }
-
 .tree {
-    width: 100%;
-    margin: 0;
+  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;
+  background: #eaeaea;
 }
-
 .page_nav,
 .list_head,
-.page_path,
-.search {
-    width: 94%;
-    background: #eaeaea;
-    color: #545454;
-    border: 1px solid #d8d8d8;
-    padding: 5px;
-    margin: 0 auto 15px auto;
-}
-
+.page_path {
+  width: 94%;
+  color: #545454;
+  border-bottom: 4px solid #eef9ff;
+  box-shadow: 0 2.5px #d3dfe3;
+  padding: 5px;
+  margin: 0 auto 15px auto;
+}
 .history {
-    background: #eaeaea;
+  background: #eaeaea;
+}
+a.linenr {
+ color: #838183;
+ text-decoration: none;
+ background-color: transparent;
+}
+a.linenr:focus-visible,
+a.linenr:hover {
+ color: #111;
 }
-
 .title {
-    width: 95%;
-    padding: 5px;
+  margin: 0 auto 15px auto;
+  padding: 5px;
+  width: 95%;
+}
+.readme {
+  border: 2px solid #eef9ff;
+  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%;
+  font-weight: bold;
+}
+.readme blockquote {
+  max-width: 100%;
+  margin: 1em;
+}
+.readme img {
+  max-width: 100%;
 }
-
 .projects_list,
 .tags {
-    width: 95%;
-    background: #f0f0f0;
-    color: #545454;
-    border: 1px solid #d8d8d8;
-    padding: 5px;
-    margin: 0 auto 15px auto;
-}
-
+  width: 95%;
+  background: #f0f0f0;
+  color: #545454;
+  border: 1px solid #d8d8d8;
+  padding: 5px;
+  margin: 0 auto 15px auto;
+}
 .heads {
-    width: 95%;
-    color: #545454;
-    border: 1px solid #d8d8d8;
-    padding: 5px;
-    margin: 0 auto 15px auto;
+  width: 95%;
+  color: #545454;
+  border: 1px solid #d8d8d8;
+  padding: 5px;
+  margin: 0 auto 15px auto;
 }
-
 .header {
-    width: 94%;
-    margin: 0 auto 15px auto;
-    background: #eaf2f5;
-    border: 1px solid #bedce7;
-    padding: 5px;
+  width: 94%;
+  margin: 0 auto 15px auto;
+  background: #eef9ff;
+  border: 2px solid #d3dfe3;
+  padding: 4px;
 }
-
 .header .age {
-    float: left;
-    color: #000;
-    font-weight: bold;
-    width: 10em;
+  float: left;
+  color: #111;
+  font-weight: bold;
+  width: 10em;
+}
+a.header:focus-visible,
+a.header:hover {
+  background-color: #111;
 }
-
 .title_text {
-    width: 94%;
-    background: #eaf2f5;
-    border: 1px solid #bedce7;
-    padding: 5px;
-    margin: 0 auto 0 auto;
+  width: 94%;
+  background: #eef9ff;
+  border: 1px solid #bedce7;
+  padding: 5px;
+  margin: 0 auto 0 auto;
 }
-
 .log_body {
-    width: 94%;
-    background: #eaf2f5;
-    border: 1px solid #bedce7;
-    border-top: 0;
-    padding: 5px;
-    margin: 0 auto 15px auto;
-}
-
+  width: 94%;
+  background: #fafeff;
+  border: 1px solid #bedce7;
+  border-top: 0;
+  padding: 5px;
+  margin: 0 auto 15px auto;
+  overflow-x: auto;
+}
 .page_body {
-    line-height: 1.4em;
-    width: 94%;
-    background: #f8f8f8;
-    border: 1px solid #d8d8d8;
-    padding: 5px;
-    margin: 15px auto 15px auto;
-}
-
+  overflow-x: auto;
+  line-height: 1.4em;
+  width: 94%;
+  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;
-    border: 1px solid #d8d8d8;
-    padding: 5px;
-    margin: 0 auto 15px auto;
+  width: 95%;
+  background: #f0f0f0;
+  border: 1px solid #d8d8d8;
+  padding: 5px;
+  margin: 0 auto 15px auto;
 }
-
 .page_body > .list_head {
-    width: 98.5%;
+  width: 98.5%;
 }
-
 .page_body > .diff_tree {
-    width: 99.5%;
+  width: 99.5%;
 }
-
 .patch > .header {
-    width: 98.5%;
+  width: 99%;
 }
-
-/* Refs
----------------------------------------------------------------------------- */
-
+.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;
+  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 */
+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;
 }
-
-/* Diffs
----------------------------------------------------------------------------- */
-
 .patchset {
-    overflow: auto;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
-
 .chunk_header {
-    background: #eaf2f5;
-    color: #999;
+  background: #eaf2f5;
+  color: #999;
+}
+.rem,
+.add {
+  display: inline-block;
+  min-width: 100%;
 }
-
 .rem {
-    background: #ffdddd;
+  background: #ffdddd;
+}
+.rem .marked {
+  background: #ffaaaa;
 }
 .add {
-    background: #ddffdd;
+  background: #ddffdd;
 }
-
-/* Age
----------------------------------------------------------------------------- */
-
+.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;
+}
+/* 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;
+  color: #cdcdcd;
 }
-
 /* age2: 60*60*24*2 <= age */
-.project_list td.age2, .blame td.age2 {
-    color: #545454;
+.project_list td.age2,
+.blame td.age2 {
+  color: #545454;
 }
-
 /* age1: 60*60*2 <= age < 60*60*24*2 */
 .project_list td.age1 {
-    color: #009900;
+  color: #009900;
 }
-
 /* age0: age < 60*60*2 */
 .project_list td.age0 {
-    color: #009900;
-    font-weight: bold;
+  color: #009900;
+  font-weight: bold;
 }
-
-/* File status
----------------------------------------------------------------------------- */
-
+/* File status */
 .diff_tree span.file_status.new {
-    color: #008000;
+  color: #008000;
 }
-
 table.diff_tree span.file_status.deleted {
-    color: #c00000;
+  color: #c00000;
 }
-
 table.diff_tree span.file_status.moved,
 table.diff_tree span.file_status.mode_chnge {
-    color: #545454;
+  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;
+  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;
-}
\ No newline at end of file
+  color: red;
+  background: yellow;
+}
+/* blob view */
+.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;
+}
+.ppc,
+.kwb {
+  color:#6b3099;
+}
+.kwc {
+  color:#d4663d;
+}
+.sng,
+.kwd {
+  color:#2928ff;
+}