ChatSkin Crazy Kings.css

/** Crazy Kings CHAT SKIN * by User:Unknown Artist 141 *   *  It implements easily customisable code, * and it uses a media query to best support phone resolution. * If you use this skin, do not remove this message! * If you would like to modify it, please leave a link to the original skin: w:c:ptd-test:ChatSkin:Crazy Kings in your source. * You may use or modify any of this code with proper credit. **/

/* Background Images */ @media only screen and (min-width: 751px) { /* Larger Screens */ .ChatWindow { /* screen resolution: 1920px 1080px */ background-image: url(http://vignette1.wikia.nocookie.net/ptd-test/images/7/7f/Main_Crazy_Kings_Chatskin_lightened.png/revision/latest?cb=20170313163636); background-size: cover;} } @media only screen and (max-width: 750px) { /* Smaller Screens */ .ChatWindow { /* phone resolution: 750px 1334px*/ background-image: url(http://vignette3.wikia.nocookie.net/ptd-test/images/3/37/Crazy_King_Portrait_Chatskin_lightened.png/revision/latest?cb=20170313163707); background-size: cover;} }

/* Text Colors */ /* text color */ color: #181c2e;}
 * 1) ChatHeader .private, #pings, #Write textarea, .ChatWindow #WikiaPage {

/* link color */ color: #5a84c7;}
 * 1) ChatHeader .wordmark, #UserStatsMenu .label, .ChatWindow a {

.Chat .inline-alert, .Chat .me-message, .Chat .time, .ChatWindow .away { /* accent text color */ color: #3d5376;}

.Chat .ping { /* ping color */ color: #bf2121;}

/* Border Color */ border-color: #181c2e;}
 * 1) ChatHeader, #ChatHeader .User, #pings, #Rail .private, #Rail .splotch, #UserStatsMenu, #UserStatsMenu img, #UserStatsMenu .separator, #Write img, #Write .message, .Chat, .Chat .avatar, .ChatWindow #WikiaPage, .ChatWindow .User img, .ChatWindow .wikia-button {

/* Background Colors */ /* background color */ background-color: #1f274d;}
 * 1) Rail .splotch, .ChatWindow, .ChatWindow .wikia-button {

/* foreground color */ background: rgba(205,217,222,0.5);}
 * 1) ChatHeader, .ChatWindow #WikiaPage {

/* accent foreground color - green */ background: rgba(155,213,188,0.75);}
 * 1) Rail .selected, #UserStatsMenu .info, #Write .message, .Chat .you {

/* accent foreground color - tan */ background: #dec7c7;}
 * 1) Rail .private, #UserStatsMenu, #pings {

/* hover color */ background: #e0d6ef;}
 * 1) Rail .User:hover, #UserStatsMenu .actions li:hover {

/* Other Properties */ /* center-aligns text */ text-align: center;}
 * 1) Rail .private {

/* removed box-shadow */ box-shadow: none;}
 * 1) Rail .selected {

/* square edges */ border-radius: 0;}
 * 1) ChatHeader, .ChatWindow .wikia-button, .ChatWindow #WikiaPage {

/* notification counter */ background: #dec7c7 color: initial;}
 * 1) Rail .splotch {

/* narrower userstatsmenu border */ border-width: 2px;}
 * 1) UserStatsMenu {