User:DangerousDangerously/chat.css

/* IRC styling */ .Chat { line-height:1.2em; word-wrap:break-word; font-family:Verdana, Geneva, sans-serif; font-size:6.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 #02A7FF; background:#41BDFF; background:-moz-linear-gradient(top, #41BDFF 0%, #02A7FF 40%, #016CA6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#41BDFF), color-stop(40%,#02A7FF), color-stop(100%,#016CA6)); background:-webkit-linear-gradient(top, #41BDFF 0%,#02A7FF 40%,#016CA6 100%); background:-o-linear-gradient(top, #41BDFF 0%,#02A7FF 40%,#016CA6 100%); background:-ms-linear-gradient(top, #41BDFF 0%,#02A7FF 40%,#016CA6 100%); background:linear-gradient(to bottom, #41BDFF 0%,#02A7FF 40%,#016CA6 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#41BDFF', endColorstr='#016CA6',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:2px 3px; font-weight:normal; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; font-size:6.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 {

/* ### Names with backgrounds ###*/ /* Wattzie <3 */ .Chat [data-user="Wattz2000"] { border:2px solid #569fd3; background:#9dcae9; background:-moz-linear-gradient(top, #9dcae9 0%, #81bee9 40%, #569fd3 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dcae9), color-stop(40%,#81bee9), color-stop(100%,#569fd3)); background:-webkit-linear-gradient(top, #9dcae9 0%,#81bee9 40%,#569fd3 100%); background:-o-linear-gradient(top, #9dcae9 0%,#81bee9 40%,#569fd3 100%); background:-ms-linear-gradient(top, #9dcae9 0%,#81bee9 40%,#569fd3 100%); background:linear-gradient(to bottom, #9dcae9 0%,#81bee9 40%,#569fd3 100%); color:#000000; }

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

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

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

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

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

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

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

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

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

/* Reaper */ .Chat [data-user="Mad Nation"] { border:2px solid #B350B3; background:#B350B3; background:-moz-linear-gradient(top,#B350B3 0%,#B32DB3 40%,#660066 100%); background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#B350B3),color-stop(40%,#B32DB3),color-stop(100%,#660066)); background:-webkit-linear-gradient(top,#B350B3 0%,#B32DB3 40%,#660066 100%); background:-o-linear-gradient(top,#B350B3 0%,#B32DB3 40%,#660066 100%); background:-ms-linear-gradient(top,#B350B3 0%,#B32DB3 40%,#660066 100%); background:linear-gradient(tobottom,#B350B3 0%,#B32DB3 40%,#660066 100%); color:#FFFFFF; }