Last active 1729561895

tetetetetetetetedsa revised this gist 1729561895. Go to revision

1 file changed, 102 insertions

gistfile1.txt(file created)

@@ -0,0 +1,102 @@
1 + #chat {
2 + filter: drop-shadow(2px 2px 0.2rem black);
3 + overflow-wrap: anywhere;
4 + bottom: 0;
5 + position: absolute;
6 + padding-left: 12px;
7 + padding-bottom: 6px;
8 + overflow: hidden;
9 + word-break: break-word;
10 + width: 100%;
11 + }
12 +
13 + .chat_line {
14 + display: flex;
15 + align-items: center;
16 + margin-bottom: 8px;
17 + animation: anim 30400ms;
18 + animation-fill-mode: forwards;
19 + }
20 +
21 + .username {
22 + font-weight: 700;
23 + margin-right: 8px;
24 + font-size: 28px;
25 + line-height: 1.2;
26 + text-shadow: -1px -1px 1px #000, 1px 1px 2px #000;
27 + -webkit-text-stroke: 0.5px black;
28 + }
29 +
30 + .message {
31 + font-size: 28px;
32 + font-family: "Open Sans", sans-serif;
33 + line-height: 38px;
34 + color: white;
35 + font-weight: 400;
36 + text-shadow: -1px -1px 1px #000, 1px 1px 2px #000;
37 + margin-left: 5px;
38 + }
39 +
40 + .badge {
41 + width: 24px;
42 + height: 24px;
43 + margin-right: 8px;
44 + border-radius: 6px;
45 + }
46 +
47 + .emote {
48 + max-width: 83px;
49 + max-height: 33px;
50 + margin-right: 6px;
51 + vertical-align: middle;
52 + }
53 +
54 + .colon {
55 + margin-right: 8px;
56 + color: #fff;
57 + }
58 +
59 + @keyframes anim {
60 + 0% {
61 + opacity: 0;
62 + transform: translateY(16px);
63 + }
64 + 1% {
65 + opacity: 1;
66 + transform: translateY(0);
67 + }
68 + 99% {
69 + opacity: 1;
70 + transform: translateY(0);
71 + }
72 + 100% {
73 + opacity: 0;
74 + transform: translateY(-16px);
75 + }
76 + }
77 +
78 + /* Cores e estilos para diferentes tipos de usuários */
79 + .username.vip {
80 + color: #9147ff;
81 + }
82 +
83 + .username.mod {
84 + color: #00ff7f;
85 + }
86 +
87 + .username.sub {
88 + color: #1e90ff;
89 + }
90 +
91 + .username.normal {
92 + color: #ffffff;
93 + }
94 +
95 + /* Ajuste para o corpo */
96 + body {
97 + width: calc(100% - 20px);
98 + margin: 0;
99 + height: 100vh;
100 + background-color: transparent;
101 + font-family: "Open Sans", sans-serif;
102 + }
Newer Older