User:TheAquuaHybrid/chat.css

/* Custom chat background [test] */

body { background-image:url('http://i.imgur.com/u9WS8gX.jpg')!important; background-size:cover!important; } .Chat { background-image:url('http://i.imgur.com/KqQaYse.jpg')!important; background-size:cover!important; border-radius:28px 0 0 0; } /* end */

/* other chat customisations */ body.ChatWindow #WikiaPage { border:3px #484263 outset; border-radius:2pc 0pc 0pc 0pc; padding:5px; } .Chat { color:white; font-family:'Trebuchet MS'; font-weight:bold; } .Chat .avatar { border-radius:7px; } .Chat .inline-alert { text-shadow:0 6px 13px #0B243B; color:white; font-size:17px; font-weight:bold; font-variant:small-caps; font-family:'Trebuchet MS'; } .Chat .message { font-weight:lighter; } .Chat .User { font-family:'Trebuchet MS'; } .Chat .username { font-variant:small-caps; text-shadow:0 3px 7px #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 { background:rgba(255,255,255,0.1); border-radius:2pc 0 0 2pc; } .ChatHeader { background: -webkit-linear-gradient(left, rgba(49,119,123,0) 0%,rgba(49,119,123,0.6) 15%,rgba(49,119,123,0.6) 19%,rgba(49,119,123,0.6) 20%,rgba(67,173,170,0.6) 50%,rgba(49,119,123,0.6) 80%,rgba(49,119,123,0.6) 81%,rgba(49,119,123,0.6) 85%,rgba(49,119,123,0) 100%); border:2px #bdbdbd solid; border-radius:0 2pc 1pc 2pc; } .ChatHeader .private { font-family:'Trebuchet MS'; font-variant:small-caps; font-weight:bold; text-shadow:3px 3px aqua; } .ChatHeader .User { color:white; } .ChatWindow .UserStatsMenu { background:-webkit-linear-gradient(310deg,rgba(20,20,20,1) 50%,rgba(15,15,15,1) 50%); background-size:7px 7px; box-shadow:inset 0 0 7px rgba(0,0,0,0.9),0 0 7px rgba(0,200,255,1); border:1px aqua solid; border-radius:2pc 0 2pc; } .Rail { background: -webkit-linear-gradient(310deg, rgba(207,227,233,0.6) 0%,rgba(172,212,222,0.6) 17%,rgba(98,183,200,0.6) 50%,rgba(58,171,196,0.6) 51%,rgba(68,197,214,0.6) 59%,rgba(78,232,240,0.6) 71%,rgba(58,180,196,0.6) 84%,rgba(39,117,143,0.6) 100%)!important; color:white; font-family:'Trebuchet MS'; } .Rail .private { background:-webkit-linear-gradient(310deg,#1c1c1c 50%,#000 50%); background-size:8px 8px; font-family:'Trebuchet MS'; color:white; } .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); } .User img { border-radius:5px; } .UserStatsMenu .info { border-radius:2pc 0 0 0; } .Write { background:-webkit-linear-gradient(310deg,#1c1c1c 50%,#000000 50%); background-size:8px 8px; } .Write img { border-radius:5px; border:2px #65c3f9 solid !important; } .Write .message { background:rgba(0,0,0,0.3); box-shadow:0 0 7px rgba(0,200,255,1); border:1px aqua solid; border-radius:1pc 3pc 1pc 1pc; color:white; } /* end */