twitch-chat/static/main.css

57 lines
708 B
CSS

body {
background-color: #18181b;
padding: 0px;
margin: 0px;
overflow: hidden;
font-family: 'Asap', sans-serif;
}
#messages {
color: white;
list-style-type: none;
position: absolute;
bottom: 0px;
margin: 0px;
padding: 0px;
}
.slide {
animation: slide 0.5s forwards;
}
.item {
width: 400px;
margin: 0.5rem;
}
.destroy {
animation: disappear 1s;
opacity: 0;
}
.text {
padding-right: 0.5rem;
}
.name {
font-weight: bold;
}
.badge {
margin-right: 0.3rem;
}
.emoticon {
height: 2rem;
}
@keyframes slide {
from { }
to { bottom: 0rem; }
}
@keyframes disappear {
from { opacity: 1; }
to { opacity: 0; }
}