User:Iynque/chat.css

/* Tighten up chat's vertical spacing */ /* The following will: Reduce vertical whitespace; place continued chat from the same source on one line instead of new lines; add a faint double-dash to mark where a new line would have been */

/* Chat lines, including inline-alerts (eliminate excess whitespace)*/ .Chat ul li { padding-bottom: 0; padding-top: 0; }

/* Second (or more) chat line from same source, but not inline-alerts */ .Chat ul .continued:not(.inline-alert) { padding-bottom: 0; display: inline; margin-left: 0; padding-left: 0; }

/* Second (or more) chat line from same source, but not inline-alerts (make them inline/on one line, with all the others) */ .Chat ul li:not(.continued) + li.continued:not(.inline-alert) { padding-left: 55px; padding-top: 0; display: inline; }

/* Make sure first line and continued lines don't overlap */ .Chat ul li:not(.continued) .message::after { content: "\A\200B"; white-space: pre-wrap; }

/* Mark where a newline would have been if we weren't putting continuous chat lines all on one line */ .Chat ul li.continued:not(.inline-alert)::before { content: "——"; opacity: 0.25; }

/* Avatar needs a nudge now */ .Chat .avatar { position: absolute; top: 0 }

/* Usernames inline so they appear on the same line as first message sent */ .Chat ul .username { display: inline-block; }

/* Faint inline alerts */ .inline-alert { opacity: 0.35; }