From fde6895720a4f417283b9e375583967b504de2f3 Mon Sep 17 00:00:00 2001
From: marzavec <admin@marzavec.com>
Date: Fri, 9 Mar 2018 23:47:00 -0800
Subject: initial commit

---
 client/structure.css | 137 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 137 insertions(+)
 create mode 100644 client/structure.css

(limited to 'client/structure.css')

diff --git a/client/structure.css b/client/structure.css
new file mode 100644
index 0000000..18abc33
--- /dev/null
+++ b/client/structure.css
@@ -0,0 +1,137 @@
+body {
+  padding: 0;
+  margin: 0;
+  overflow-y: scroll;
+}
+body,
+input,
+textarea {
+  font-family: 'DejaVu Sans Mono', monospace;
+  font-size: 12px;
+}
+input[type="checkbox"] {
+  margin: 0;
+  margin-right: 1em;
+}
+label {
+  vertical-align: 3px;
+}
+input,
+textarea {
+  background: none;
+  border: none;
+  outline: none;
+  resize: none;
+}
+h4 {
+  font-size: 12px;
+  margin: 1em 0;
+  font-weight: bold;
+}
+pre {
+  tab-size: 2;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  tab-size: 4;
+  -moz-tab-size: 4;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: underline;
+}
+ul {
+  padding-left: 0;
+}
+ul li {
+  list-style: inside;
+}
+.hidden {
+  display: none;
+}
+.container {
+  max-width: 600px;
+  margin: 0 auto;
+}
+.messages {
+  border-left: 1px solid;
+}
+#messages {
+  padding-top: 2em;
+}
+.message {
+  padding-bottom: 1em;
+}
+.nick {
+  float: left;
+  width: 16em;
+  margin-left: -17em;
+  margin-right: 1em;
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.trip {
+  font-size: 10px;
+}
+.text {
+  margin: 0;
+  margin-left: 1em;
+}
+.text p {
+  margin: 0;
+}
+#footer {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+#chatform {
+  border-top: 1px solid;
+}
+#chatinput {
+  width: 100%;
+  padding: 1em;
+  box-sizing: border-box;
+}
+#sidebar {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  padding: 1em;
+  border-left: solid 1px;
+  overflow-y: auto;
+}
+#sidebar-content {
+  width: 180px;
+}
+@media only screen and (max-width: 600px) {
+  .messages {
+    border: none;
+  }
+  #messages {
+    padding: 0.5em;
+  }
+  .message {
+    padding-bottom: 0.5em;
+  }
+  .nick {
+    margin: 0;
+    float: none;
+    text-align: left;
+    display: inline;
+  }
+  .text {
+    display: inline;
+  }
+  #sidebar {
+    top: 0.5em;
+    bottom: auto;
+    right: 0.5em;
+    border: none;
+  }
+}
-- 
cgit v1.2.1