MediaWiki:Chat.css

/*
	Codes on this page will affect Special:Chat.
	For scripts, use MediaWiki:Chat.js
*/


/* break long words */

.Chat ul li {
	word-wrap: break-word;
}

/* Hides default badges */
.ChatWindow .User .badge svg { visibility: hidden; }
.ChatWindow .User .badge {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* colored names */

.User.chatmoderator:not(.staff) {
	color: navy;
	font-weight: normal;
	font-style: italic;
}

	/* staff names */
.User.staff {
	color: pink;
	font-style: italic;
}

	/* bots names */
#Rail li[data-user="CPChatBot"] .username,
#Rail li[data-user="Jeserator TEST"] .username,
#Rail li[data-user="Syster"] .username,
#Rail li[data-user="VicBot"] .username {
	color: #666666 !important;
	font-style: italic; /* for non-mod bots */
}

	/* administrators names */
#Rail li[data-user="Apj26"] .username,
#Rail li[data-user="CPW Community Admin"] .username,
#Rail li[data-user="Dps04"] .username,
#Rail li[data-user="Hey.youcp"] .username,
#Rail li[data-user="Jeserator"] .username,
#Rail li[data-user="Shurow"] .username,
#Rail li[data-user="Vicyorus"] .username,
#Rail li[data-user="Watatsuki"] .username {
	color: #1d981d !important;
	font-weight: normal;
	font-style: italic;
}

	/* self name - administrators */
body.can-give-chat-mod .ChatHeader .username {
	color: #1d981d !important;
	font-weight: normal;
	font-style: italic;
}

body.can-give-chat-mod .ChatHeader .User .username:after {    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAACQ0lEQVQokZWPz2uScRzHPz7PYw4eh+BjYdoWoy20IZZDyQ6xJRTMPZdIL4vtUIeiw/Cw/gEPOwijw7bTGhsuPCgMRodsTSglt348uZ7Z4hGV7HHzUYYIufaI89vpMTcc0fv2+cDr83p/ZPCfid+TLys6CeMXnqQxaRkKhehMJpPgOO59IBC40Q5kXMSba0PU6FGdspipSrgJx+PxVLX6W6NSqexutzsWDAbvngSvDGoc7CYBxs5dqNbxvWOXe3t7FTzPHwmCgHg+/6MVPJzVoo9jF9CvJxjacJ1JAABGAIAsEon4OY7zKZXKYVEUMYQQkCSpbmfcLhJb14M1CwA0pMpJQRDqLMvWY7EY8ng8KJvNopcTg5G/RrxplBrhAADlcnmFJEkHRWnO4zgOBEHItB9mQFv91COkG3BZWYLtIn7cCACylpexubm5GZZlOb1ef+mm+O4xxSdwRW0fuAPd2+GVn7dawZNwM16vd8RqtS6VZx91XsQO5ZsbCK7a7UslufyBOxg8atragTabbcHn802s7WlM3z4Tu/TAACQZZpwoFOJrLpeqnRC8Xu9IOBwuOhyO+9LuocViXOjqymecTjTf14eeGwx7r2i6/5+glHGzuX+xu3s363SiRYOh9kyny6/SdI8MACAaja6KomidmpqaXF9fX27XatRkMt2uVF6f02q3dgqFs/uNxjTm9/sn1Wo1ncvlvp8GAgC8YFk2qtHc2SmVFAcAaaajI0SkUqlEOp2eTiaTT08DpcwzzFcAGJLmP8e8D5dyk6caAAAAAElFTkSuQmCC');
}    

/* italicized text for Private Message header */

body.ChatWindow h1.private {
	font-style: italic;
}


/* special badges */

 /* reset badge dimensions (18px->15px) after nov 16 update adding the .badge element due to the most recent update */
.User .username .badge {
	width: 15px;
	height: 15px;
}

	/* chatmoderators */
