X-Git-Url: https://jxself.org/git/?a=blobdiff_plain;ds=sidebyside;f=data%2Fweb-static%2Fcss%2Fmain.css;h=8138f6c067b44650f06e34af7112d10cdbd05628;hb=086e3362830393bcd51a3d79fe50c66ca15b7112;hp=308a556f1ded375d1228cd2d23cc520a3e7f5640;hpb=829df0120213f2bf7420b8ae153e761feb675106;p=mudsync.git diff --git a/data/web-static/css/main.css b/data/web-static/css/main.css index 308a556..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; @@ -79,6 +98,13 @@ body { border-left-color: #b4b4b4; } +#connection-status.connected { + color: #88be7e; +} + +#connection-status.disconnected { + color: #be8b7e; +} #input-metabox { @@ -90,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;