User:JazCode/Chatskin Sunset

Display
 http://vignette4.wikia.nocookie.net/undertale-rp/images/8/89/Wiki-wordmark.png/revision/latest/scale-to-width-down/115 http://vignette4.wikia.nocookie.net/messaging/images/1/19/Avatar.jpg/revision/latest/scale-to-width-down/28 You!  Options http://vignette4.wikia.nocookie.net/undertale-rp/images/8/89/Wiki-wordmark.png/revision/latest/scale-to-width-down/115 http://vignette3.wikia.nocookie.net/412cb350-b517-4bf4-b7b4-376bc3e697c8/scale-to-width-down/28 Djracem http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png http://vignette3.wikia.nocookie.net/e571ac66-fe44-410c-99aa-f90c104c1e97/scale-to-width-down/28 HolyTraitor http://vignette3.wikia.nocookie.net/f2fa4a80-c306-43d1-b7c1-91659fe058f0/scale-to-width-down/28 Kuro Neko P... http://vignette3.wikia.nocookie.net/4c791649-af95-4d27-8d04-8c562920ef98/scale-to-width-down/28 Lily Puff http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png http://vignette3.wikia.nocookie.net/be372948-1d40-4f67-84e2-6c351cf602a7/scale-to-width-down/28 Reddest http://vignette3.wikia.nocookie.net/a1603cf1-0bc8-4c38-ae20-f2c6491eab46/scale-to-width-down/28 SquidFairy http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png http://vignette3.wikia.nocookie.net/2dd65392-5224-45c0-9858-0565d5632bc4/scale-to-width-down/28 Temporal U... http://vignette3.wikia.nocookie.net/b502218f-9c84-4a8d-8b40-46249989789a/scale-to-width-down/28 The Great... http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png http://vignette3.wikia.nocookie.net/689a8491-bf1c-44e5-a0a5-114159814868/scale-to-width-down/28 The Haz... http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png http://vignette3.wikia.nocookie.net/c03d4a7d-fdc6-48b5-b181-5fc0055a302c/scale-to-width-down/28 THE WAR... http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png http://vignette3.wikia.nocookie.net/3878ec82-182e-4dab-b440-830740681d2d/scale-to-width-down/28 TheSecon... http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png http://vignette3.wikia.nocookie.net/82a4e801-6217-4ac8-95a4-3ede094908dc/scale-to-width-down/28 TheZombeh http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png http://vignette3.wikia.nocookie.net/b81fb601-ffd8-46ca-adce-615b4c5223af/scale-to-width-down/28 Whitesnow1...  '''~ Welcome to the Undertale RP Wiki Chat! ~'''

http://vignette3.wikia.nocookie.net/4c791649-af95-4d27-8d04-8c562920ef98/scale-to-width-down/28 Lily Puff http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png: sample text  http://vignette4.wikia.nocookie.net/messaging/images/1/19/Avatar.jpg/revision/latest/scale-to-width-down/28 You!: sample text http://vignette3.wikia.nocookie.net/3878ec82-182e-4dab-b440-830740681d2d/scale-to-width-down/28 TheSecondEdgeOfTheBlade http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png: sample text http://vignette3.wikia.nocookie.net/2dd65392-5224-45c0-9858-0565d5632bc4/scale-to-width-down/28 Temporal Umbra: sample text http://vignette3.wikia.nocookie.net/703a1b5c-5e88-4e55-aef7-6f93fdf10135/scale-to-width-down/28 Paperjam!Sans: sample text http://vignette3.wikia.nocookie.net/689a8491-bf1c-44e5-a0a5-114159814868/scale-to-width-down/28 The Haze3456 http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png: sample text http://vignette3.wikia.nocookie.net/412cb350-b517-4bf4-b7b4-376bc3e697c8/scale-to-width-down/28 Djracem http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png: sample text http://vignette3.wikia.nocookie.net/c03d4a7d-fdc6-48b5-b181-5fc0055a302c/scale-to-width-down/28 THE WAR KID http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png: sample text  http://vignette4.wikia.nocookie.net/messaging/images/1/19/Avatar.jpg/revision/latest/scale-to-width-down/28 You!: sample text '''~ Kuro Neko Potato has joined the chat! ~ http://vignette3.wikia.nocookie.net/b502218f-9c84-4a8d-8b40-46249989789a/scale-to-width-down/28 The Great Avv http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png:'''  sample text http://vignette3.wikia.nocookie.net/82a4e801-6217-4ac8-95a4-3ede094908dc/scale-to-width-down/28 TheZombeh http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png: sample text http://vignette3.wikia.nocookie.net/be372948-1d40-4f67-84e2-6c351cf602a7/scale-to-width-down/28 Reddest: sample text http://vignette3.wikia.nocookie.net/a1603cf1-0bc8-4c38-ae20-f2c6491eab46/scale-to-width-down/28 SquidFairy http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png: sample text http://vignette3.wikia.nocookie.net/b81fb601-ffd8-46ca-adce-615b4c5223af/scale-to-width-down/28 Whitesnow101: sample text '''~ Paperjam!Sans has left the chat! ~ http://vignette3.wikia.nocookie.net/b81fb601-ffd8-46ca-adce-615b4c5223af/scale-to-width-down/28 Whitesnow101:''' sample text http://vignette4.wikia.nocookie.net/messaging/images/1/19/Avatar.jpg/revision/latest/scale-to-width-down/41  sample te|

