User:TheAquuaHybrid/chat.css

/* Custom chat background [test] */

body { background-image:none; background-size:cover; } .Chat { background-image:url('http://i.imgur.com/BPQLmiY.jpg')!important; background-size:cover!important; border-radius:2pc 0pc 0pc 0pc; } /* end */

/* other chat customisations */ body.ChatWindow #WikiaPage { border:2px #484263 outset; border-radius:2pc 0pc 0pc 0pc; box-shadow:0 0 20px aqua; } .Chat { color:white; font-family:'Trebuchet MS'; font-weight:bold; } .Chat .inline-alert { text-shadow:0 0 35px #3104B4; color:white; font-size:18px; font-weight:bold; font-variant:small-caps; font-family:'Trebuchet MS'; -webkit-text-stroke:0.6px black; } .Chat .username { font-variant:small-caps; text-shadow:0 6px 13px #0B243B; font-size:110%; font-weight:bold; background:-webkit-linear-gradient(#00CCDF 50%,#0289A8 50%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .Chat ul .you { opacity:0.1; } .ChatHeader { background-color:teal; background: -webkit-linear-gradient(left, rgba(49,119,123,0) 0%,rgba(49,119,123,0.8) 15%,rgba(49,119,123,1) 19%,rgba(49,119,123,1) 20%,rgba(67,173,170,1) 50%,rgba(49,119,123,1) 80%,rgba(49,119,123,1) 81%,rgba(49,119,123,0.8) 85%,rgba(49,119,123,0) 100%); /* Chrome10+,Safari5.1+ */ border:3px #bdbdbd solid; border-radius:0 2pc 1pc 2pc; box-shadow:0 0 10px aqua; } .ChatHeader .private { font-family:'Trebuchet MS'; font-variant:small-caps; font-weight:bold; text-shadow:3px 3px aqua; } .ChatHeader .User { color:white; } .Rail .private { background:-webkit-linear-gradient(310deg,#1c1c1c 50%,#000 50%); background-size:8px 8px; } .Rail .selected { border-radius:5px 5px 1pc 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,0.4), inset 0 10px rgba(255,255,255,0.2), inset 0 12px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .User:hover { border-radius:3px 3px 1pc 3px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,0.4), inset 0 10px rgba(255,255,255,0.2), inset 0 12px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .Write { background:-webkit-linear-gradient(310deg,#1c1c1c 50%,#000000 50%); background-size:8px 8px; } .Write .message { background:-webkit-linear-gradient(310deg,#151515 50%,#000000 50%); background-size:8px 8px; } /* end */