adding inconsolata and doing a slight amount of theming
[mudsync.git] / data / web-static / css / main.css
1 @font-face {
2     font-family: 'Inconsolata';
3     font-style: normal;
4     font-weight: 400;
5     src: local('Inconsolata-Regular'), local('Inconsolata'), local('Inconsolata Regular'), url('../fonts/inconsolata/Inconsolata-Regular.ttf');
6 }
7
8 @font-face {
9     font-family: 'Inconsolata';
10     font-style: normal;
11     font-weight: 700;
12     src: local('Inconsolata-Bold'), local('Inconsolata Bold'), url('../fonts/inconsolata/Inconsolata-Bold.ttf');
13 }
14
15 *, *:before, *:after {
16     box-sizing: border-box;
17 }
18
19 body {
20     height: 100%;
21     display: flex;
22     flex-direction: column;
23     border: 0px;
24     margin: 0px;
25     font-family: 'Inconsolata', monospace;
26 }
27
28 #stream-metabox {
29     flex: 1;
30     min-height: 85vh;
31     max-height: 85vh;
32     background-color: #d5d5d5;
33     padding: 10px;
34     overflow-y: scroll;
35 }
36
37 #input-metabox {
38     flex: 1;
39     min-height: 15vh;
40     max-height: 15vh;
41     background-color: #414141;
42     color: #d5d5d5;
43     padding: 10px;
44 }
45
46 input {
47     border-top-left-radius: 8px;
48     border-top-right-radius: 8px;
49     border-bottom-left-radius: 8px;
50     border-bottom-right-radius: 8px;
51     border: 3px solid #e6e6e6;
52     background-color: #ffffff;
53     padding: 5px;
54     width: 75%;
55 }