User:JazCode/Chatskin Ocean

Display
~Coming Soon~

CSS
Copy/paste this into your personal common.css to use. /* Ocean - 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="TheSecondEdgeOfTheBlade"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#90a0ff; font-weight:bold; text-shadow:0 0 .5em rgb(0,200,230); } body.ChatWindow #WikiaPage > .Chat li[data-user="SquidFairy"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="SquidFairy"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="SquidFairy"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Great Avv"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Great Avv"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="The Great Avv"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .username { color:#90a0ff; font-weight: bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="The Haze3456"] .username { color:#90a0ff; font-weight: bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheZombeh"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheZombeh"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="TheZombeh"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Royal Keen"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Royal Keen"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="The Royal Keen"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="Lily Puff"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .username { color:#90a0ff; font-weight:bold; text-shadow:0 0 .5em rgb(0,200,230); } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="Djracem"] .username { color:#90a0ff; font-weight:bold; text-shadow:0 0 .2em rgba(0,200,230,0.5); } body.ChatWindow #WikiaPage > .Chat li[data-user="UrbanPie The Unpieing"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="UrbanPie The Unpieing"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="UrbanPie The Unpieing"] .username { color:#90a0ff; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat .username { text-shadow:0 0 .5em rgb(0,200,230); } .Chat a { color:rgb(0,200,230); } .ChatWindow .UserStatsMenu { background:#0050a0; color:#001050; border-radius:0 0 3em 3em; border:2px solid #001050; box-shadow:0 0 .5em rgb(0,200,230); } .UserStatsMenu .info{ border-radius:0; background:linear-gradient(rgb(0,200,230) 90%, transparent 95%); } .UserStatsMenu .actions ul li { background:radial-gradient(#001050 60%, transparent 70%); border-radius:0; } .UserStatsMenu .actions ul li:hover { background:radial-gradient(transparent 55%, rgb(0,200,230) 60%, transparent 70%); border-radius:0; } .UserStatsMenu .info img { border:1px solid #201090; border-radius:2em; box-shadow:0 0 .5em rgb(0,200,230); } .ChatHeader { background:#0050a0; border:1px solid #001050; border-radius:0; } .ChatHeader .private { color:white; font-weight:bold; } .Rail{ color:#007030; background:#0050a0; border:1px solid #001050; border-radius:0; text-shadow:0 0 .2em rgba(0,200,230,0.5); } .Rail .selected { background:radial-gradient(rgb(0,200,230) 60%, transparent 70%); border-radius:0; } .Rail .User { background:radial-gradient(#001050 60%, transparent 70%); border-radius:0; } .Rail .User:hover { background:radial-gradient(transparent 55%, rgb(0,200,230) 60%, transparent 70%); border-radius:0; } .Rail .private { background:rgb(0,200,230); } .Write { background:#0050a0; border-radius:0; } .Write .remaining { display:block; line-height: 25px; position:absolute; top:-25px; right:0px; width: 100%; background:#000000; border-radius:0; } .Write .message { color:#00a050; background:#000000; border:1px solid #001050; border-radius:0; } .Write [name="message"] { color:#00a050; } body.ChatWindow #WikiaPage { border:1px solid #201090; border-radius:0; padding:3px; } .Chat .avatar { border:1px solid #201090; border-radius:2em; box-shadow:0 0 .5em rgb(0,200,230); } .User img { border:1px solid #201090; border-radius:2em; box-shadow:0 0 .5em rgb(0,200,230); } .Write img { border:1px solid #201090; border-radius:4em; box-shadow:0 0 1em rgb(0,200,230); } body { background:#001050; background-size:cover; } .Chat { color:#00a050; text-shadow:0 0 .2em rgba(0,200,230,0.5); background:linear-gradient(rgb(0,200,230), #001050 5%, #000000); background-size:cover; border-right:#201090; border-bottom:#201090; } .Chat ul .you { background:none; } .Chat .inline-alert { color:#007030; } .Chat .me-message { color:#007030; } .User { color:#00a050; } .User.away { color:#007030; } .Chat .time { color:#007030; }