twitch-chat/static/main.css

90 lines
1.3 KiB
CSS
Raw Normal View History

2020-03-20 12:23:27 +01:00
body {
background-color: #18181b;
padding: 0px;
margin: 0px;
overflow: hidden;
2020-03-20 16:01:29 +01:00
font-family: 'Asap', sans-serif;
2020-03-20 12:23:27 +01:00
}
#messages {
color: white;
list-style-type: none;
position: absolute;
bottom: 0px;
margin: 0px;
padding: 0px;
}
.slide {
animation: slide 0.5s forwards;
}
.item {
margin: 0.5rem;
}
.destroy {
animation: disappear 1s;
opacity: 0;
}
.text {
padding-right: 0.5rem;
2020-04-04 14:30:06 +02:00
word-wrap: break-word;
2020-10-01 20:41:38 +02:00
text-shadow:
1px 1px 0 #000,
-1px 1px 0 #000,
1px -1px 0 #000,
-1px -1px 0 #000,
0px 1px 0 #000,
0px -1px 0 #000,
-1px 0px 0 #000,
1px 0px 0 #000,
2px 2px 0 #000,
-2px 2px 0 #000,
2px -2px 0 #000,
-2px -2px 0 #000,
0px 2px 0 #000,
0px -2px 0 #000,
-2px 0px 0 #000,
2px 0px 0 #000,
1px 2px 0 #000,
-1px 2px 0 #000,
1px -2px 0 #000,
-1px -2px 0 #000,
2px 1px 0 #000,
-2px 1px 0 #000,
2px -1px 0 #000,
-2px -1px 0 #000;
2020-03-20 12:23:27 +01:00
}
.name {
font-weight: bold;
}
2020-03-20 16:01:29 +01:00
.badge {
margin-right: 0.3rem;
}
2020-03-20 16:30:31 +01:00
.emoticon {
2020-03-20 16:38:37 +01:00
width: 2rem;
2020-03-20 16:30:31 +01:00
}
2020-04-04 14:30:06 +02:00
.badges {
display: inline-block;
}
.badges+span+span:after {
display: block;
}
2020-03-20 12:23:27 +01:00
@keyframes slide {
from { }
to { bottom: 0rem; }
}
@keyframes disappear {
from { opacity: 1; }
to { opacity: 0; }
}