User:Jäzzi/chat.css

/* 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 { border:2px solid #1ac7c7; background:#76e3e3; background:-moz-linear-gradient(top,#76e3e30%,#4fe3e340%,#1ac7c7100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#76e3e3),color-stop(40%,#4fe3e3),color-stop(100%,#1ac7c7)); background:-webkit-linear-gradient(top,#76e3e30%,#4fe3e340%,#1ac7c7100%); background:-o-linear-gradient(top,#76e3e30%,#4fe3e340%,#1ac7c7100%); background:-ms-linear-gradient(top,#76e3e30%,#4fe3e340%,#1ac7c7100%); background:linear-gradient(tobottom,#76e3e30%,#4fe3e340%,#1ac7c7100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#76e3e3',endColorstr='#1ac7c7',GradientType=0); 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:2px3px; 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; }
 * 1) WikiaPage.Chat.username {

/* Prevent spam from causing unnecessary scrollbars */ word-wrap:break-word; }
 * 1) WikiaPage.Chat.message {

/* ### Nameswithbackgrounds ### */ /* Wattzie <3 */ .Chat [data-user="Wattz2000"] { border:2px solid #569fd3; background:#9dcae9; background:-moz-linear-gradient(top,#9dcae90%,#81bee940%,#569fd3100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#9dcae9),color-stop(40%,#81bee9),color-stop(100%,#569fd3)); background:-webkit-linear-gradient(top,#9dcae90%,#81bee940%,#569fd3100%); background:-o-linear-gradient(top,#9dcae90%,#81bee940%,#569fd3100%); background:-ms-linear-gradient(top,#9dcae90%,#81bee940%,#569fd3100%); background:linear-gradient(tobottom,#9dcae90%,#81bee940%,#569fd3100%); color:#000000; }

/* Monch */ .Chat [data-user="Monchoman45"] { border:2px solid #b4d455; background:#d6ea9d; background:-moz-linear-gradient(top,#d6ea9d0%,#cfea8140%,#b4d455100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#d6ea9d),color-stop(40%,#cfea81),color-stop(100%,#b4d455)); background:-webkit-linear-gradient(top,#d6ea9d0%,#cfea8140%,#b4d455100%); background:-o-linear-gradient(top,#d6ea9d0%,#cfea8140%,#b4d455100%); background:-ms-linear-gradient(top,#d6ea9d0%,#cfea8140%,#b4d455100%); background:linear-gradient(tobottom,#d6ea9d0%,#cfea8140%,#b4d455100%); color:#000000; }

/* RT */ .Chat [data-user="Randomtime"] { border:2px solid #7eb6ff; background:#b8d7ff; background:-moz-linear-gradient(top,#b8d7ff0%,#9ec9ff40%,#7eb6ff100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#b8d7ff),color-stop(40%,#9ec9ff),color-stop(100%,#7eb6ff)); background:-webkit-linear-gradient(top,#b8d7ff0%,#9ec9ff40%,#7eb6ff100%); background:-o-linear-gradient(top,#b8d7ff0%,#9ec9ff40%,#7eb6ff100%); background:-ms-linear-gradient(top,#b8d7ff0%,#9ec9ff40%,#7eb6ff100%); background:linear-gradient(tobottom,#b8d7ff0%,#9ec9ff40%,#7eb6ff100%); color:#000000; }

/* Minish */ .Chat [data-user="Minish Link"] { border:2px solid #b0dfe6; background:#d3eff3; background:-moz-linear-gradient(top,#d3eff30%,#c8edf340%,#b0dfe6100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#d3eff3),color-stop(40%,#c8edf3),color-stop(100%,#b0dfe6)); background:-webkit-linear-gradient(top,#d3eff30%,#c8edf340%,#b0dfe6100%); background:-o-linear-gradient(top,#d3eff30%,#c8edf340%,#b0dfe6100%); background:-ms-linear-gradient(top,#d3eff30%,#c8edf340%,#b0dfe6100%); background:linear-gradient(tobottom,#d3eff30%,#c8edf340%,#b0dfe6100%); color:#000000; }

/* PT */ .Chat [data-user="PlasmaTime"] { border:2px solid #008b00; background:#59c559; background:-moz-linear-gradient(top,#59c5590%,#31c53140%,#008b00100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#59c559),color-stop(40%,#31c531),color-stop(100%,#008b00)); background:-webkit-linear-gradient(top,#59c5590%,#31c53140%,#008b00100%); background:-o-linear-gradient(top,#59c5590%,#31c53140%,#008b00100%); background:-ms-linear-gradient(top,#59c5590%,#31c53140%,#008b00100%); background:linear-gradient(tobottom,#59c5590%,#31c53140%,#008b00100%); color:#000000; }

.Chat [data-user="PlasmaTime"] a { color:#FFFFFF; }

/* Eu */ .Chat [data-user="Eulalia459678"] { border:2px solid #007dff; background:#73b8ff; background:-moz-linear-gradient(top,#73b8ff0%,#409eff40%,#007dff100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#73b8ff),color-stop(40%,#409eff),color-stop(100%,#007dff)); background:-webkit-linear-gradient(top,#73b8ff0%,#409eff40%,#007dff100%); background:-o-linear-gradient(top,#73b8ff0%,#409eff40%,#007dff100%); background:-ms-linear-gradient(top,#73b8ff0%,#409eff40%,#007dff100%); background:linear-gradient(tobottom,#73b8ff0%,#409eff40%,#007dff100%); color:#000000; }

/* TyA */ .Chat [data-user="TyA"] { border:2px solid #ff009b; background:#ff73c8; background:-moz-linear-gradient(top,#ff73c80%,#ff40b440%,#ff009b100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#ff73c8),color-stop(40%,#ff40b4),color-stop(100%,#ff009b)); background:-webkit-linear-gradient(top,#ff73c80%,#ff40b440%,#ff009b100%); background:-o-linear-gradient(top,#ff73c80%,#ff40b440%,#ff009b100%); background:-ms-linear-gradient(top,#ff73c80%,#ff40b440%,#ff009b100%); background:linear-gradient(tobottom,#ff73c80%,#ff40b440%,#ff009b100%); color:#000000; }

/* Trella */ .Chat [data-user="Trellar"] { border:2px solid #9500d6; background:#9500d6; background:-moz-linear-gradient(top,#c46aeb0%,#b53beb40%,#9500d6100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#c46aeb),color-stop(40%,#b53beb),color-stop(100%,#9500d6)); background:-webkit-linear-gradient(top,#c46aeb0%,#b53beb40%,#9500d6100%); background:-o-linear-gradient(top,#c46aeb0%,#b53beb40%,#9500d6100%); background:-ms-linear-gradient(top,#c46aeb0%,#b53beb40%,#9500d6100%); background:linear-gradient(tobottom,#c46aeb0%,#b53beb40%,#9500d6100%); color:#000000; }

/* Sactage */ .Chat [data-user="Sactage"] { border:2px solid #909090; background:#e0e0e0; background:-moz-linear-gradient(top,#e0e0e00%,#c0c0c040%,#909090100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#e0e0e0),color-stop(40%,#c0c0c0),color-stop(100%,#909090)); background:-webkit-linear-gradient(top,#e0e0e00%,#c0c0c040%,#909090100%); background:-o-linear-gradient(top,#e0e0e00%,#c0c0c040%,#909090100%); background:-ms-linear-gradient(top,#e0e0e00%,#c0c0c040%,#909090100%); background:linear-gradient(tobottom,#e0e0e00%,#c0c0c040%,#909090100%); color:#000000; }

/* Eladkse	*/ .Chat [data-user="Eladkse"] { border:2px solid #3b7477; background:#87b9bb; background:-moz-linear-gradient(top,#87b9bb0%,#74b8bb40%,#3b7477100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#87b9bb),color-stop(40%,#74b8bb),color-stop(100%,#3b7477)); background:-webkit-linear-gradient(top,#87b9bb0%,#74b8bb40%,#3b7477100%); background:-o-linear-gradient(top,#87b9bb0%,#74b8bb40%,#3b7477100%); background:-ms-linear-gradient(top,#87b9bb0%,#74b8bb40%,#3b7477100%); background:linear-gradient(tobottom,#87b9bb0%,#74b8bb40%,#3b7477100%); color:#000000; }

/* Sannse */ .Chat [data-user="Sannse"] { border:2px solid #ff6eb5; background:#ffafd6; background:-moz-linear-gradient(top,#ffafd60%,#ff92c840%,#ff6eb5100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#ffafd6),color-stop(40%,#ff92c8),color-stop(100%,#ff6eb5)); background:-webkit-linear-gradient(top,#ffafd60%,#ff92c840%,#ff6eb5100%); background:-o-linear-gradient(top,#ffafd60%,#ff92c840%,#ff6eb5100%); background:-ms-linear-gradient(top,#ffafd60%,#ff92c840%,#ff6eb5100%); background:linear-gradient(tobottom,#ffafd60%,#ff92c840%,#ff6eb5100%); color:#000000; }

/* Madnessfan34537 */ .Chat [data-user="Madnessfan34537"] { border:2px solid #e9a87b; background:#e9a87b; background:-moz-linear-gradient(top,#e9a87b0%,#e9915340%,#d2691e100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#e9a87b),color-stop(40%,#e99153),color-stop(100%,#d2691e)); background:-webkit-linear-gradient(top,#e9a87b0%,#e9915340%,#d2691e100%); background:-o-linear-gradient(top,#e9a87b0%,#e9915340%,#d2691e100%); background:-ms-linear-gradient(top,#e9a87b0%,#e9915340%,#d2691e100%); background:linear-gradient(tobottom,#e9a87b0%,#e9915340%,#d2691e100%); color:#000000; }