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;} /*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 !important;} /*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.*/ display: inline-block; font-weight: bold; } /*Shrink emotes*/ .Chat .message img { height: 14px; width: 14px; } /*Prevent spam from causing unnesecary scrollbars*/ word-wrap: break-word; }
 * 1) WikiaPage .Chat .username {
 * 1) WikiaPage .Chat .message {

/* More Chat St00f */

.Chat {line-height:1.2em; word-wrap:break-word;} .Chat .avatar {display:none;} .Chat li {padding:2px 3px; min-height:0;} .Chat .username {display:inline;} .Chat .username:before {content:'<';} .Chat .username:after {content: '>';} .Chat .time {float:left; margin-right:3px; color:#333;} .Chat .time:before {content:'[';} .Chat .time:after {content:']';} .Chat .inline-alert {text-align:left; padding:2px 3px; font-weight:normal; font-size:13px; line-height:1.2em;} .Chat .inline-alert:before, .Chat .inline-alert:after {content:none;} .Chat .continued {top:0; margin-bottom:0;} .Chat .continued .username {display:inline;} .Chat .continued .time {display:block;}

/* Stuff stolen from Mime */

.Chat { width:89%; }   width:11%; webkit-user-select:none; cursor:default; }   width:85%; } .Chat .avatar { border:none; box-shadow:1px 1px 3px #5F5E5A; } .Chat .username { font-weight:bold; } .Chat .username:after { content:"" !important; }
 * 1) Rail {
 * 1) Write {

.Chat .inline-alert { padding:9px; color:#777; } .Chat .inline-alert:before { content:"↳ "; } .Chat .inline-alert:after { content:""; }   display:none !important; } .Rail .public { height:30px; padding:0px; text-align:center; }   text-align:center; padding:0px; }
 * 1) Rail .User.away .details {
 * 1) Rail .private {

display:block !important; } .PrivateChatList .splotch { top:2px; } .Rail .User, min-height:11px; height:11px; padding-left:25px; }   left:7px; height:14px; width:14px; } .ChatHeader .User { border-left:1px; font-family: 'Alegreya Sans SC', sans-serif !important; text-transform: uppercase !important; }   padding:4px 0px 4px 25px; padding: 1px 4px 7px 46px; margin-bottom: 1px; } .Rail .User, min-height:11px; height:11px; padding-left:26px; margin-right:3px; margin-bottom:1px; border-left:none; } .Rail .User:hover, font-weight:bold; background:#fe9; color:#000; box-shadow:#000 1px 1px 2px; }	left:7px; top:2px; height:14px; width:14px; border:none; box-shadow: #000 1px 1px 2px; }	opacity:.7; } .UserStatsMenu { max-width:150px; box-shadow:#cda172 4px 4px 2px; border:#cda172 outset; -webkit-user-select:none; 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; } span.username { resize:none !important; }
 * 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,