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 {
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;
/*
Alignment hack:
http://stackoverflow.com/a/37515194
-*/
+*/
#stream-metabox > :first-child {
margin-top: auto !important;
}
margin-bottom: 0px;
}
+
+.self-sent {
+ color: #494949;
+ border-left-color: #b4b4b4;
+}
+
+#connection-status.connected {
+ color: #88be7e;
+}
+
+#connection-status.disconnected {
+ color: #be8b7e;
+}
\f
#input-metabox {
padding: 15px;
}
-input {
+#input-metabox input {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;