Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}