Add first version of HTML templates

Inspired mainly by CGit UI, but also stagit and sourcehut.

1 files changed, 133 insertions, 0 deletions

diff --git a/src/static/styles.css b/src/static/styles.css
new file mode 100644
index 0000000..a1ed48d
--- /dev/null
+++ b/src/static/styles.css
@@ -0,0 +1,133 @@
+:root {
+	--row-light-gray: #eee;
+	--row-background-light-gray: #ccc;
+	--background-light-gray: #999;
+	font-family: sans-serif;
+}
+
+a {
+	color: black;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+#horizontal-aligner-of-logo-and-header-items {
+	display: flex;
+}
+
+#vertical-aligner-of-header-items {
+	display: flex;
+	flex-direction: row;
+}
+
+div#vertical-aligner-of-header-items > h2 {
+	font-weigth: normal;
+	color: red;
+}
+
+#repository-logo {
+	width: 5em;
+	margin: 2em;
+}
+
+hr {
+	border: none;
+	height: 5px;
+	background-color: var(--background-light-gray);
+}
+
+nav ul {
+	display: flex;
+	list-style-type: none;
+	border-bottom: 5px solid var(--background-light-gray);
+}
+
+nav li {
+	margin-left: 10px;
+}
+
+nav a {
+	padding-top: 2px;
+	padding-left: 8px;
+	padding-right: 8px;
+}
+
+nav .selected-nav-item a {
+	background-color: var(--background-light-gray);
+}
+
+main {
+	padding: 2em;
+}
+
+table {
+	text-align: left;
+	border: none;
+	border-collapse: collapse;
+	width: 100%;
+}
+
+table tr.table-no-highlight-row {
+	background-color: white;
+}
+
+table tr.table-no-highlight-row:hover {
+	background-color: white;
+}
+
+table tr:hover {
+	background-color: var(--row-background-light-gray);
+}
+
+tr:nth-child(odd) {
+	background-color: white;
+}
+
+tr:nth-child(even) {
+	background-color: var(--row-light-gray);
+}
+
+footer {
+	text-align: center;
+}
+
+/* Page log.html */
+
+.log-commit-box {
+	padding: 1em;
+	background-color: var(--row-light-gray);
+}
+
+.log-head-highlight {
+	padding: 2px;
+	background-color: #ff8888;
+	border: 1px solid;
+}
+
+.log-branch-highlight {
+	padding: 2px;
+	background-color: #88ff88;
+	border: 1px solid;
+}
+
+.log-tag-highlight {
+	padding: 2px;
+	background-color: #ffff88;
+	border: 1px solid;
+}
+
+
+/* Page tree.html */
+
+table#files-table td:nth-child(1) {
+	width: 10%;
+	padding-right: 2em;
+}
+
+.files-row-item-directory {
+	color: blue;
+	font-weight: bold;
+}