Updated CSS

2 files changed, 285 insertions, 0 deletions

diff --git a/klaus/Dockerfile b/klaus/Dockerfile
index bfaca80..c5a901f 100755
--- a/klaus/Dockerfile
+++ b/klaus/Dockerfile
@@ -3,6 +3,7 @@ MAINTAINER Eden Attenborough "eda@e.email"
 ENV TZ=Europe/London
 RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
 
+COPY ./klaus.css /usr/lib/python3.10/site-packages/klaus/static
 COPY . /app
 WORKDIR /app
 RUN pip3 install -r requirements.txt
diff --git a/klaus/klaus.css b/klaus/klaus.css
new file mode 100755
index 0000000..3360e0f
--- /dev/null
+++ b/klaus/klaus.css
@@ -0,0 +1,284 @@
+@charset "utf-8";
+
+body, header, #content { overflow: auto; }
+
+/* Reset */
+body { margin: 0; padding: 0; font-family: sans-serif; }
+a, a:visited { color: #003278; text-decoration: none; }
+a:hover { text-decoration: underline; }
+table { border-spacing: 0; border-collapse: collapse; }
+
+h2 > span:last-of-type { font-size: 60%; }
+h2 > code:last-of-type {
+  font-size: 60%;
+  margin-left: 2%;
+}
+
+.clearfloat { clear: both; }
+
+.hastooltip { cursor: help; }
+.separated-by-dots > span:not(:first-child):before { content: '·'; margin: 0 3px 0 5px; }
+
+.slash { color: #666; margin: 0 -0.2em; }
+
+.history ul, .repolist, .tree ul, .branch-selector ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+/* Header */
+header { font-size: 90%; padding: 0.5%; border-bottom: 3px solid #e0e0e0; }
+header a { padding: 0.5% 0; }
+header .breadcrumbs > span:before { content: ' » '; color: #666; }
+header .slash { margin: 0 -2px; }
+
+
+/* Branch/tag selector */
+.branch-selector {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  font-size: 90%;
+  background-color: #fefefe;
+}
+.branch-selector > * {
+  background-color: #fcfcfc;
+  position: relative;
+}
+.branch-selector > span {
+  border: 1px solid #f1f1f1;
+  padding: 4px 5px;
+  float: right;
+}
+.branch-selector > span:after { content: "☟"; margin-left: 5px; }
+.branch-selector > span:hover { background-color: #fefefe; cursor: pointer; }
+.branch-selector div {
+  z-index: 1;
+  clear: both;
+  display: none;
+}
+.branch-selector ul {
+  margin: 0;
+}
+.branch-selector ul + ul {
+  border-top: 1px solid #e0e0e0;
+}
+.branch-selector li a {
+  display: block;
+  padding: 4px 5px;
+  border-bottom: 1px solid #f1f1f1;
+}
+.branch-selector li:first-child a { border-top: 1px solid #f1f1f1; }
+.branch-selector li a:hover { background-color: #fefefe; }
+.branch-selector li:last-child a { border: 0; }
+.branch-selector:hover { border: 1px solid #ccc; }
+.branch-selector:hover > span { border: 0; background-color: inherit; }
+.branch-selector:hover div { display: block; }
+
+/* Footer */
+footer {
+  clear: both;
+  font-size: 80%;
+  float: right;
+  color: #666;
+  padding: 50px 5px 5px 0;
+}
+footer a { color: inherit; border-bottom: 1px dotted #666; }
+footer a:hover { text-decoration: none; }
+
+
+/* Container */
+#content { 
+  padding: 10px 15% 0 15%;
+}
+#content > div:nth-of-type(1),
+#content > div:nth-of-type(2) { float: left; }
+#content > div:nth-of-type(1) { width: 24%; }
+#content > div:nth-of-type(2) { width: 72%; margin-left: 1.5%; }
+
+
+/* Pagination */
+.pagination { float: right; margin: 0; font-size: 90%; }
+.pagination > * {
+  border: 1px solid;
+  padding: 2px 10px;
+  text-align: center;
+}
+.pagination .n { font-size: 90%; padding: 1px 5px; position: relative; top: 1px; }
+.pagination > a { opacity: 0.6; border-color: #6491bf; }
+.pagination > a:hover { opacity: 1; text-decoration: none; border-color: #4D6FA0; }
+.pagination span { color: #999; border-color: #ccc; }
+
+
+/* Repo List */
+.repolist { margin-left: 2em; font-size: 120%; }
+.repolist li { margin-bottom: 10px; }
+.repolist li a .last-updated {
+  color: #737373;
+  font-size: 60%;
+  margin-left: 1px;
+}
+.repolist li a .description {
+  color: black;
+  font-size: 75%;
+  margin-left: 1px;
+}
+.repolist li a:hover { text-decoration: none; }
+.repolist li a:hover .name { text-decoration: underline; }
+
+.invalid { color: red; }
+.invalid .reason {
+  color: #737373;
+  font-size: 60%;
+  margin-left: 1px;
+}
+
+/* Base styles for history and commit views */
+.commit {
+  display: block;
+  margin-bottom: 2px;
+  padding: 8px 10px;
+  background-color: #f9f9f9;
+  border: 1px solid #e0e0e0;
+}
+.commit:hover { text-decoration: none; }
+
+.commit > span { display: block; }
+
+.commit .line1 { font-family: monospace; padding-bottom: 2px; line-height: 1.3; }
+.commit .line1 span { white-space: pre-wrap; text-overflow: hidden; }
+.commit:hover .line1 { text-decoration: underline; color: #aaa; }
+.commit:hover .line1 span { color: black; }
+
+.commit .line2 { position: relative; top: 5px; left: 1px; }
+.commit .line2 > span:first-child { float: left; }
+.commit .line2 > span:nth-child(2) { float: right; }
+.commit .line2 { color: #737373; font-size: 80%; }
+
+
+/* History View */
+.history .pagination { margin-top: -2em; }
+a.commit { color: black !important; }
+
+.tree ul { font-family: monospace; border-top: 1px solid #e0e0e0; }
+.tree li { background-color: #f9f9f9; border: 1px solid #e0e0e0; border-top: 0; }
+.tree li a {
+  padding: 5px 7px 6px 7px;
+  display: block;
+  color: #001533;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tree li a:before {
+  margin-right: 5px;
+  position: relative;
+  top: 2px;
+  opacity: 0.7;
+  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sGBhMmAbS/QqsAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAANBJREFUKM+Vkj2OgzAQhb8HSLupkKiQD8DPWbZMkSMgLsF9IlLmMpiKA9CncraIQGbXIPGqsec9faOx1TTNwxhz5YT6vr8lxphr13Wc1D1Zqnmecc4BIGl1LLUk4jgmTVMA1qBzDmvtxuhLEnVdr+fEb5ZleUj0lfgGn/hXh8SiKAKEF+/3F1EUhYkA4zhumlVVARfgBXzvjxoiSkK6/Bt9Q7TWHi7lM8HOVsNE7RMlMQxDkLRs078LEkPh3XfMsuzUZ1Xbts88z3/OhKZpuv8CNeMsq6Yg8OoAAAAASUVORK5CYII=);
+}
+.tree li a.dir:before {
+  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sGBhMiMxgE1i8AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAYxJREFUKM+l0r1KXEEYxvH/bNS4K2RNCjsRBAlqITESI0QCuqBdWLwACSJaiZILiDcQkDRql8oUIqkkkRTRwiKVyvoRV5HFEFEX/DjomePsmfNauB4xrLAmD1PNML95eBnV0Fj/vjPRMcpfMcYAMP9jYXDzV3qSO1LSmegYfdvbV/DQ8zS+709oVzu7u78/FwQAHOeU9Y31gsjz5hYcx5lqbXsxdb23ld4eW15aGQmBaDRGZfzxXS1JvukBQCmFUoqZL9PDIWCMQWuX76tnpLIxisqjJC39SXmoM5thg1Q2xsd3XXjGFmWUlz1g6MPc0xIArV0A9o89dg7PiwJqqyoAiHieRzRaZPUCibiuGzb4J+B6Bv8F3LeBtQFeznLrH5RGAgQQEZRSiAgiEIhgrZCzAcYXLnxLzgrxirIbQGuXmvgFR2eGP0caRBEg5BciIAgieRjwrdwAB9lDnrW9Yjlzkr909boIBAiCApGwVWvdE+a+fkOvzX5STd0D86XV7a/vOzy7t/hzaXb85SVDycBfkNNgmgAAAABJRU5ErkJggg==);
+}
+
+
+/* Blob, Blame, Diff, Markup View */
+.line { display: block; }
+.linenos { background-color: #f9f9f9; text-align: right; }
+.linenos a { color: #888; }
+.linenos a:hover { text-decoration: none; }
+.highlight-line, .highlight-line .line { background-color: #fefed0; }
+.linenos a { padding: 0 6px 0 6px; }
+.markup table, .markup img, .markup pre { border: 1px solid #e0e0e0; }
+.markup table { min-width: 100%; }
+.markup img { max-width: 100%; padding: 1px; }
+.markup pre {
+  padding: 10px 12px;
+  background-color: #f9f9f9;
+}
+
+
+/* Blob, Blame View */
+.blobview table, .blameview table { min-width: 100%; }
+.blobview table, .blameview table { border: 1px solid #e0e0e0; }
+.blobview .code, .blameview .code { padding: 0; width: 100%; }
+.blobview .code .line, .blameview .code .line { padding: 0 5px 0 10px; }
+.blobview .code a, .blameview .code a { color: inherit; }
+.blobview .linenos, .blameview .linenos { border: 1px solid #e0e0e0; padding: 0; }
+
+
+/* Blob View */
+.blobview .markup { border: 1px solid #e0e0e0; }
+.blobview .markup h1:first-child { margin-top: 8px; }
+.blobview .markup { padding: 0 10px; }
+
+
+/* Blame View */
+.blameview .highlighttable { border-top: 0; border-bottom: 0; border-left: 0; }
+.blameview .linenos { border-top: 0; border-bottom: 0; border-left: 0; }
+.blameview .line-info a { padding: 0 6px 0 6px; }
+.blameview .line-info { background-color: #f9f9f9; }
+
+
+/* Commit View */
+.full-commit { width: 100% !important; margin-top: 10px; }
+
+.full-commit .commit { padding: 15px 20px; }
+.full-commit .commit .line1 { padding-bottom: 5px; }
+.full-commit .commit:hover .line1 { text-decoration: none; }
+.full-commit .commit .line2 > span { float: left; }
+
+.full-commit .summary { color: #737373; font-size: 80%; margin-top: 25px; }
+.full-commit .summary .additions { color: #008800; }
+.full-commit .summary .deletions { color: #ee4444; }
+
+.full-commit .file.collapsed > table { display: none; }
+
+.diff { font-family: monospace; }
+.diff .filename {
+  padding: 8px 10px;
+  background-color: #f9f9f9;
+  border: 1px solid #e0e0e0;
+  margin-top: 25px;
+}
+.diff .filename del { color: #999; }
+.diff .filename .summary { float: left; margin: -4px 15px 0 -5px; font-size: 80%; }
+.diff .filename .summary .additions { color: green; }
+.diff .filename .summary .deletions{ color: red; }
+
+.diff .togglers { float: right; }
+.diff .togglers a { opacity: 0.5; }
+.diff .file:not(.collapsed) .togglers .expand   { display: none; }
+.diff .file.collapsed       .togglers .collapse { display: none; }
+
+.diff table, .diff .emptydiff {
+  border: 1px solid #e0e0e0;
+  border-top: 0;
+  background-color: #fdfdfd;
+  display: block;
+}
+.diff .emptydiff {
+  padding: 7px 10px;
+}
+.diff td {
+  padding: 0;
+  border-left: 1px solid #e0e0e0;
+}
+.diff td .line { padding: 1px 10px; display: block; min-height: 1.2em; white-space: pre-wrap; }
+.diff .linenos { font-size: 85%; padding: 0; vertical-align: top; }
+.diff .linenos a { display: block; padding-top: 1px; padding-bottom: 1px; }
+.diff td + td + td { width: 100%; }
+.diff tr:first-of-type td { padding-top: 7px; }
+.diff tr:last-of-type td { padding-bottom: 7px; }
+.diff table .del { background-color: #ffdddd; }
+.diff table .add { background-color: #ddffdd; }
+.diff table .no-newline-marker { font-size: 50%; margin-left: 5px; color: red; }
+.diff table del { background-color: #ee9999; text-decoration: none; }
+.diff table ins { background-color: #99ee99; text-decoration: none; }
+.diff .sep > td {
+  height: 1.2em;
+  text-align: center;
+  background-color: #f9f9f9;
+  border: 1px solid #e0e0e0;
+}
+.diff .sep:hover > td { background-color: #f9f9f9; }