User:Josephyr/Chat.css

/* 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; }
 * 1) Rail .User.away .details {

.Rail .public { height: 30px !important; padding: 0 !important; text-align: center !important; }

padding: 0 !important; text-align: center !important; }
 * 1) Rail .private {

display: block !important; }
 * 1) Rail li {

.PrivateChatList .splotch { top: 2px !important; }

.Rail .User, height: 11px !important; min-height: 11px !important; padding-left: 25px !important; }
 * 1) Rail .User {

height: 14px !important; left: 7px !important; width: 14px !important; } /* Move username on to the same lines as everything else. */
 * 1) Rail .User img {

.Chat .username { display: inline !important; font-weight: bold !important; }

/* Show everyone in chat module. */ .ChatModule .chat-whos-here .carousel-container { height: auto; width: auto; }

.ChatModule .chat-whos-here ul.carousel { position: static; width: auto !important; }

.ChatModule .arrow-left, .ChatModule .arrow-right { z-index: 1; }

/* Always show PM section on chat module. */ overflow: auto; height: calc(70% - 39px); }
 * 1) WikiChatList {

overflow: auto; height: calc(30% - 39px); }
 * 1) PrivateChatList {

display: block !important; }
 * 1) Rail > .private {