body.ChatWindow .User.chatmoderator:not(.staff) .username .badge {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9wFHwsfBK/QmysAAAAGYktHRAD/AP8A/6C9p5MAAAMSSURBVBgZTcHPb9tUAAfw73t+Tppfdmo3hrRu0oym0cKYNIFUTTBOSIQiNi4F7Z9gZ27c4V/g0AO9oSEuVIhqEz/GJipVa1nXdOuPpAtkdZwuifNqJ/Z75MjnQzCxuroa297evgVACiF+9X0/yufzRcbY1V6v1x+NRlumaQ4Hg4GZSqVueJ73tF6vP2DVajW2s7Pzxe3PP/syk5li+wfH9SAIxMJCMX/lsp0f8vHF3t5xw3E73DSMRN7Sqycv3L8451+RSqXy4c1PPl6/8+mcoekugnQBIAqm1AAx8hKSJhGEBoKxAiY5mNPA45eL+ObbjV8YIaRFqXIm/J4R8XtILb6BKBRghIEoFEQA1B8hIQFFhOCtU4yjWUkIadDl5eXnv//x4P5TNytEFEfr+Snuf38PR7tHkFIiHIfY+e0xHm48hNc5h0iU8Gj/fNhsNn+ma2tr/sSTQaByJTkNKSXcf7to1pvweQC33UXr8B+8cl6Bqipk3MTwInJs2/6bAVAsy1qa0VmSxiXISEE2l0UYhmjWG+i5fWimBn/ogzAGVR3B0JO64zjzdGVlJWdZuWvz2oASjCAjgWQmCXvRxv5WHXzAUagUACkhQwElclC2M/rEe7Tdbs9dKs6WNXECOQ4hLgIAEoWyDd3QMFuaxVQiBggB4fmQ3EXZGis503yHapq2uFQwsqR3ANG/QCwSmNHTYKHAlWtlzNs5xEKB12eykAMO4Q1g0Dby+dxlmkgkZhiRTPhDhF0HWSpRsrIgPQ8ZQkB7Q2SkxNKcCcaHCPvnoHIESiRjnPPDvUbfvfHBR5Y8/A5hpwVQAqrGQWNJSBFCBBwyigAhoGSXcDoq4czd3VNSqVTz4Nmhqr729lW9eH2KGW8SJV2EosQhvDNA0UCsdxFMXweffh9P+FvRxlZn++7dH74mmKjVavFut3uzVCrVYjG1bEzr6Uopv1Atpqd5IKPdk0Hn6Pj0xdAbup1u99F4PP5pc3PzT4L/qdVqcc/zko7jJFRVXbZt+7bv+41+v/+joijPyuVysL6+3gMgMPEfvxmDHIhvuzgAAAAASUVORK5CYII=');
	background-position: 0 0;
}
	/* admins */
body.ChatWindow .User[data-user="Apj26"] .username .badge,
body.ChatWindow .User[data-user="CPW Community Admin"] .username .badge,
body.ChatWindow .User[data-user="Dps04"] .username .badge,
body.ChatWindow .User[data-user="Hey.youcp"] .username .badge,
body.ChatWindow .User[data-user="Jeserator"] .username .badge,
body.ChatWindow .User[data-user="Shurow"] .username .badge,
body.ChatWindow .User[data-user="Vicyorus"] .username .badge,
body.ChatWindow .User[data-user="Watatsuki"] .username .badge {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAACQ0lEQVQokZWPz2uScRzHPz7PYw4eh+BjYdoWoy20IZZDyQ6xJRTMPZdIL4vtUIeiw/Cw/gEPOwijw7bTGhsuPCgMRodsTSglt348uZ7Z4hGV7HHzUYYIufaI89vpMTcc0fv2+cDr83p/ZPCfid+TLys6CeMXnqQxaRkKhehMJpPgOO59IBC40Q5kXMSba0PU6FGdspipSrgJx+PxVLX6W6NSqexutzsWDAbvngSvDGoc7CYBxs5dqNbxvWOXe3t7FTzPHwmCgHg+/6MVPJzVoo9jF9CvJxjacJ1JAABGAIAsEon4OY7zKZXKYVEUMYQQkCSpbmfcLhJb14M1CwA0pMpJQRDqLMvWY7EY8ng8KJvNopcTg5G/RrxplBrhAADlcnmFJEkHRWnO4zgOBEHItB9mQFv91COkG3BZWYLtIn7cCACylpexubm5GZZlOb1ef+mm+O4xxSdwRW0fuAPd2+GVn7dawZNwM16vd8RqtS6VZx91XsQO5ZsbCK7a7UslufyBOxg8atragTabbcHn802s7WlM3z4Tu/TAACQZZpwoFOJrLpeqnRC8Xu9IOBwuOhyO+9LuocViXOjqymecTjTf14eeGwx7r2i6/5+glHGzuX+xu3s363SiRYOh9kyny6/SdI8MACAaja6KomidmpqaXF9fX27XatRkMt2uVF6f02q3dgqFs/uNxjTm9/sn1Wo1ncvlvp8GAgC8YFk2qtHc2SmVFAcAaaajI0SkUqlEOp2eTiaTT08DpcwzzFcAGJLmP8e8D5dyk6caAAAAAElFTkSuQmCC');
	background-position: 0 0;
}
	/* bots */
