User:RisenPhoenix/chat.css

/* * IRC Themed Chat w/ Rail * Changes the chat look to look similar to an IRC * @author Dorumin * w:c:dev:IRCThemedChat */ .inline-alert { padding-top: 0 !important; padding-bottom: 0 !important; text-align: left !important; font-style: italic; } .inline-alert::before, .inline-alert::after { content: "\0000a0\0000a0" !important; } .Chat .avatar { display: none; } .Chat .username { display: inline !important; margin-top: -2px; } .Chat .username::after { content: ":" !important; } .Chat .username::before { content: "\0000a0\0000a0"; } .Chat li { min-height: 0; padding: 0; } .Chat .continued { padding-top:10px; top:0; } .custom-time::after, .time::after { content: "]\0000a0\0000a0~" !important; } .custom-time::before, .time::before { content: "["; } .Chat .custom-time, .Chat .time { float: left !important; display: inline !important; font-style: normal; } .Chat .continued { margin-bottom: 0; padding-top: 0; } /* Start of Rail modifcations */ .Rail .User img { display:none; } .Rail .username { display: inline-block; margin-right: 0; width: 150px; } .Rail .User { min-height: 0; padding-left: 0; padding: 0; } .Rail .chat-mod .username::before { content: "@"; color: inherit; font-weight: bold; /* To differentiate from names starting with + */ } .Rail .User.staff .username::before { content: "&"; color: inherit; font-weight: bold; /* To differentiate from names starting with + */ }

.Rail .User.away { color: inherit; } .User .username::after { position: relative; right: 0; top: 0; }

.Rail .User.away .username { font-style: italic; } .Rail .User.away .username::after { content: " away" !important; font-style: italic; left: 2px; } .User.chat-mod .username::after, .User.staff .username::after { background-image: none !important; } .Rail .details { display: none; }