User:JazCode/Chatskin Christmas

Display
~Coming Soon~

CSS
Copy/paste this into your personal common.css to use. /* Christmas - 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. body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="DapperFiz"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="DapperFiz"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="DapperFiz"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .message { color:#c0ffc0; font-family:'Times New Roman'; font-size:110%; } body.ChatWindow #Rail li[data-user="Djracem"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="The Haze3456"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="SplazinBear"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="SplazinBear"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="The Atomic Ranks32"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="The Atomic Ranks32"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Golden Forge"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Golden Forge"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="Golden Forge"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Fredbear and freinds"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Fredbear and freinds"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="Fredbear and freinds"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Dove of Death"] .username { color:#ffffff; font-size:110%; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Dove of Death"] .message { color:#c0ffc0; } body.ChatWindow #Rail li[data-user="Dove of Death"] .username { color:#ffffff; font-size:110%; font-weight:bold; } .Chat a{   color:#ffffff; } .ChatWindow .UserStatsMenu { background:linear-gradient(0deg, #ffffff 2px, transparent 10px), #00a000; color:#c0ffc0; border-radius:0; border:2px solid #c0ffc0; } .UserStatsMenu .info{ background:linear-gradient(0deg, #ffffff 2px, transparent 10px), #a00000; border-radius:0; color:#ffc0c0; } .UserStatsMenu .actions ul li:hover { border-radius:0; background:linear-gradient(0deg, #ffffff 2px, transparent 10px), #a00000; } .ChatHeader { background:linear-gradient(0deg, #ffffff 2px, transparent 10px), linear-gradient(45deg,   #a00000 5%, #ffffff 5%, #ffffff 10%, #a00000 10%,    #a00000 15%, #ffffff 15%, #ffffff 20%, #a00000 20%,    #a00000 25%, #ffffff 25%, #ffffff 30%, #a00000 30%,    #a00000 35%, #ffffff 35%, #ffffff 40%, #a00000 40%,    #a00000 45%, #ffffff 45%, #ffffff 50%, #a00000 50%,    #a00000 55%, #ffffff 55%, #ffffff 60%, #a00000 60%,    #a00000 65%, #ffffff 65%, #ffffff 70%, #a00000 70%,    #a00000 75%, #ffffff 75%, #ffffff 80%, #a00000 80%,    #a00000 85%, #ffffff 85%, #ffffff 90%, #a00000 90%,    #a00000 95%, #ffffff 95%, #ffffff 100%); border:0; border-radius:10px; opacity:100; } .ChatHeader .User { border-left:none; } .ChatHeader .private { color:#c0ffc0; font-weight:bold; } .ChatHeader .wordmark img { background:#a00000; border-radius:10px; } .Rail{ color:#c0ffc0; background:linear-gradient(0deg, #ffffff 2px, transparent 10px); } .Rail .selected { background:linear-gradient(0deg, #ffffff 2px, transparent 10px), #c00000; border-radius:10px 0 0 10px; opacity:100; } .Rail .User:hover { background:linear-gradient(0deg, #ffffff 2px, transparent 10px), #a00000; border-radius:10px 0 0 10px; opacity:100; } .Rail .private { background:#a00000; border:none; } .Write { background:linear-gradient(0deg, #ffffff 2px, transparent 10px); 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:#ffc0c0; background: #a00000; border:2px solid #c0ffc0; border-radius:0; } .Write [name="message"] { color:#ffc0c0; } body.ChatWindow #WikiaPage { background:transparent; border:2px solid #c0ffc0; border-radius:0; padding:3px; } .Chat .avatar { border:2px solid #c0ffc0 !important; border-radius:50%; box-shadow:0 3px 5px #ffffff; } .User img { border:2px solid #c0ffc0 !important; border-radius:50%; box-shadow:0 3px 5px #ffffff; } .Write img { border:2px solid #c0ffc0 !important; border-radius:50%; box-shadow:0 3px 5px #ffffff; } body { background: linear-gradient(90deg, #a00000 3%, #00a000 3%, #00a000 97%, #a00000 97%); } .Chat { color:#c0ffc0; border-right:2px solid #c0ffc0; border-bottom:2px solid #c0ffc0; background:transparent; background-size:cover; } .Chat ul .you { background:0; } .Chat .inline-alert { color:#a00000; text-shadow:0 3px 5px #ffffff; } .Chat .me-message { color:#ff8080; } .User { color:#c0ffc0; } .User.away { color:#ff8080; } .Chat .time { color:#ff8080; } .message.ping { text-decoration:underline; }