body.ChatWindow #Rail .User[data-user="CPChatBot"] .username .badge,
body.ChatWindow #Rail .User[data-user="Jeserator TEST"] .username .badge,
body.ChatWindow #Rail .User[data-user="Syster"] .username .badge,
body.ChatWindow #Rail .User[data-user="VicBot"] .username .badge {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAADB0lEQVQokXXST0g0dQDG8Wdmdnd2Zsc3pRlrBeEVZUXbVBKWFhRUghAP7kUXZAXfsoOX10MWHuKtLr2WRBfr4CWJDh2KAltFXSRBCV8IDTfn4ErCLObuuLojOzt/duf369ILHt4+5+e5fTnc09HRwY+Pjz9OJBJfhsPhUDabfZZMJp8kk8mPW1paJELIn7que3iRiYmJHzVNI67r0lQq9WxmZubp7Ozs73d3d/Tk5MRLJBLfvvAIAP39/eHl5eWiaZr05uaGGoZBi8UiLZVKdH5+Xm9ubm6/v+cAYHp6+rdoNMr19vY+mZubizIMA47jAAAsy6JWq6Gnp0cwDOO1SCTyUjQafZrNZr9jJicn315YWPjZcRymra2NlySJYRgGjuOAEAJCCPx+P1zXxfX1NS2VSm65XPZWV1ff8gmC8H5DQ4PQ3t4OQggopbAsCzs7O8XT01Ots7Pz4dDQ0MvBYBCiKDI8z/MAqCiKn6Krqys8MDDw+fb2tqvrOr28vKTpdLoSj8ffAfBgeHj48ebmppXL5Wgul6Nra2tmLBb7RFGUDlZV1X9s2/6BZVnO8zw4joPz83OzUCj8BODOtu3vLy4uKrZtAwB4nudM0/xF1/UcNzU1tdTX1/ded3d3qyiKLMuyUBRFLBQKryuKYkQikc/Gxsb6QqEQqtUqTNP0APS2trY+ZFKp1BeLi4sfBAIBEEIgCAJM04Truri6uoIsy+A4DoIgoFwugxCCSqWClZWVZS4UCv3hed6jTCaj2bYNWZbFYDAIn8+HxsZG+P1+MAyD29tbHBwc6JlMJq9pWm19ff1dLp/PW4SQajqd/qherxssy/bLsizatg3LslCtVmFZFvb39683Nja+2t3dnbMsq3x2drbrA4C9vb1vACAQCPzd1NTkr9fr2NraunIcx/b5fMLIyMgrkiQFJEn6yzCM28PDw68BgL2fG6W08+jo6FLTNO/4+HhzaWkppqrqr5qm1VRVzddqtTf+t+3/PBgcHPwwFouNAMDo6Oib8Xh8AcCrz3N+7l8zD3QtGKbLJQAAAABJRU5ErkJggg==');
	background-position: 0 0;
}
	/* confirmed accounts of cp employees and other official accounts */
