Initial

1 files changed, 89 insertions, 0 deletions

diff --git a/pages/style.css b/pages/style.css
new file mode 100644
index 0000000..e7c850a
--- /dev/null
+++ b/pages/style.css
@@ -0,0 +1,89 @@
+html, body {
+  margin: 0;
+}
+
+body {
+  font-family: sans-serif;
+}
+
+#gridwrapper {
+  min-height: 100vh;
+  display: grid;
+}
+
+#gridwrapper[data-page="index"] {
+  grid-template-rows: 1fr auto;
+}
+
+#gridwrapper[data-page="withheader"] {
+  grid-template-rows: auto 1fr auto;
+}
+
+header {
+  background-color: #ddd;
+  padding: 10px;
+  padding-left: 20px;
+}
+
+main {
+  margin: 0 20px 30px 20px;
+}
+
+footer {
+  background-color: #eee;
+  padding: 20px;
+  font-size: smaller;
+  color: #333;
+}
+
+.hdrspacer {
+  display: inline-block;
+  width: 15px;
+}
+
+.hdrchannel {
+  font-size: larger;
+  font-weight: bold;
+  vertical-align: middle;
+  margin-left: 15px;
+}
+
+.hdritem {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+/* index page */
+.chanlink {
+  font-weight: bold;
+  font-size: large;
+}
+
+/* log page */
+#pagepicker {
+  display: inline-block;
+  background-color: #eee;
+  padding: 5px;
+  border-radius: 5px;
+  margin-bottom: 10px;
+}
+
+table#events td {
+  padding: 2px;
+  vertical-align: top;
+}
+
+table#events td:nth-child(2) {
+  text-align: right;
+}
+
+table#events td:nth-child(-n + 2) {
+  white-space: nowrap;
+  padding-right: 10px;
+}
+
+span.nickwrap { color: #888; }
+table#events tr.ev-meta > td:nth-child(n + 2) { color: #666; }
+table#events tr.ev-act > td:nth-child(n + 2) { font-style: italic; }
+table#events tr.ev-notice > td:nth-child(n + 2) { font-weight: bold; }
+table#events tr.ev-parseerror > td:nth-child(n + 2) { color: red; }