User:Josephyr/Chat.css

/* Font. */

.Chat { font-family: Corbel !important; } /* Line height change to prevent scrollbars. */

.Chat { line-height: 1.2em !important; word-wrap: break-word !important; } /* Padding change. */

.Chat li { min-height: 0 !important; padding: 2px 3px !important; } /* Move username on to the same lines as everything else. */

.Chat .username { display: inline !important; font-weight: bold !important; } /* Remove avatars. */

.Chat .avatar { display: none !important; } /* Wrap names in <>. */

.Chat .username:before { content: '<'; } .Chat .username:after { content: '>'; } /* A border is used here rather than a background due to the need to account for dark and light skinned wikis. */

.Chat .you { border: 1px solid #000 !important; } /* Move the timestamp left. */

.Chat .time { color: #333 !important; float: left !important; margin-right: 3px !important; } /* Wrap the timestamp in []. */

.Chat .time:before { content: '['; } .Chat .time:after { content: ']'; } /* Style alerts such as joins and leaves, move them left rather than center. */

.Chat .inline-alert { font-size: 13px !important; font-weight: normal !important; line-height: 1.2em !important; padding: 2px 3px !important; text-align: left !important; } /* Strip more of the padding and stuff from all areas. */

.Chat .inline-alert:before, .Chat .inline-alert:after { content: none !important; } /* Get rid of the extra spacing between lines. */

.Chat .continued { margin-bottom: 0 !important; top: 0 !important; } .Chat .continued .username { display: inline !important; } .Chat .continued .time { display: block !important; } /* Save some space. */

display: inline-block !important; font-weight: bold !important; } /* Shrink emotes. */
 * 1) WikiaPage .Chat .username {

.Chat .message img { height: 14px !important; width: 14px !important; } /* Prevent spam from causing unnesecary scrollbars. */

word-wrap: break-word !important; } /* Remove avatar from side rail. */
 * 1) WikiaPage .Chat .message {

display: none !important; } /* Remove my own avatar. */
 * 1) Rail .User img {

.ChatHeader .User img { display: none !important; } .Write img { display: none !important; } /* Shrink mod icon. */

.modicon { height: 13px !important; margin-top: 10px !important; width: 13px !important; } /* Increase font of usernames on side rail. */

.Rail .User, font-size: 14px !important; } /* More customizations I'm too lazy to individually label. */
 * 1) Rail .User {

.Chat { width: 89%; }   cursor: default !important; width: 11%; }   width: 85%; } .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; } .ChatHeader .User { border-left: 1px !important; font-family: 'Alegreya Sans SC', sans-serif !important; text-transform: uppercase !important; }   margin-bottom: 1px !important; padding: 4px 0 4px 25px !important; } .Rail .User, border-left: none !important; height: 11px !important; margin-bottom: 1px !important; margin-right: 3px !important; min-height: 11px !important; padding-left: 26px !important; } .Rail .User: hover, background: #fe9 !important; box-shadow: #000 1px 1px 2px !important; color: #000 !important; font-weight: bold !important; }   border: none !important; box-shadow: #000 1px 1px 2px !important; height: 14px !important; left: 7px !important; top: 2px !important; width: 14px !important; }   opacity: 0.7 !important; } .UserStatsMenu { border: #cda172 outset !important; box-shadow: #cda172 4px 4px 2px !important; cursor: default !important; max-width: 150px !important; } .UserStatsMenu .info .since { display: none !important; } .UserStatsMenu .actions ul li .icon { display: none !important; } .UserStatsMenu .actions ul li { border-left: 0 !important; margin: 1px 4px 0 0 !important; padding-left: 0 !important; padding: 1px !important; } .UserStatsMenu .actions ul li:hover { box-shadow: 2px 2px 1px !important; font-weight: bold !important; }
 * 1) Rail {
 * 1) Write {
 * 1) Rail .User.away .details {
 * 1) Rail .private {
 * 1) Rail li {
 * 1) Rail .User {
 * 1) Rail .User img {
 * 1) WikiChatList>li,
 * 2) PrivateChatList > li {
 * 1) Rail .User {
 * 1) Rail .User:hover {
 * 1) Rail .User img {
 * 1) Rail .User.away {
 * 1) UserStatsMenu,