body.ChatWindow .User[data-user="Polo Field"] .username .badge,
body.ChatWindow .User[data-user="Screenhog at Rocketsnail"] .username .badge {
	background-image: url('data:image/gif;base64,R0lGODlhEAAQAMZ7AA8KAQARGmIPEFcWDgArQWkREh0qMQAzTiI3Q48bGTg4OABFaABDfZwfHDw8PD09PQBJhDlAQwBNdV0+CUJCQj1ESABPjyBLYQBRlUFITQBWggBVmyBUbgBcjQBbpUBRWU5OTs8tJgBisABlmgBmoVVVVQBntABptgBtpwBsuEBidABuuqFRFABxvD5mdABzvgB2tBpwtAB4wslNHgB5vapaFAB9xj5zigCAyHBrVQCCyn9vFS95s7ZsFJx0Jj+DuM1qGo+FJbt8E06MvbJ/KS+V0ZSIX76PEn+Yq++HHdqRFuyKKOGSF2+ozb+mIOeeJL+sK5yptY+uxpmyxo+00fqnGa+vr/qpGL+3P/utF/uwFa+7xeq2X/68EL+/v8DAwP7ADv/CDp/J5fzCH//DD+DBjv/FEf7HG//KF9vHpcPL0dbMvN/Qgs/Pz9PPyNDQ0O/WUNHS1P/XI8/b5d/f3+Dg4Ojo6e/t4e/v7+/1+v///wAAAAAAAAAAAAAAAAAAACH5BAEKAH8ALAAAAAAQABAAAAfMgH+Cf18GBwsXCoOLghUSOC8rMjAIjIIRKCkiIjweJjQfjCAjJ5tUenN5Yh1fixwrmzx6bXh4bUUZgw8kmyJSeg50Xg9NKoMEmpttelZ4zEjGgjq9IndscE7ZUEE5b38tMr1YZ2Zh5mRocjt1IskiRz1aXebmYGMl1CJCAjVMVVlZriiZQIHakCcFEg7wcQNAAAkwesVQw2VGgwIsXIjQYKMFtSlx1iQJkYDIJgj5fuixE6fMEiBGNnnYtGHTFj0r47hJE2WTBREYGAQCADs=');
	background-position: 0 0;
}

/* Sidebar image */
.Rail {
	background: url('http://images.wikia.com/clubpenguin/images/b/bb/Site_sprite_puffle.png') no-repeat right bottom;
}

/* Removes the badge added by chathacks */
img.modicon {
	display: none;
}

/* Adds a very soft drop shadow for 3D feeling :) Also makes chat look deeper on retina screens */

.ChatHeader {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.WikiaPage {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Removes the promote button */
.give-chat-mod {
	display: none;
}

/* Statuses (Still in beta) */
#user-CustardTheWikiBird .details:after {
	content: "Reminder to Splink";
	color: #595959;
}

#user-CustardTheWikiBird .status {
	display: none;
}

#user-Stickman,_The_Legendary_Hero .details:after {
	content: "Director of the U.S.F";
	color: #595959;
}

#user-Stickman,_The_Legendary_Hero .status {
	display: none;
}

#user-Hypercane .details:after {
	content: "King of the Hurricanes";
	color: #595959;
}

#user-Hypercane .status {
	display: none;
}

#user-RafaelMoutaCP .details:after {
	content: "Photoshop User and Wallpaper Hunter";
	color: #595959;
}

#user-RafaelMoutaCP .status {
	display: none;
}

#user-Seth4564TI .details:after {
	content: "cog";
	color: #595959;
}

#user-Seth4564TI .status {
	display: none;
}

#user-AustinD-3 .details:after {
	content: "I like memes, deal with it.";
	color: #595959;
}

#user-AustinD-3 .status {
	display: none;
}

#user-M3wzy .details:after {
	content: "A Cat";
	color: #595959;
}

#user-M3wzy .status {
	display: none;
}

#user-PixieLil .details:after {
	content: "My Taste In Music Is Your Face";
	color: #595959;
}

#user-PixieLil .status {
	display: none;
}

#user-ThatYoshi8 .details:after {
	content: "Ravioli ravioli register that pokémonioli";
	color: #595959;
}

#user-ThatYoshi8 .status {
	display: none;
}

#user-WikiaFrog .details:after {
	content: "Ribbit";
	color: #595959;
}

#user-WikiaFrog .status {
	display: none;
}

#user-Techman129 .details:after {
	content: "Ranked a Killer in Killer Instinct";
	color: #595959;
}

#user-Techman129 .status {
	display: none;
}

#user-CanYouFeelTheLoveTonight .details:after {
	content: "Food and Lion King is my life";
	color: #595959;
}

#user-CanYouFeelTheLoveTonight .status {
	display: none;
}

#user-Helmetpig2013 .details:after {
	content: "Awarded #1 Unproductive user of the year since 2013.";
	color: #595959;
}

#user-Helmetpig2013 .status {
	display: none;
}

#user--TwinkieReborn- .details:after {
	content: "Mm, gradients";
	color: #595959;
}

#user--TwinkieReborn- .status {
	display: none;
}

