1 files changed, 97 insertions, 0 deletions
diff --git a/static/chat.css b/static/chat.css
new file mode 100644
index 0000000..ed56fca
--- /dev/null
+++ b/static/chat.css
@@ -0,0 +1,97 @@
+* {
+	font-family: sans-serif;
+}
+
+#chatlog {
+	display: table;
+	list-style: none;
+	margin: 0;
+	padding: 0
+}
+
+#chatlog li {
+	display: table-row;
+	margin: 0;
+	padding: 0;
+}
+
+#chatlog li .nick {
+	display: table-cell;
+	padding-right: 1ex;
+	font-weight: bold;
+	text-align: right;
+}
+
+#chatlog li .msg {
+	display: table-cell;
+}
+
+#chatlog li.leave, #chatlog li.join, #chatlog li.leave .nick, #chatlog li.join .nick {
+	color: gray !important;
+	font-style: italic !important;
+}
+
+h1 {
+	text-align: center;
+	font-weight: bold;
+	font-size: 18pt;
+	margin: 0;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	border-bottom: 1px solid #28f;
+	height: 8mm;
+	background: white;
+}
+
+#buddiescontainer {
+	position: fixed;
+	top: 0;
+	right: 0;
+	width: 35mm;
+	margin: 10mm 0 12mm 0;
+}
+
+#buddiescontainer h2 {
+	font-weight: bold;
+	font-size: 12pt;
+}
+
+#buddies {
+	margin: 0;
+	padding: 0;
+}
+#buddies li {
+	margin: 0;
+	padding: 0;
+}
+
+#chatlog {
+	margin: 10mm 40mm 12mm 0;
+}
+
+#chatinput {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 10mm;
+	border-top: 1px solid #28f;
+}
+
+#chatinput input {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	height: 8mm;
+	width: calc(100% - 25mm);
+}
+
+#chatinput button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 20mm;
+	bottom: 0;
+}
+\ No newline at end of file