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;
}

/* 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;
}