1. @import url(https://fonts.googleapis.com/css?family=Roboto:700);
2.  
3. * {
4.     box-sizing: border-box;
5. }
6.  
7. html, body {
8.     height: 100%;
9.     overflow: hidden;
10. }
11.  
12. body {
13.     background: {background_color};
14.     font-family: 'Roboto';
15.     font-weight: 700;
16.     font-size: {font_size};
17.     line-height: 1.5em;
18.     color: {text_color};
19. }
20.  
21. #log>div {
22.     animation: fadeInRight .3s ease forwards, fadeOut 0.5s ease {message_hide_delay} forwards;
23.     -webkit-animation: fadeInRight .3s ease forwards, fadeOut 0.5s ease {message_hide_delay} forwards;
24. }
25.  
26. .colon {
27.     display: none;
28. }
29.  
30. #log {
31.     position: absolute;
32.     bottom: 0;
33.     left: 0;
34.     padding: 0 10px 10px;
35.     width: 100%;
36. }
37.  
38. #log>div {
39.     margin: 1em;
40.  
41. }
42.  
43. #log>div.deleted {
44.     visibility: hidden;
45. }
46.  
47. #log .emote {
48.     background-repeat: no-repeat;
49.     background-position: center;
50.     background-size: contain;
51.     padding: 0.4em 0.2em;
52.     position: relative;
53. }
54.  
55. #log .emote img {
56.     display: inline-block;
57.     height: lem;
58.     opacity: 0;
59. }
60.  
61. #log .message,#log .meta {
62.      vertical-align: top;
63.      display: table-cell;
64.      padding-bottom: 0.1em;
65. }
66.  
67. #log .meta {
68.      position: relative;
69.      top: 10px;
70.      display: inline;
71.      background: #048cfa;
72.      border-radius: 0px 15px 15px 15px;
73.      padding: 0.5em;
74.      text-overflow: ellipsis;
75.      overflow: hidden;
76. }
77.  
78.  
79. #log .message {
80.      color: #fff;
81.      display: block;
82.      background-color; rgba(0,0,0,0.63);
83.      padding: 0.7em 0.7em 0.8em 0.8em;
84.      border-radius: 15px;
85.      background-color: rgbs(0,0,0.8,0.8);
86.      word-wrap: break-word;
87.      border-style: solid;
88.      border-color: #A115D8
89. }
90.  
91. badge {
92.    display: inline-block;
93.    margin-right: 0.2em;
94.    position: relative;
95.    height: 1em;
96.    vertical-align: middle;
97.    top: -0.1em;
98. }
99.  
100. .name {
101.     margin-left: 0.2em;
102. }