User:~98malimal/chat.css

/*IRC styling */
.Chat {
	line-height:1.2em;
	word-wrap:break-word;
}
.Chat li {
	padding:2px 3px;
	min-height:0;
}
.Chat .username {
	display:inline;
}
.Chat .avatar {
	display:none;
}
.Chat .username:before {
	content:'<';
}
.Chat .username:after {
	content: '>';
}
.Chat .you {
	background:#70C8F0 !important;
	color:#506C72;
}
.Chat .time {
	float:right;
	margin-right:3px;
	color:#506C72;
}
.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;
}
 
/* Save some space */
#WikiaPage .Chat .username {
    display: inline-block;
    font-weight: bold;
}
/* Prevent spam from causing unnecessary scrollbars */
#WikiaPage .Chat .message {
    word-wrap: break-word;
}
 
/* Color usernames just like horrible webchat does!! Also, Monch, GET A CLIENT! */
li[data-user="Wattz2000"] .username {
	color:#56A0D3;
}
li[data-user="Monchoman45"] .username {
	color:#B4D455;
}
li[data-user="Randomtime"] .username {
	color:#7EB6FF;
}
li[data-user="Minish Link"] .username {
	color:#B0E0E6;
}
li[data-user="PlasmaTime"] .username {
	color:#008B00;
}
li[data-user="Trella"] .username {
	color:#B0E0E6;
}
li[data-user="TK-999"] .username {
	color:#1A921A;
}
li[data-user="Eulalia459678"] .username {
	color:#007FFF;
}
li[data-user="KATANAGOD"] .username {
	color:#506C72;
}
.Chat [data-user="Sannse"] {
	color:purple;
        background:pink;
}
 
/* Hair <3 */
.Chat [data-user="Hairr"] {
	border:orange 2px solid;
	background:-moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
	background:-o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
	background-color:black;
	background:-webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
	border-bottom:10px solid blue 2px solid;
	text-align:left;
	border-left:pink 2px solid;
	color:green;
}