User:Josephyr/Chat.css

/* Font. */

.Chat { font-family: Corbel !important; } /** Wikia Chat styling to make it all more compact and more readable. */

body { background: #BBB; } /* Shrink chat font size down */

font-size: 85%; } /* Basic chat line element smaller than originally. */
 * 1) WikiaPage .Chat {

min-height: 18px; padding: 04px 15px 4px 55px; position: relative; } /* Consecutive messages don't need all that space. */
 * 1) WikiaPage .Chat li {

margin-bottom: 0; padding-bottom: 0; padding-top: 0; top: -4px; } /* Smaller avatars, same size than in the userlist on right. */
 * 1) WikiaPage .Chat li.continued {

height: 22px; left: 15px; position: absolute; top: 5px; width: 22px; z-index: 1; } /* Timestamp back to the left, thanks. */
 * 1) WikiaPage .Chat .avatar {

float: none; }   display: inline; } /* Username formatting. */
 * 1) WikiaPage .Chat .time {
 * 1) WikiaPage .Chat .continued .time {

content: "<"; }   content: ">"; } /* Continued, let's not force linebreak. */
 * 1) WikiaPage .Chat .username:before {
 * 1) WikiaPage .Chat .username:after {

display: inline-block; font-weight: bold; } /* Shrinking chat emoticon imgs so they don't halt the scroll. */
 * 1) WikiaPage .Chat .username {

.Chat .message img { height: 14px; width: 14px; } /* Don't let long spam "words" to cause any unwanted vertical scrollbar. */

word-wrap: break-word; } /* More additions... */
 * 1) WikiaPage .Chat .message {

.Chat .inline-alert { color: #777 !important; padding: 9px !important; } .Chat .inline-alert:before { content: "↳ "; } .Chat .inline-alert:after { content: ""; }   display: none !important; } .Rail .public { height: 30px !important; padding: 0 !important; text-align: center !important; }   padding: 0 !important; text-align: center !important; }   display: block !important; } .PrivateChatList .splotch { top: 2px !important; } .Rail .User, height: 11px !important; min-height: 11px !important; padding-left: 25px !important; }   height: 14px !important; left: 7px !important; width: 14px !important; } /* Move username on to the same lines as everything else. */
 * 1) Rail .User.away .details {
 * 1) Rail .private {
 * 1) Rail li {
 * 1) Rail .User {
 * 1) Rail .User img {

.Chat .username { display: inline !important; font-weight: bold !important; } /* PM message at top. */

overflow: auto; padding-bottom: 10px; height: 45%; resize: vertical; }   overflow: hidden; }   display: block !important; } span.username { resize: none !important; }
 * 1) WikiChatList {
 * 1) Rail {
 * 1) Rail h1.private {