User:Quickxilver/Galaxy Chatskin

/* credit to Jaz for some (most) of le code */ .Rail #user-TheSecondEdgeOfTheBlade .username:after, .Rail #priv-user-TheSecondEdgeOfTheBlade .username:after { content: url('http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png'); } .Rail #user-SquidFairy .username:after, .Rail #priv-user-SquidFairy .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png'); } .Rail #user-The_Haze3456 .username:after, .Rail #priv-user-The_Haze3456 .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png'); } .Rail #user-TheZombeh .username:after, .Rail #priv-user-TheZombeh .username:after { content: url('http://vignette1.wikia.nocookie.net/a-private-conversation/images/f/fb/Moon_half.png'); } .Rail #user-The_Royal_Keen .username:after, .Rail #priv-user-The_Royal_Keen .username:after { content: url('http://vignette1.wikia.nocookie.net/a-private-conversation/images/f/fb/Moon_half.png'); } .Rail #user-ThatFNaTISuit .username:after, .Rail #priv-user-ThatFNaTISuit .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png'); } .Rail #user-Lily_Puff .username:after, .Rail #priv-user-Lily_Puff .username:after { content: url('http://vignette1.wikia.nocookie.net/a-private-conversation/images/f/fb/Moon_half.png'); } .Rail #user-UrbanPie_The_Unpieing .username:after, .Rail #priv-user-UrbanPie_The_Unpieing .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png'); } .ChatWindow .UserStatsMenu { background:linear-gradient(120deg,#4c4cff,#a4ccff); color:#ffcca0; border-radius:10px; border:2px solid #918dff; } .UserStatsMenu .info{ border-radius:0; background:linear-gradient(120deg,#4c4cff,#a4ccff); } .UserStatsMenu .actions ul li:hover { border-radius:0; background:linear-gradient(120deg,#4c4cff,#a4ccff); } .ChatHeader { background:linear-gradient(120deg,#4c4cff,#a4ccff); border:0; border-radius:10px; } .ChatHeader .User { border-left: 1px solid #4c4cff; } .ChatHeader .private { color:#4c4cff; font-weight:bold; } .Rail{ color:#4c4cff; background:transparent; } .Rail .selected { background:linear-gradient(120deg,#4c4cff,#a4ccff); border-radius:0; } .Rail .User:hover { background:linear-gradient(120deg,#4c4cff,#a4ccff); border-radius:10px; } .Rail .private { background:linear-gradient(120deg,#4c4cff,#a4ccff); border:1px solid #4c4cff; } .Write { background:transparent; border-radius:0; } .Write .remaining { display:block; line-height: 25px; position:absolute; top:-25px; right:0px; width: 100%; background:transparent; border-radius:0; color:transparent; } .Write .message { color:#4c4cff; background:linear-gradient(120deg,#4c4cff,#a4ccff); border:1px solid #4c4cff; border-radius:10px; } .Write [name="message"] { color:#00bfff; font-family:'Papyrus'; font-style:italic; } body.ChatWindow #WikiaPage { background:transparent; border:1px solid #4c4cff; border-radius:10px; padding:3px; } .Chat .avatar { border:1px solid #00bfff !important; border-radius:10px; } .User img { border:1px solid #00bfff !important; border-radius:10px; } .Write img { border:1px solid #00bfff !important; border-radius:10px; } body { background:linear-gradient(90deg,#000080,#0000ff); } .Chat { color:#006fff; border-right:1px solid #4c4cff; border-bottom:1px solid #4c4cff; background:url('https://mrgreensimaginarium.files.wordpress.com/2012/01/1305887750-stars-galaxy-universe-nebula-space-dust-blue-galaxy-wallpaper1.jpg'); background-size:cover; } .Chat ul .you { background:0; } .Chat .inline-alert { color:#c0c0c0; text-shadow:0 5px 5px #ffff00; } .Chat .me-message { color:#add8e6; } .User { color:#006fff; } .User.away { color:#002877; } .Chat .time { color:#ffbb33; } .message.ping { color:#ab0000; font-weight:bold; }