#user-Darien8910 .details:after {
	content: "Sample text.";
	color: #595959;
}

#user-Darien8910 .status {
	display: none;
}

#user-Poko_the_cheese_lover .details:after {
	content: "Dark Nebula";
	color: #595959;
}

#user-Poko_the_cheese_lover .status {
	display: none;
}

#user-Timberwolf8 .details:after {
	content: "Literally can't even";
	color: #595959;
}

#user-Timberwolf8 .status {
	display: none;
}

#user-Sharkzrule88 .details:after {
	content: "Shark Puffle";
	color: #595959;
}

#user-Sharkzrule88 .status {
	display: none;
}

#user-Chriskin98 .details:after {
	content: "gotta blast don't talk to me bye";
	color: #595959;
}

#user-Chriskim98 .status {
	display: none;
}

#user-Falcon_Takanashi .details:after {
	content: "I'm no stranger to death";
	color: #595959;
}

#user-Falcon_Takanashi .status {
	display: none;
}

#user-Theultimatelifeform .details:after {
	content: "Just another Brony";
	color: #595959;
}

#user-Theultimatelifeform .status {
	display: none;
}

#user-Lava1789 .details:after {
	content: "Editing Videos...";
	color: #595959;
}

#user-Lava1789 .status {
	display: none;
}

#user-Ultimate_Legend_Star_Kirby12 .details:after {
	content: "athlon tobot is best anime";
	color: #595959;
}

#user-Ultimate_Legend_Star_Kirby12 .status {
	display: none;
}

#user-Eaglesrule8 .details:after {
	content: "I have too many obsessions...";
	color: #595959;
}

#user-Eaglesrule8 .status {
	display: none;
}

#user-Jess0426 .details:after {
	content: "Eating Popcorn";
	color: #595959;
}

#user-Jess0426 .status {
	display: none;
}

#user-Fire86743 .details:after {
	content: "Natsu's Wikia account";
	color: #595959;
}

#user-Fire86743 .status {
	display: none;
}

#user-Mrdave921 .details:after {
	content: "♪Have a holly jolly Christmas...♪";
	color: #595959;
}

#user-Mrdave921 .status {
	display: none;
}

#user-KingJnk9 .details:after {
	content: "America wins everything";
	color: #595959;
}

#user-KingJnk9 .status {
	display: none;
}


#user-Dipper Meow .details:after {
	content: "Derpy!!";
	color: #595959;
}

#user-Dipper Meow .status {
	display: none;
}

#user-OrangePuffle .details:after {
	content: "insert thing here";
	color: #595959;
}

#user-OrangePuffle .status {
	display: none;
}

#user-PurpleBeastBoy .details:after {
	content: "Here comes Dat Boi";
	color: #595959;
}

#user-PurpleBeastBoy .status {
	display: none;
}

#user-Sixkngdm .details:after {
	content: "The One and Only... Six";
	color: #595959;
}

#user-Sixkngdm .status {
	display: none;
}

#user-CPW_Community_Admin .details:after {
	content: "Need Help? Ask Me!";
	color: #595959;
}

#user-CPW_Community_Admin .status {
	display: none;
}

#user-Star_Ham_Ham .details:after {
	content: "its the nutshack";
	color: #595959;
}

#user-Star_Ham_Ham .status {
	display: none;
}

#user-XxZatsuneMikuxX .details:after {
	content: "Wanna Know More DJs? Ask Me :D";
	color: #595959;
}

#user-XxZatsuneMikuxX .status {
	display: none;
}


/* New theme */
body { 
	background: url('http://vignette3.wikia.nocookie.net/clubpenguin/images/5/50/Wiki-background/revision/20160420221051') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
 
.WikiaPage,
.ChatHeader,
.Write .message,
.you {
	background: rgba(225, 225, 225, 0.6) !important;
}
 
.Chat .time {
	color: #3a3a3a;
}
 
.User.away {
	color: #676565;
}
 
img {
	-webkit-filter: drop-shadow(2px 2px 5px #222);
	filter: drop-shadow(2px 2px 5px #222); 
}
 
.you.continued {
	background: linear-gradient(transparent 15px, rgba(225, 225, 225, 0.6) 15px) !important
}

.Chat .me-message {
	color: #6f6f6f;
}

.Chat .inline-alert {
	color: #676767;
}


/* change user group icons */