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, #76e3e3 0%, #4fe3e3 40%, #1ac7c7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76e3e3), color-stop(40%,#4fe3e3), color-stop(100%,#1ac7c7)); background: -webkit-linear-gradient(top, #76e3e3 0%,#4fe3e3 40%,#1ac7c7 100%); background: -o-linear-gradient(top, #76e3e3 0%,#4fe3e3 40%,#1ac7c7 100%); background: -ms-linear-gradient(top, #76e3e3 0%,#4fe3e3 40%,#1ac7c7 100%); background: linear-gradient(to bottom, #76e3e3 0%,#4fe3e3 40%,#1ac7c7 100%); 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: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 {

/*### 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; }

/* PT */ .Chat [data-user="PlasmaTime"] { border:2px solid #008b00; background: #59c559; background: -moz-linear-gradient(top, #59c559 0%, #31c531 40%, #008b00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c559), color-stop(40%,#31c531), color-stop(100%,#008b00)); background: -webkit-linear-gradient(top, #59c559 0%,#31c531 40%,#008b00 100%); background: -o-linear-gradient(top, #59c559 0%,#31c531 40%,#008b00 100%); background: -ms-linear-gradient(top, #59c559 0%,#31c531 40%,#008b00 100%); background: linear-gradient(to bottom, #59c559 0%,#31c531 40%,#008b00 100%); 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, #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 #ff009b; 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; }