User:JazCode/Chatskin Magma

Display
~Coming Soon~

CSS
Copy/paste this into your personal common.css to use. /* Magma - 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:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="The Haze3456"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="Lily Puff"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="~WhimsicalCosmo"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="~WhimsicalCosmo"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="~WhimsicalCosmo"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="The Atomic Ranks32"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="Djracem"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #Rail li[data-user="SplazinBear"] .username { color:#ffff00; font-weight:bold; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .Chat a { color:#ffff00; } .ChatWindow .UserStatsMenu { background:#e00000; color:#ffe0e0; border-radius:0 0 3em 3em; border:3px solid #ff2020; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .UserStatsMenu .info{ border-radius:0; background:linear-gradient(#e06600 90%, transparent 95%); } .UserStatsMenu .actions ul li { background:radial-gradient(#e06600 60%, transparent 70%); border-radius:50%; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .UserStatsMenu .actions ul li:hover { background:radial-gradient(transparent 55%, #e06600 60%, transparent 70%); border-radius:50%; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .UserStatsMenu .info img { border:none; border-radius:2em; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .ChatHeader { background:#e60000; border:3px solid #ff2020; border-radius:0; } .ChatHeader .private { color:white; font-weight:bold; } .ChatHeader .User { border-left:none; } .Rail{ color:#ffe0e0; background:#e60000; border:none; border-radius:0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000;; } .Rail .selected { background:radial-gradient(#e06600 60%, transparent 70%); border-radius:50%; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .Rail .User { background:radial-gradient(#e06600 60%, transparent 70%); border-radius:50%; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .Rail .User:hover { background:radial-gradient(transparent 55%, #e06600 60%, transparent 70%); border-radius:50%; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .Rail .private { background:#e06600; border:none; box-shadow:0px 3px 0.2em #FF2020, 0px 5px 0.4em #800000; } .Write { background:#e60000; border-radius:0; } .Write .remaining { display:block; line-height: 25px; position:absolute; top:-25px; right:0px; width: 100%; background:#e60000; border-radius:0; } .Write .message { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; background:#e06600; border:none; border-radius:0; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .Write [name="message"] { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body.ChatWindow #WikiaPage { border:3px solid #ff2020; border-radius:0; padding:3px; } .Chat .avatar { border:none; border-radius:2em; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .User img { border:none; border-radius:2em; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } .Write img { border:none; border-radius:4em; box-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; } body { background:#c03010; background-size:cover; } .Chat { color:#ffe0e0; text-shadow:0px 3px 0.2em #ff2020, 0px 5px 0.4em #800000; background:linear-gradient(90deg, transparent 2%, #e06600 6%, transparent 8%, transparent 19%, #c03010 20%, transparent 21%, transparent 25%, #e06600 31%, transparent 32%, transparent 47%, #e06600 48%, transparent 49%, transparent 54%, #c03010 56%, transparent 68%, transparent 76%, #e06600 78%, transparent 80%, transparent 90%, #c03010 91%, transparent 92%,transparent 97%, #e06600 100%), linear-gradient(#e60000, #c03010 15%, #e06600); background-size:cover; border-right:3px solid #ff2020; border-bottom:3px solid #ff2020; } .Chat ul .you { background:none; } .Chat .inline-alert { color:#ffa0a0; } .Chat .me-message { color:#ffa0a0; } .User { color:#ffe0e0; } .User.away { color:#ffa0a0; } .Chat .time { color:#ffa0a0; } .message.ping { text-shadow: 0px 0px 0.5em #ffe0e0; }