CSS
Copy/paste this into your personal common.css to use. /* Sunset - Coded by: TheSecondEdgeOfTheBlade You may use this chat skin if you please, but leave the credit at the top. Requests for custon chat skins can be placed on her wall. .Rail #user-The_Haze3456 .username:after, .Rail #priv-The_Haze3456 .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="The Haze3456"] .username { color:#ffbb33; 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:#ff5500; font-weight: bold; } .Rail #user-The_Great_Avv .username:after, .Rail #priv-The_Great_Avv .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/2d/Moon_full.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="The Great Avv"] .username { color:#ffbb33; 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:#ff5500; font-weight:bold; } .Rail #user-TheSecondEdgeOfTheBlade .username:after, .Rail #priv-TheSecondEdgeOfTheBlade .username:after { content: url('http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ffbb33; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:#ff5500; font-weight:bold; } .Rail #user-SquidFairy .username:after, .Rail #priv-SquidFairy .username:after { content: url('http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="SquidFairy"] .username { color:#ffbb33; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="SquidFairy"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="SquidFairy"] .username { color:#ff5500; font-weight:bold; } .Rail #user-Djracem .username:after, .Rail #priv-Djracem .username:after { content: url('http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .username { color:#ffbb33; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="Djracem"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="Djracem"] .username { color:#ff5500; font-weight:bold; } .Rail #user-TheZombeh .username:after, .Rail #priv-TheZombeh .username:after { content: url('http://vignette4.wikia.nocookie.net/a-private-conversation/images/6/68/Moon_gibbous.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="TheZombeh"] .username { color:#ffbb33; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="TheZombeh"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="TheZombeh"] .username { color:#ff5500; font-weight:bold; } .Rail #user-Lily_Puff .username:after, .Rail #priv-Lily_Puff .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="Lily Puff"] .username { color:#ffbb33; 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:#ff5500; font-weight:bold; } .Rail #user-THE_WAR_KID .username:after, .Rail #priv-THE_WAR_KID .username:after { content: url('http://vignette3.wikia.nocookie.net/a-private-conversation/images/2/23/Moon_crescent.png'); } body.ChatWindow #WikiaPage > .Chat li[data-user="THE WAR KID"] .username { color:#ffbb33; font-weight:bold; } body.ChatWindow #WikiaPage > .Chat li[data-user="THE WAR KID"] .message { color:#ffffff; } body.ChatWindow #Rail li[data-user="THE WAR KID"] .username { color:#ff5500; font-weight:bold; } .ChatWindow .UserStatsMenu { background:rgba(255,204,160,0.3); color:#ffcca0; border-radius:10px; border:2px solid #ffcca0; } .UserStatsMenu .info{ border-radius:0; background:rgba(255,204,160,0.3); } .UserStatsMenu .actions ul li:hover { border-radius:0; background:rgba(255,204,160,0.3); } .ChatHeader { background:rgba(255,204,160,0.3); border:0; border-radius:10px; } .ChatHeader .User { border-left: 1px solid #ffcca0; } .ChatHeader .private { color:#ffcca0; font-weight:bold; } .Rail{ color:#ffcca0; background:transparent; } .Rail .selected { background:rgba(255,204,160,0.3); border-radius:0; } .Rail .User:hover { background:rgba(255,204,160,0.3); border-radius:10px; } .Rail .private { background:rgba(255,204,160,0.3); border:1px solid #ffcca0; } .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:#ffcca0; background:rgba(255,204,160,0.3); border:1px solid #ffcca0; border-radius:10px; } .Write [name="message"] { color:#ffcca0; } body.ChatWindow #WikiaPage { background:transparent; border:1px solid #ffcca0; border-radius:10px; padding:3px; } .Chat .avatar { border:1px solid #ffcca0 !important; border-radius:10px; } .User img { border:1px solid #ffcca0 !important; border-radius:10px; } .Write img { border:1px solid #ffcca0 !important; border-radius:10px; } body { background: linear-gradient(90deg, #ee0066, #000050); } .Chat { color:#ffcca0; border-right:1px solid #ffcca0; border-bottom:1px solid #ffcca0; background:transparent; background-size:cover; } .Chat ul .you { background:rgba(255,204,160,0.3); } .Chat .inline-alert { color:#ffbb33; } .Chat .me-message { color:#ffbb33; } .User { color:#ffcca0; } .User.away { color:#ffbb33; } .Chat .time { color:#ffbb33; }