User:Jäzzi/chat.css

/* I'm not Jazzi. I probably don't know CSS. I just like copying things. kkbye */ /*IRC styling */ .Chat { line-height:1.2em; word-wrap:break-word; font-family:Verdana, Geneva, sans-serif; font-size:7.5pt; } .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:#000000; } .Chat .time { float:left; margin-right:3px; color:#333333; } .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; font-family:Verdana, Geneva, sans-serif; font-size:7.5pt; } .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 */ display: inline-block; font-weight: bold; } /* Prevent spam from causing unnecessary scrollbars */ word-wrap: break-word; }
 * 1) WikiaPage .Chat .username {
 * 1) WikiaPage .Chat .message {

/* 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; } li[data-user="Callofduty4"] .username { color:#BF2F98; } .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 orange 2px solid; text-align:left; border-left:orange 2px solid; color:white; }