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

diff --git a/data/web-static/css/main.css b/data/web-static/css/main.css
index f9e9cd0..8138f6c 100644
--- a/data/web-static/css/main.css
+++ b/data/web-static/css/main.css
@@ -2,14 +2,14 @@
     font-family: 'Inconsolata';
     font-style: normal;
     font-weight: 400;
-    src: local('Inconsolata-Regular'), local('Inconsolata'), local('Inconsolata Regular'), url('../fonts/inconsolata/Inconsolata-Regular.ttf');
+    src: 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');
+    src: url('../fonts/inconsolata/Inconsolata-Bold.ttf');
 }
 
 *, *:before, *:after {
@@ -26,6 +26,25 @@ body {
     font-size: 12pt;
 }
 
+span.pre-ish {
+    font-size: 12pt;
+    white-space: pre-wrap;
+}
+
+ul {
+    margin-top: .25em;
+    margin-bottom: .25em;
+    padding-left: 2ch;
+    list-style: none;
+}
+
+ul li:before {
+    content: "\2022";
+    margin-right: 1ch;
+    font-weight: bold;
+}
+
+
 #stream-metabox {
     flex-direction: column;
     display: flex;
@@ -42,7 +61,7 @@ body {
 /*
  Alignment hack:
    http://stackoverflow.com/a/37515194
-*/ 
+*/
 #stream-metabox > :first-child {
     margin-top: auto !important;
 }
@@ -73,6 +92,19 @@ body {
     margin-bottom: 0px;
 }
 
+
+.self-sent {
+    color: #494949;
+    border-left-color: #b4b4b4;
+}
+
+#connection-status.connected {
+    color: #88be7e;
+}
+
+#connection-status.disconnected {
+    color: #be8b7e;
+}
 
 
 #input-metabox {
@@ -84,7 +116,7 @@ body {
     padding: 15px;
 }
 
-input {
+#input-metabox input {
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     border-bottom-left-radius: 8px;