User:Unknown Artist 141/wikia.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 */


 * 1) ChatHeader .private, #pings, #Write textarea, .ChatWindow #WikiaPage {

/* text color */

color: #181c2e;}


 * 1) ChatHeader .wordmark, #UserStatsMenu .label, .ChatWindow a {

/* link color */

color: #5a84c7;}

.Chat .inline-alert, .Chat .me-message, .Chat .time, .ChatWindow .away {

/* accent text color */

color: #3d5376;}

.Chat .ping {

/* ping color */

color: #bf2121;}

/* Border Color */


 * 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 {

border-color: #181c2e;}

/* Background Colors */


 * 1) Rail .splotch, .ChatWindow, .ChatWindow .wikia-button {

/* background color */

background-color: #1f274d;}


 * 1) ChatHeader, .ChatWindow #WikiaPage {

/* foreground color */

background: rgba(205,217,222,0.5);}


 * 1) Rail .selected, #UserStatsMenu .info, #Write .message, .Chat .you {

/* accent foreground color - green */

background: rgba(155,213,188,0.75);}


 * 1) Rail .private, #UserStatsMenu, #pings {

/* accent foreground color - tan */

background: #dec7c7;}


 * 1) Rail .User:hover, #UserStatsMenu .actions li:hover {

/* hover color */

background: #e0d6ef;}

/* Other Properties */


 * 1) Rail .private {

/* center-aligns text */

text-align: center;}


 * 1) Rail .selected {

/* removed box-shadow */

box-shadow: none;}


 * 1) ChatHeader, .ChatWindow .wikia-button, .ChatWindow #WikiaPage {

/* square edges */

border-radius: 0;}


 * 1) Rail .splotch {

/* notification counter */

background: #dec7c7

color: initial;}


 * 1) UserStatsMenu {

/* narrower userstatsmenu border */

border-width: 2px;}