Full screen css structure

[mudsync.git] / data / web-static / css / main.css

diff --git a/data/web-static/css/main.css b/data/web-static/css/main.css
new file mode 100644 (file)
index 0000000..fdf3955
--- /dev/null
+++ b/data/web-static/css/main.css
@@ -0,0 +1,29 @@
+*, *:before, *:after {
+    box-sizing: border-box;
+}
+
+
+body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    border: 0px;
+    margin: 0px;
+}
+
+#stream-output {
+    flex: 1;
+    min-height: 85vh;
+    max-height: 85vh;
+    background-color: #d5d5d5;
+    padding: 10px;
+}
+
+#input-box {
+    flex: 1;
+    min-height: 15vh;
+    max-height: 15vh;
+    background-color: #414141;
+    color: #d5d5d5;
+    padding: 10px;
+}
\ No newline at end of file