Repository navigation
Expand file tree
/
Copy pathchat.css
More file actions
1 lines (1 loc) · 7.14 KB
/
Copy pathchat.css
File metadata and controls
1 lines (1 loc) · 7.14 KB
1
html.nohead #chat_msg.quiet{display:none}html.nohead #c_chat.chatok>summary{visibility:hidden;opacity:0;transition:opacity .2s}html.nohead #c_chat.chatok.showctl>summary,html.nohead #c_chat.chatok:has(#chat_opt[aria-expanded=true])>summary{visibility:visible;opacity:1}.chatbox .cm.gone .cb{text-decoration:line-through;color:var(--muted)}.chatbox .bdg{display:inline-block;box-sizing:border-box;min-width:16px;text-align:center;font-size:10px;font-weight:700;line-height:1;padding:2px 3px;margin-right:5px;border-radius:4px;vertical-align:1px;color:#0f172a}.chatbox .bdg.broadcaster{background:#e91916}.chatbox .bdg.moderator{background:#00ad03}.chatbox .bdg.vip{background:#e005b9;color:#fff}.chatbox .bdg.subscriber,.chatbox .bdg.founder{background:#9147ff;color:#fff}.chatbox .bdg.staff,.chatbox .bdg.partner{background:#6b7280;color:#fff}.chatbox .cm .mm{opacity:.5;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:18px;line-height:1;padding:0 10px;margin:0 -4px 0 0;min-width:36px;min-height:20px;height:20px;align-self:center}.chatbox .cm:hover .mm,.chatbox .cm .mm:focus{opacity:1}.chatbox .cm .mrow{grid-column:2 / -1;display:flex;gap:6px;flex-wrap:wrap;padding-top:6px}.chatbox .cm .mrow button{padding:6px 12px;min-height:36px;font-size:13px}.chatbox.o-nots .cm .mrow{grid-column:1 / -1}.chatbox .cn[style*="--nc"]{color:color-mix(in srgb,var(--nc) 72%,var(--text))}.chatform input{font-size:16px}.chattoast{margin-top:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;display:flex;gap:10px;align-items:center;justify-content:space-between}.chatbox.o-nots .cm .ct{display:none}.chatbox.o-nots .cm{grid-template-columns:1fr auto}.chatbox.o-nots .cm .cb{grid-column:1}.chatbox.o-nobadge .bdg{display:none}.chatbox .emt{display:none}.chatbox.o-noemote .emt{display:inline}.chatbox.o-noemote img.em{display:none}.chatbox.o-noline .cm{border-bottom:0}.chatbox.o-s{font-size:13px}.chatbox.o-l{font-size:18px}.chatform{display:flex;gap:8px;margin-top:10px}.chatform input{flex:1;min-width:0}.twacc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:14px}.twacc.twwho{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch}.twacc.twwho #tw_acc_t{grid-column:1 / -1}.twacc.twwho button{width:100%;padding:8px 6px;font-size:14px}.twch input{flex:1 1 150px;min-width:120px;max-width:240px;min-height:30px}#tw_accrow,#tw_acc_code{max-height:420px}.twfade{opacity:0;max-height:0!important;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;overflow:hidden;transition:opacity .5s ease,max-height .6s ease,margin .6s ease,padding .6s ease}.twcode{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:10px;border:1px solid var(--line);border-radius:12px}.twcode svg{width:150px;height:150px;border-radius:6px}.twcode_big{font-size:26px;font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums}.twcode_txt{display:grid;gap:8px;min-width:0}.chatbox{max-height:min(420px,60vh);min-height:80px;overflow-y:auto;font-size:15px;line-height:1.3;display:flex;flex-direction:column;overflow-wrap:anywhere;scrollbar-width:thin}.chatbox .cm{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;padding:3px 2px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.chatbox .cm:last-child{border-bottom:0}.chatbox .cm.alt{background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:6px}.chatbox .cm .ct{color:var(--muted);font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;white-space:nowrap}.chatbox .cm .cb{min-width:0}.chatbox .cm .cn{font-weight:600;margin-right:6px}.chatbox .cm.me .cb{font-style:italic}.chatbox .cm.sub,.chatbox .cm.raid,.chatbox .cm.notice{border-left:3px solid var(--accent);padding-left:8px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.chatbox .cm.sub .cb,.chatbox .cm.raid .cb,.chatbox .cm.notice .cb{color:var(--accent)}.chatbox .cm .bt{color:var(--muted);font-size:12px;margin-left:6px}.chatbox .cm.ev{--evc:var(--accent);border-left:4px solid var(--evc);padding:8px 8px 8px 10px;margin:4px 0;border-radius:8px;background:color-mix(in srgb,var(--evc) 13%,transparent);border-bottom-color:transparent}.chatbox .cm.ev-sub{--evc:#9147ff}.chatbox .cm.ev-gift{--evc:#e91e8c}.chatbox .cm.ev-raid{--evc:var(--warn)}.chatbox .cm.ev-cheer{--evc:#f5b301}.chatbox .cm.ev-announce{--evc:var(--blue)}.chatbox .cm.ev-follow{--evc:#e83e8c}.chatbox .cm.ev-points{--evc:#2dbd6e}.chatbox .cm.ev .cb{color:var(--text)}.chatbox .cm.ev .evh{display:block;font-weight:700;font-size:13px;letter-spacing:.02em;margin-bottom:2px;color:color-mix(in srgb,var(--evc) 62%,var(--text))}@keyframes evpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--evc) 75%,transparent)}100%{box-shadow:0 0 0 12px transparent}}.chatbox .cm.ev.fresh{animation:evpulse 1.3s ease-out 3}@media(prefers-reduced-motion:reduce){.chatbox .cm.ev.fresh{animation:none}}.evchip{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:2;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;background:var(--accent);border-color:var(--accent);color:#0f172a;box-shadow:0 2px 8px var(--shade)}.chatbox a.lk{color:var(--accent);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.chatbox img.em{height:1.6em;width:auto;vertical-align:middle;margin:-3px 1px}@media(max-width:620px){.chatbox{max-height:56vh;font-size:15px;line-height:1.15}.chatbox .cm{padding:0 2px;column-gap:6px;align-items:baseline}.chatbox .cm .ct{font-size:11px;line-height:1.15}.chatbox .bdg{font-size:9px;padding:1px 3px;margin-right:4px;vertical-align:0}.chatbox .cm .cn{margin-right:4px}.chatbox .cm.alt{background:color-mix(in srgb,var(--text) 3%,transparent)}.chatbox img.em{height:1.3em;margin:-2px 1px}.chatbox .cm.ev{padding:3px 6px 3px 8px;margin:1px 0}.chatbox .cm.ev .evh{font-size:12px;margin-bottom:0}.chatbox .cm.sub,.chatbox .cm.raid,.chatbox .cm.notice{padding-left:6px}.chatbox .cm .mm{padding:2px 10px;margin:-2px -4px -2px 0;min-height:28px}}#tw_sum{white-space:nowrap}#tw_sec label.f{display:block;font-size:12px;color:var(--muted);margin:8px 0 2px;min-width:0}#tw_sec label.f input{width:100%}#tw_sec .chk{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}#tw_sec .twgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0 10px}#tw_sec .twrow{display:flex;flex-wrap:wrap;gap:0 10px}#tw_sec .twbot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}#tw_sec .twrow label.f{flex:0 0 120px}#tw_sec .twrow label.f.grow{flex:1 1 240px}#tw_status:empty{display:none}#sa_sec label.f{display:block;font-size:12px;color:var(--muted);margin:8px 0 2px;min-width:0}#sa_sec label.f input{width:100%}#sa_sec .chk{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}#sa_sec .sarows{display:flex;flex-wrap:wrap;gap:0 18px}#sa_sec .sarows .chk{flex:0 0 auto}#sa_sec .sarows input[type=number],#sa_sec .sacd input{width:64px}#sa_sec .twrow{display:flex;flex-wrap:wrap;gap:0 10px;align-items:flex-end}#sa_sec .twrow label.f.grow{flex:1 1 240px}#sa_sec .sacd{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}#sa_sum{white-space:nowrap}#sa_status:empty{display:none}