X-Git-Url: https://jxself.org/git/?p=mudsync.git;a=blobdiff_plain;f=data%2Fweb-static%2Fcss%2Fmain.css;h=f9e9cd06aeecfebc421fa4126f75830af062033b;hp=fdf39554db04954df849b95dc7dbdcae3b2ac248;hb=0ea9e56921f887613da5472f12c1e2ae229cb829;hpb=d97fa236de7c359ac318819062131137e3064082

diff --git a/data/web-static/css/main.css b/data/web-static/css/main.css
index fdf3955..f9e9cd0 100644
--- a/data/web-static/css/main.css
+++ b/data/web-static/css/main.css
@@ -1,29 +1,98 @@
+@font-face {
+    font-family: 'Inconsolata';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Inconsolata-Regular'), local('Inconsolata'), local('Inconsolata Regular'), url('../fonts/inconsolata/Inconsolata-Regular.ttf');
+}
+
+@font-face {
+    font-family: 'Inconsolata';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Inconsolata-Bold'), local('Inconsolata Bold'), url('../fonts/inconsolata/Inconsolata-Bold.ttf');
+}
+
 *, *:before, *:after {
     box-sizing: border-box;
 }
 
-
 body {
     height: 100%;
     display: flex;
     flex-direction: column;
     border: 0px;
     margin: 0px;
+    font-family: 'Inconsolata', monospace;
+    font-size: 12pt;
 }
 
-#stream-output {
-    flex: 1;
+#stream-metabox {
+    flex-direction: column;
+    display: flex;
     min-height: 85vh;
     max-height: 85vh;
     background-color: #d5d5d5;
-    padding: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-bottom: 0px;
+    padding-top: 0px;
+    overflow-y: auto;
 }
 
-#input-box {
+/*
+ Alignment hack:
+   http://stackoverflow.com/a/37515194
+*/ 
+#stream-metabox > :first-child {
+    margin-top: auto !important;
+}
+
+#stream {
+    background-color: #fbfbfb;
+    padding-bottom: .25em;
+}
+
+
+.stream-entry {
+    background-color: #fdfdfd;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    border-left-style: solid;
+    border-left-width: 2px;
+    border-left-color: #7b7b7b;
+    margin-top: .5em;
+    margin-bottom: 0px;
+    margin-left: -2px;
+    margin-right: 0px;
+}
+
+.stream-entry p {
+    margin-top: .25em;
+    margin-bottom: 0px;
+}
+
+
+
+#input-metabox {
     flex: 1;
     min-height: 15vh;
     max-height: 15vh;
     background-color: #414141;
     color: #d5d5d5;
-    padding: 10px;
-}
\ No newline at end of file
+    padding: 15px;
+}
+
+input {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    border: 3px solid #e6e6e6;
+    background-color: #ffffff;
+    padding: 5px;
+    width: 75%;
+    font-family: 'Inconsolata', monospace;
+    font-size: 12pt;
+}