User:TheAquuaHybrid/chat.css

/* Custom chat background [test] */

body { background-image:url('http://i.imgur.com/TnyWdfp.png')!important; background-size:cover!important; } .Chat { background-image:url('http://i.imgur.com/BPQLmiY.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; box-shadow:0 0 20px aqua; 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: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 .message { -webkit-text-stroke:0.3px black; } .Chat ul .you { background:rgba(255,255,255,0.1); border-radius:2pc 0 0 2pc; } .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:2px #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; } .ChatWindow .UserStatsMenu { 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:2px #484263 solid; border-radius:2pc 0 2pc; box-shadow:0 0 10px aqua; } .Rail { background: -webkit-linear-gradient(310deg, rgba(207,227,233,1) 0%,rgba(172,212,222,1) 17%,rgba(98,183,200,1) 50%,rgba(58,171,196,1) 51%,rgba(68,197,214,1) 59%,rgba(78,232,240,1) 71%,rgba(58,180,196,1) 84%,rgba(39,117,143,1) 100%)!important; 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); } .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:-webkit-linear-gradient(310deg,#151515 50%,#000000 50%); background-size:8px 8px; border:2px #484263 outset; border-radius:1pc 3pc 1pc 1pc; box-shadow:0 0 10px aqua; color:white; } /* end */