User:Josephyr/Chat.css

/*IRC styling */

/* Line height change to prevent scrollbars. */ .Chat {line-height:1.2em; word-wrap:break-word;} /* Padding change. */ .Chat li {padding:2px 3px; min-height:0;} /* Move username on to the same lines as everything else. */ .Chat .username {display:inline; font-weight:bold;} /* Remove avatars. */ .Chat .avatar {display:none;} /* 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 #000000;} /* Move the timestamp left. */ .Chat .time {float:left; margin-right:3px; color:#333;} /* 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 {text-align:left; padding:2px 3px; font-weight:normal; font-size:13px; line-height:1.2em;} /* Strip more of the padding and stuff from all areas. */ .Chat .inline-alert:before, .Chat .inline-alert:after {content:none;} /* Get rid of the extra spacing between lines. */ .Chat .continued {top:0; margin-bottom:0;} .Chat .continued .username {display:inline;} .Chat .continued .time {display:block;} /* Save some space. */ /* Shrink emotes. */ .Chat .message img {height: 14px; width: 14px;} /* Prevent spam from causing unnesecary scrollbars. */ /* Remove avatar from side rail. */ /* Remove my own avatar. */ .ChatHeader .User img {display:none;} .Write img {display:none;} /* Shrink mod icon. */ .modicon {margin-top: 10px; width: 13px; height: 13px;} /* Increase font of usernames on side rail. */ .Rail .User, #Rail .User { font-size:14px; }
 * 1) WikiaPage .Chat .username { display: inline-block; font-weight: bold;}
 * 1) WikiaPage .Chat .message {word-wrap: break-word;}
 * 1) Rail .User img {display:none;}

/* More customizations I'm too lazy to individually label. */ .Chat {width:89%;} .Chat .inline-alert {padding:9px; color:#777;} .Chat .inline-alert:before {content:"↳ ";} .Chat .inline-alert:after {content:"";} .Rail .public {height:30px; padding:0px; text-align:center;} .PrivateChatList .splotch {top:2px;} .Rail .User, .ChatHeader .User {border-left:1px; font-family: 'Alegreya Sans SC', sans-serif; text-transform: uppercase;} .Rail .User, .Rail .User:hover, .UserStatsMenu {max-width:150px; box-shadow:#cda172 4px 4px 2px; border:#cda172 outset; cursor:default;} .UserStatsMenu .info .since {display:none;} .UserStatsMenu .actions ul li .icon {display:none;} .UserStatsMenu .actions ul li {padding: 1px; padding-left:0px; border-left:0; margin:1px 4px 0 0px;} .UserStatsMenu .actions ul li:hover {font-weight:bold; box-shadow:2px 2px 1px;}
 * 1) Rail {width:11%; cursor:default;}
 * 2) Write {width:85%;}
 * 1) Rail .User.away .details {display:none;}
 * 1) Rail .private {text-align:center;padding:0px;}
 * 2) Rail li {display:block !important;}
 * 1) Rail .User {min-height:11px; height:11px; padding-left:25px;}
 * 2) Rail .User img {left:7px; height:14px; width:14px;}
 * 1) WikiChatList > li,
 * 2) PrivateChatList > li {padding:4px 0px 4px 25px; padding: 1px 4px 7px 46px; margin-bottom: 1px;}
 * 1) Rail .User {min-height:11px; height:11px; padding-left:26px; margin-right:3px; margin-bottom:1px; border-left:none;}
 * 1) Rail .User:hover {font-weight:bold; background:#fe9; color:#000; box-shadow:#000 1px 1px 2px;}
 * 2) Rail .User img {left:7px; top:2px; height:14px; width:14px;border:none; box-shadow: #000 1px 1px 2px;}
 * 3) Rail .User.away {opacity:.7;}
 * 4) UserStatsMenu,