User:~WhimsicalCosmo/chatskin-tests.css

/* -- -- This page is mainly for me to test out some custom chatskins. They'll most likely be tested on my bot's (95ultrabot) /common.css page. You can request stuff if you want but I may not get it done for a bit.

Also, I don't provide displays like Jaz does. So how the theme looks will be a mystery. c: -- -- */

/* --- ~ Sugar/Sweets/Candy chatskin! ~ --- */ body { background-image:url('http://orig11.deviantart.net/c1d7/f/2012/107/5/6/cotton_candy_color_background_by_mimigastory-d4wjpfb.png'); background-size:cover; } .Chat { background-image:url('http://static.fjcdn.com/pictures/Candy_4ebebd_5496602.jpg'); background-size:cover; } .Chat ul .you { background:none; } .ChatHeader { border-radius:1pc; background:linear-gradient(120deg,#ffd1dc,#b19cd9); } .Rail .User { background:radial-gradient(transparent 45%,#ffa2a2,transparent 55%); } .ChatWindow #Rail .User .username { color:#ff00ff; } .Write .message { background:#ffd1dc; border:1px solid #b19cd9; } .Write [name="message"] { color:purple; } .Chat .time { color:#c0c0c0; background:linear-gradient(#ffffff,#ff0000); font-weight:bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* - ~ - */ body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .username, body.ChatWindow #Rail li[data-user="The Haze3456"] .username { color:#ffffff; font-weight:bold; font-family:'Courier New'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .username, body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ffffff; font-weight:bold; font-family:'Viner Hand ITC'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .username, body.ChatWindow #Rail li[data-user="Lily Puff"] .username { color:#ffffff; font-weight:bold; font-family:'Arial'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="~WhimsicalCosmo"] .username, body.ChatWindow #Rail li[data-user="~WhimsicalCosmo"] .username { color:#ffffff; font-weight:bold; font-family:'Baskerville Old Face'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .username, body.ChatWindow #Rail li[data-user="The Atomic Ranks32"] .username { color:#ffffff; font-weight:bold; font-family:'Arial'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .username, body.ChatWindow #Rail li[data-user="Djracem"] .username { color:#ffffff; font-weight:bold; font-family:'Arial'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .username, body.ChatWindow #Rail li[data-user="SplazinBear"] .username { color:#ffffff; font-weight:bold; font-family:'Arial'; background-image:-webkit-linear-gradient(330deg,#c0c0c0 50%,#800000 51%); background-size:25px 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }