User:JazCode/Chatskin Galaxy

Display
~Coming Soon~

CSS
Copy/paste this into your personal common.css to use. /* Galaxy - Coded by: TheSecondEdgeOfTheBlade You may use this chat skin if you please, but leave the credit at the top. Requests for custom chat skins can be placed on her wall. .modicon { display:none; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="The Haze3456"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="Lily Puff"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="~WhimsicalCosmo"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="~WhimsicalCosmo"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="~WhimsicalCosmo"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="The Atomic Ranks32"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); }

body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="Djracem"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); }

body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .message { color:rgb(200,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #Rail li[data-user="SplazinBear"] .username { color:rgb(200,200,240); font-weight:bold; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); }

.Chat a { color:rgb(200,200,240); text-decoration:underline; }

.ChatWindow .UserStatsMenu { background:transparent; color:rgb(230,200,240); border-radius:0 0 3em 3em; border:none; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .UserStatsMenu .info{ border-radius:0; background:linear-gradient(rgba(200,200,230,0.7) 90%, transparent 95%); } .UserStatsMenu .actions ul li { background:radial-gradient(at top right, transparent 30%, rgba(240,230,200,0.7) 35%, transparent 37%), radial-gradient(circle, rgba(240,230,200,0.7) 5%, transparent 7%); border-radius:50%; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .UserStatsMenu .actions ul li:hover { background:radial-gradient(at top right, transparent 30%, rgba(240,230,200,0.7) 35%, transparent 37%), radial-gradient(circle, rgba(240,230,200,0.7) 5%, transparent 7%), linear-gradient(180deg, rgba(240,230,200,0.3), transparent); border-radius:50%; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .UserStatsMenu .info img { border:none; border-radius:2em; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .ChatHeader { background:transparent; border:none; border-radius:0; } .ChatHeader .private { color:rgb(230,200,240); font-weight:bold; } .ChatHeader .User { border:none; } .Rail{ color:rgb(230,200,240); background:transparent; border:none; border-radius:0; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } .Rail .selected { background:radial-gradient(at top right, transparent 30%, rgba(240,230,200,0.7) 35%, transparent 37%), radial-gradient(circle, rgba(240,230,200,0.7) 5%, transparent 7%), linear-gradient(180deg, rgba(240,230,200,0.3), transparent); border-radius:50%; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .Rail .User { background:radial-gradient(at top right, transparent 30%, rgba(240,230,200,0.7) 35%, transparent 37%), radial-gradient(circle, rgba(240,230,200,0.7) 5%, transparent 7%); border-radius:50%; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .Rail .User:hover { background:radial-gradient(at top right, transparent 30%, rgba(240,230,200,0.7) 35%, transparent 37%), radial-gradient(circle, rgba(240,230,200,0.7) 5%, transparent 7%), linear-gradient(180deg, rgba(240,230,200,0.3), transparent); border-radius:50%; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .Rail .private { background:transparent; border:none; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .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; } .Write .message { color:rgb(230,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); background:transparent; border:none; border-radius:0; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .Write [name="message"] { color:rgb(230,200,240); text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); } body.ChatWindow #WikiaPage { border:none; border-radius:0; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); padding:3px; } .Chat .avatar { border:none; border-radius:2em; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .User img { border:none; border-radius:2em; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } .Write img { border:none; border-radius:4em; box-shadow:0px 0px 0.5em rgba(200,200,230,0.7); } body { background-image:URL("http://vignette3.wikia.nocookie.net/a-private-conversation/images/5/5a/Galaxy_Background.png"); background-size:cover; background-repeat:repeat; } .Chat { color:#ffe0e0; text-shadow:0px 0px 0.3em rgba(200,200,230,0.7); background:radial-gradient(at top right, transparent 55%, rgba(200,240,230,.3) 57%, rgba(200,200,240,0.5) 60%, rgba(240,200,200,0.3) 53%, transparent 55%), radial-gradient(rgba(230,200,240,0.3), rgba(200,200,240,0.2) 55%, transparent 65%), radial-gradient(circle, rgba(240,200,230,0.4), rgba(240,200,200,0.3) 35%, transparent 45%), radial-gradient(rgba(200,230,240,0.3), rgba(200,240,200,0.2) 35%, transparent 45%); background-size:cover; border:none; } .Chat ul .you { background:none; } .Chat .inline-alert { color:rgba(230,200,240,0.7); } .Chat .me-message { color:rgba(230,200,240,0.7); } .User { color:rgb(230,200,240); } .User.away { color:rgba(230,200,240,0.7); } .Chat .time { color:rgba(230,200,240,0.7); } .message.ping { text-shadow: 0px 0px 0.5em #ffe0e0; }