User:Jäzzi/chat.css

/** Wikia Chat styling to make it all more compact and more readable */

/* Monospace font, thank you */ font-family: monospace; } /* shrink chat font size down */ font-size: 85%; }
 * 1) WikiaPage .Chat, textarea {
 * 1) WikiaPage .Chat {

/* Basic chat line element smaller than originally */ min-height: 18px; padding: 04px 15px 4px 55px; position: relative; }
 * 1) WikiaPage .Chat li {

/* consecutive messages don't need all that space */ margin-bottom: 0; padding-bottom: 0; padding-top: 0; top: -4px; }
 * 1) WikiaPage .Chat li.continued {

/* Smaller avatars, same size than in the userlist on right */ height: 22px; left: 15px; position: absolute; top: 5px; width: 22px; }
 * 1) WikiaPage .Chat .avatar {

/* Timestamp back to the left, thanks */ float: none; }
 * 1) WikiaPage .Chat .time {

/* Username formatting */ content: "<"; }
 * 1) WikiaPage .Chat .username:before {

content: ">"; }
 * 1) WikiaPage .Chat .username:after {

/* ..continued, let's not force linebreak */ display: inline-block; font-weight: bold; }
 * 1) WikiaPage .Chat .username {

/* Shrinking chat emoticon imgs so they don't halt the scroll */ .Chat .message img { height: 14px; width: 14px; } /* Don't let long spam"words" to cause any unwanted vertical scrollbar */ word-wrap: break-word; }
 * 1) WikiaPage .Chat .message {

/* Change the color of my text line background */ .Chat .you { background: #000000; color: #FFFFFF; }