import { css } from "https://deno.land/x/texa@0.8.1/examples/texa-chat/files.ts";
type
`html, body
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #191919;
color: white;
}
.chat
{
display: block;
float: left;
width: calc(100% - 300px);
height: calc(100% - 50px);
border: 0px;
border-bottom: 1px solid #646464;
overflow-y: scroll;
box-sizing: border-box;
padding: 10px;
}
.members
{
display: block;
float: left;
width: 300px;
height: calc(100% - 50px);
border-bottom: 1px solid #646464;
border-left: 1px solid #646464;
box-sizing: border-box;
padding: 10px;
}
#message
{
width: calc(100% - 150px);
height: 50px;
border: 0;
outline: 0;
background-color: #191919;
color: white;
padding: 10px;
font-size: 16px;
font-family: monospace;
float: left;
}
button
{
float: left;
width: 150px;
height: 50px;
border: 0;
outline: 0;
background-color: #3399CC;
padding: 0;
color: white;
}
button:hover
{
background-color: #44AADD;
}
button:active
{
background-color: #55BBEE;
}
.chat > div
{
display: inline-block;
width: 100%;
float: left;
font-family: monospace;
margin-bottom: 10px;
line-height: 1.5;
}
.chat > div > span
{
display: inline-block;
float: left;
margin-right: 10px;
}
.chat > div > span:nth-last-child(1)
{
margin-right: 0;
}
.chat > div > span:nth-child(1)
{
color: gray;
}
.chat > div > span:nth-child(2)
{
color: lime;
}
.chat > div > span.system
{
color: yellow !important;
}
`